/* === ИЗОЛИРОВАННЫЕ СТИЛИ ТРИГОНОМЕТРИЧЕСКОГО КРУГА === */
.wp-trig-circle-wrapper, .wp-trig-circle-wrapper * { 
    box-sizing: border-box !important; 
    line-height: normal !important;
}
.wp-trig-circle-wrapper {
    width: 100% !important; display: flex !important; justify-content: center !important; margin: 20px 0 !important;
}
.wp-trig-circle-wrapper p { margin: 0 !important; padding: 0 !important; display: inline !important; }
.wp-trig-circle-wrapper br { display: none !important; }

.wp-trig-circle-wrapper .calculator-card {
    width: 100% !important; max-width: 600px !important; background: #ffffff !important; padding: 25px; 
    border-radius: 12px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important; border: 1px solid #e2e8f0 !important;
}
.wp-trig-circle-wrapper h2 { font-size: 20px !important; margin: 0 0 10px 0 !important; text-align: center !important; color: #333333 !important; }
.wp-trig-circle-wrapper .subtitle-help { text-align: center !important; font-size: 14px !important; color: #64748b !important; margin-bottom: 20px !important; font-weight: bold !important; }

/* Двухколоночная адаптивная сетка (круг + инфо-панель) */
.wp-trig-circle-wrapper .circle-layout-grid {
    display: flex !important; gap: 20px !important; align-items: center !important; width: 100% !important;
}
.wp-trig-circle-wrapper .canvas-area {
    flex: 1 !important; display: flex !important; justify-content: center !important; position: relative !important;
}
.wp-trig-circle-wrapper canvas {
    background: #f8fafc !important; border: 1px solid #cbd5e1 !important; border-radius: 50% !important; max-width: 100% !important; cursor: pointer !important;
}

/* Инфо-панель результатов */
.wp-trig-circle-wrapper .info-panel {
    width: 240px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; background: #f8fafc !important; padding: 15px !important; border-radius: 8px !important; border: 1px solid #cbd5e1 !important;
}
.wp-trig-circle-wrapper .info-row {
    display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 14px !important; font-weight: bold !important; color: #334155 !important; border-bottom: 1px dashed #e2e8f0 !important; padding-bottom: 5px !important;
}
.wp-trig-circle-wrapper .info-value {
    color: #007bff !important; font-family: 'Courier New', Courier, monospace !important; font-size: 16px !important;
}
.wp-trig-circle-wrapper .info-value.fraction {
    font-size: 15px !important; color: #28a745 !important;
}

@media (max-width: 550px) {
    .wp-trig-circle-wrapper .circle-layout-grid { flex-direction: column !important; }
    .wp-trig-circle-wrapper .info-panel { width: 100% !important; }
}