@layer cluster-reference{.cluster-reference{& .math-page-hero{padding:clamp(1rem,3vw,2rem) 0 0}& .math-page-hero__eyebrow,& .math-section-eyebrow{color:var(--accent-periwinkle);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}& .math-page-hero h1{max-width:14ch;color:var(--ink-950);font-family:var(--font-serif);margin:.55rem auto 0;font-size:clamp(2.8rem,8vw,6.3rem);line-height:.96}& .math-page-hero>p:last-of-type{max-width:52rem;color:var(--ink-650);margin:1.35rem auto 0;font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.7}& .math-page-hero__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.7rem;display:flex}& #calculators,& #guides{scroll-margin-top:7rem}& .math-tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}& .math-tool-card{border:1px solid var(--ps-border-subtle);border-top:.25rem solid var(--accent-periwinkle);background:color-mix(in srgb, var(--ps-surface) 94%, white);min-height:18rem;box-shadow:var(--ps-raised-sm);border-radius:.75rem;flex-direction:column;grid-column:span 2;padding:1.35rem;display:flex}& .math-tool-card:nth-child(2){border-top-color:var(--accent-mint)}& .math-tool-card:nth-child(3){border-top-color:var(--accent-coral)}& .math-tool-card:nth-child(4){border-top-color:var(--accent-butter)}& .math-tool-card:nth-child(5){border-top-color:var(--accent-berry)}& .math-tool-card--featured{background:color-mix(in srgb, var(--accent-periwinkle) 8%, var(--ps-surface));grid-column:span 3}& .math-tool-card:nth-child(2){grid-column:span 3}& .math-tool-card__label{background:color-mix(in srgb, var(--accent-periwinkle) 14%, transparent);color:var(--accent-periwinkle);letter-spacing:.1em;text-transform:uppercase;border-radius:.35rem;align-self:flex-start;margin-bottom:.85rem;padding:.3rem .55rem;font-size:.7rem;font-weight:800}& .math-tool-card h2,& .math-guide-grid h2,& .math-method h2{color:var(--ink-950);font-family:var(--font-serif);font-weight:600;line-height:1.12}& .math-tool-card h2{font-size:1.55rem}& .math-tool-card>p:not(.math-tool-card__label){color:var(--ink-650);margin-top:.8rem;line-height:1.6}& .math-tool-card>span{color:var(--ink-500);margin-top:1rem;font-size:.82rem;font-weight:700}& .math-tool-card>a{color:var(--accent-periwinkle);text-underline-offset:.24rem;justify-content:space-between;align-items:center;gap:.8rem;margin-top:auto;padding-top:1.25rem;font-weight:800;text-decoration:underline;display:flex}& .math-tool-card>a span{font-size:1.35rem;text-decoration:none}& .math-chooser{border:1px solid var(--ps-border-subtle);background:color-mix(in srgb, var(--ps-surface) 94%, white);box-shadow:var(--ps-raised-sm);border-radius:.75rem;overflow:hidden}& .math-chooser table{border-collapse:collapse;text-align:left;width:100%}& .math-chooser thead{background:color-mix(in srgb, var(--accent-periwinkle) 8%, var(--ps-surface))}& .math-chooser th,& .math-chooser td{border-bottom:1px solid var(--ps-border-subtle);vertical-align:top;padding:1rem 1.1rem}& .math-chooser thead th{color:var(--ink-500);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}& .math-chooser tbody th{width:36%;color:var(--ink-900);font-weight:700}& .math-chooser tbody td{color:var(--ink-650)}& .math-chooser tbody tr:last-child>*{border-bottom:0}& .math-chooser a,& .math-guide-grid a{color:var(--accent-periwinkle);text-underline-offset:.22rem;font-weight:800;text-decoration:underline}& .math-method{border-left:.3rem solid var(--accent-mint);background:color-mix(in srgb, var(--accent-mint) 6%, var(--ps-surface));grid-template-columns:minmax(13rem,.75fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.4rem,4vw,2.4rem);display:grid}& .math-method h2{margin-top:.5rem;font-size:clamp(1.7rem,4vw,2.45rem)}& .math-method__copy{color:var(--ink-650);gap:1rem;line-height:1.75;display:grid}& .math-method__copy strong{color:var(--accent-berry);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}& .math-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}& .math-guide-grid article{border:1px solid var(--ps-border-subtle);background:color-mix(in srgb, var(--ps-surface) 94%, white);min-height:17rem;box-shadow:var(--ps-raised-sm);border-radius:.75rem;flex-direction:column;padding:1.3rem;display:flex}& .math-guide-grid article>span{color:var(--accent-coral);letter-spacing:.12em;font-size:.74rem;font-weight:800}& .math-guide-grid h2{margin-top:.75rem;font-size:1.45rem}& .math-guide-grid p{color:var(--ink-650);margin-top:.8rem;line-height:1.6}& .math-guide-grid a{margin-top:auto;padding-top:1.2rem}& .math-faq{gap:.75rem;display:grid}& .math-faq details{border:1px solid var(--ps-border-subtle);background:color-mix(in srgb, var(--ps-surface) 94%, white);box-shadow:var(--ps-raised-sm);border-radius:.6rem}& .math-faq summary{cursor:pointer;color:var(--ink-900);padding:1rem 1.1rem;font-weight:800}& .math-faq p{color:var(--ink-650);padding:0 1.1rem 1.1rem;line-height:1.65}@media (width<=820px){& .math-tool-grid,& .math-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .math-tool-card,& .math-tool-card--featured,& .math-tool-card:nth-child(2){grid-column:span 1}& .math-tool-card:last-child,& .math-guide-grid article:last-child{grid-column:1/-1}& .math-method{grid-template-columns:1fr}}@media (width<=660px){& .math-page-hero h1{font-size:clamp(2.7rem,15vw,4.3rem)}& .math-tool-grid,& .math-guide-grid{grid-template-columns:1fr}& .math-tool-card,& .math-guide-grid article{min-height:auto}& .math-tool-card:last-child,& .math-guide-grid article:last-child{grid-column:auto}& .math-chooser{box-shadow:none;background:0 0;border:0;overflow:visible}& .math-chooser thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}& .math-chooser tbody{gap:.85rem;display:grid}& .math-chooser tr{border:1px solid var(--ps-border-subtle);background:color-mix(in srgb, var(--ps-surface) 94%, white);box-shadow:var(--ps-raised-sm);border-radius:.65rem;gap:.7rem;padding:1rem;display:grid}& .math-chooser th,& .math-chooser td,& .math-chooser tbody th{border:0;gap:.2rem;width:auto;padding:0;display:grid}& .math-chooser th:before,& .math-chooser td:before{content:attr(data-label);color:var(--ink-500);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:800}}}}