.trigonometry-page{background:radial-gradient(circle at 88% 9%,#087d6b1a,#0000 25rem),#fff}.trigonometry-page .hero-grid{align-items:start}.diagnostic-triangle{background:linear-gradient(#f7fbfd,#fff);border:1px solid #dce8ed;border-radius:14px;margin:10px 0 0;overflow:hidden}.diagnostic-triangle svg,.trig-label-card svg,.example-triangle-card svg,.context-diagram-card svg{width:100%;height:auto;display:block}.diagnostic-triangle figcaption,.example-triangle-card figcaption,.context-diagram-card figcaption{color:#5b707c;border-top:1px solid #e4edf1;padding:10px 13px 12px;font-size:11px;line-height:1.5}.trig-fill{fill:#eef8fb}.trig-edge,.right-angle,.angle-arc{fill:none;stroke-linecap:round;stroke-linejoin:round}.trig-edge{stroke:#34576a;stroke-width:3px}.trig-edge--strong{stroke-width:4px}.right-angle{stroke:#d85d4a;stroke-width:3px}.angle-arc{stroke:#7a5af8;stroke-width:3px}.angle-arc--top{stroke:#087d6b}.angle-label,.side-label,.context-label{fill:#17394d;font-family:var(--font-geist-sans), Arial, sans-serif;font-size:14px;font-weight:760}.angle-label{fill:#6244d8}.angle-label--large,.side-label--large{font-size:18px}.side-label--opposite{fill:#b94b3a}.side-label--adjacent{fill:#087d6b}.side-label--hypotenuse{fill:#0878be}.label-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.trig-label-card figcaption{min-height:82px}.trig-knowledge-grid{margin-bottom:16px}.sohcahtoa-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.sohcahtoa-panel>div{background:linear-gradient(#f5fafc,#fff);border:1px solid #d5e5eb;border-radius:16px;min-width:0;padding:18px;overflow:hidden}.sohcahtoa-panel>div>span{color:#fff;letter-spacing:.08em;background:#087d6b;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.sohcahtoa-panel .math-content{color:#17394d;margin-top:12px;font-size:13px;overflow-x:auto}.inverse-note{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.inverse-note>div{border-left:3px solid var(--blue);background:#f4f9fc;border-radius:0 13px 13px 0;padding:17px 19px}.inverse-note>div:last-child{border-left-color:var(--teal);background:#f1faf7}.inverse-note strong{font-size:14px}.inverse-note p{color:#506873;margin:7px 0 0;font-size:13px;line-height:1.55}.example-split{grid-template-columns:minmax(270px,.85fr) minmax(330px,1.15fr);align-items:start;gap:24px;margin-top:20px;display:grid}.example-split .method-choice{margin-top:0}.example-triangle-card,.context-diagram-card{background:linear-gradient(#f8fbfd,#fff);border:1px solid #d8e6ec;border-radius:17px;margin:20px 0;overflow:hidden}.example-split .example-triangle-card{margin:0}.ground-line,.tree-trunk,.sight-line,.eye-height-line,.person{fill:none;stroke-linecap:round;stroke-linejoin:round}.ground-line{stroke:#6d8793;stroke-width:4px}.tree-trunk{stroke:#765841;stroke-width:14px}.sight-line{stroke:#7a5af8;stroke-width:4px}.eye-height-line{stroke:#9fb2bb;stroke-dasharray:7 7;stroke-width:2.5px}.person{stroke:#17394d;stroke-width:6px}.person-head{fill:#fff;stroke:#17394d;stroke-width:5px}.tree-crown{fill:#c9eee5;stroke:#087d6b;stroke-width:3px}.context-label{fill:#4e6572;font-size:13px}.context-label--height{fill:#9a4a3d}.cuboid-face{fill:#1d9bf012;stroke:none}.cuboid-face--top{fill:#087d6b14}.cuboid-edge,.base-diagonal,.space-diagonal{fill:none;stroke-linecap:round;stroke-linejoin:round}.cuboid-edge{stroke:#597381;stroke-width:3px}.base-diagonal{stroke:#087d6b;stroke-dasharray:7 7;stroke-width:4px}.space-diagonal{stroke:#7a5af8;stroke-width:5px}.context-label--diagonal{fill:#087d6b}.higher-example{background:linear-gradient(#fffdf7,#fff);border-color:#e5d5a7}.higher-example>header>div:last-child{align-items:center;gap:7px;display:flex}.related-topic-note{margin-bottom:18px}.faq-list{gap:10px;display:grid}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:15px;padding:0 20px}.faq-list summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:15px;font-weight:720;line-height:1.4;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--blue-dark);content:"+";font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);margin:0;padding:0 0 18px;font-size:14px;line-height:1.6}@media (max-width:980px){.example-split{grid-template-columns:1fr}.example-triangle-card{max-width:560px}}@media (max-width:680px){.trigonometry-page .vectors-header .site-nav>a:first-child,.trigonometry-page .vectors-header .site-nav>a:nth-child(2){display:none}.label-switch-grid,.sohcahtoa-panel,.inverse-note{grid-template-columns:1fr}.sohcahtoa-panel>div{padding:15px}.context-diagram-card{margin-inline:-8px}.context-diagram-card figcaption{padding-inline:15px}.faq-list details{padding-inline:16px}}@media print{.faq-list details>*{display:block}}