@layer cluster-reference{.cluster-reference{& .percentage-page-hero__eyebrow{color:var(--accent-teal);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}& .percentage-page-hero h1{color:var(--ink-950);font-family:var(--font-serif);margin-top:.4rem;font-size:clamp(2.4rem,7vw,5rem);line-height:1}& .percentage-page-hero p{max-width:50rem;color:var(--ink-650);margin:.9rem auto 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}& .percentage-formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}& .percentage-method-grid{gap:.75rem;display:grid}& .percentage-method-grid article{border:1px solid color-mix(in srgb, var(--accent-blue) 20%, transparent);box-shadow:var(--ps-raised-sm);background:#ffffffad;border-radius:.85rem;grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);align-items:center;gap:.36rem 1rem;padding:.95rem 1rem;display:grid}& .percentage-method-grid__question{color:var(--accent-teal);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:.78rem;font-weight:900}& .percentage-method-grid h2{color:var(--ink-950);margin:0;font-size:1.05rem;font-weight:900}& .percentage-method-grid p:not(.percentage-method-grid__question){color:var(--ink-650);margin:0;line-height:1.48}& .percentage-method-grid__result{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.55rem 1rem;margin-top:.12rem;display:flex}& .percentage-method-grid code{border:1px solid color-mix(in srgb, var(--ink-200) 70%, transparent);max-width:100%;box-shadow:var(--ps-inset-sm);background:#ffffffb8;border-radius:.72rem;flex:none;padding:.5rem .62rem;font-weight:900}& .percentage-method-grid strong{color:var(--accent-blue);font-weight:900;display:block}& .percentage-howto-grid,& .percentage-ownership-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}& .percentage-howto-grid article,& .percentage-ownership-grid article{border:1px solid color-mix(in srgb, var(--accent-teal) 22%, transparent);box-shadow:var(--ps-raised-sm);background:#ffffffad;border-radius:.85rem;padding:1rem}& .percentage-howto-grid span{color:#fff;background:linear-gradient(135deg,#35a879,#3f999a);border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:900;display:inline-grid}& .percentage-howto-grid h2,& .percentage-ownership-grid h2{color:var(--ink-950);margin-top:.7rem;font-size:1.05rem;font-weight:900}& .percentage-ownership-grid strong{color:var(--accent-blue);letter-spacing:.08em;text-transform:uppercase;margin-top:.4rem;font-size:.88rem;font-weight:900;display:block}& .percentage-howto-grid p,& .percentage-ownership-grid p{color:var(--ink-650);margin-top:.62rem;line-height:1.55}& .percentage-guide-link{max-width:44rem;color:var(--ink-650);text-align:center;margin:1.1rem auto 0;line-height:1.6}& .percentage-guide-link a{color:var(--accent-teal);text-underline-offset:.22rem;font-weight:900;text-decoration:underline}& .percentage-formula-grid article{border:1px solid color-mix(in srgb, var(--accent-blue) 22%, transparent);box-shadow:var(--ps-raised-sm);background:#ffffffa8;border-radius:.8rem;padding:1rem}& .percentage-formula-grid h2{color:var(--ink-950);font-size:1.05rem;font-weight:900}& .percentage-formula-grid code{color:var(--ink-900);margin-top:.55rem;font-weight:900;display:inline-block}& .percentage-formula-code{font-family:var(--font-mono);white-space:normal;line-height:1.42}& .percentage-tool__formula-token{white-space:nowrap}& .percentage-tool__formula-token--operator{white-space:break-spaces}& .percentage-formula-grid p{color:var(--ink-650);margin-top:.65rem;line-height:1.55}& .percentage-link-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}& .percentage-link-list li{gap:.2rem;display:grid}& .percentage-link-list a{color:var(--accent-teal);text-underline-offset:.22rem;font-weight:900;text-decoration:underline}& .percentage-link-list span{color:var(--ink-650);line-height:1.45}& [data-theme=dark] .percentage-page-hero h1,& [data-theme=dark] .percentage-method-grid h2,& [data-theme=dark] .percentage-howto-grid h2,& [data-theme=dark] .percentage-ownership-grid h2,& [data-theme=dark] .percentage-formula-grid h2{color:#fff9fc}& [data-theme=dark] .percentage-page-hero p,& [data-theme=dark] .percentage-guide-link,& [data-theme=dark] .percentage-method-grid p:not(.percentage-method-grid__question),& [data-theme=dark] .percentage-howto-grid p,& [data-theme=dark] .percentage-ownership-grid p,& [data-theme=dark] .percentage-formula-grid p,& [data-theme=dark] .percentage-link-list span{color:#e5dce9d6}& [data-theme=dark] .percentage-method-grid article,& [data-theme=dark] .percentage-howto-grid article,& [data-theme=dark] .percentage-ownership-grid article,& [data-theme=dark] .percentage-formula-grid article{background:#f8f2f71f;border-color:#ffffff24;box-shadow:-.28rem -.28rem .78rem #ffffff0b,.46rem .52rem 1rem #00000054}& [data-theme=dark] .percentage-method-grid code{background:#f8f2f729;border-color:#ffffff21;box-shadow:inset .28rem .28rem .68rem #00000057,inset -.18rem -.18rem .48rem #ffffff14}& [data-theme=dark] .percentage-method-grid strong,& [data-theme=dark] .percentage-formula-grid code{color:#8ab4ff}& [data-theme=dark] .percentage-task-table tr{background:#f8f2f71f;border-color:#ffffff24}@media (width<=760px){& .percentage-tool__modes,& .percentage-tool__workspace,& .percentage-tool__inputs,& .percentage-tool__working{grid-template-columns:1fr}& .percentage-tool__modes button{min-height:auto}}@media (width<=1080px) and (width>=761px){& .percentage-tool__modes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){& .percentage-task-table{font-size:.88rem;display:block;min-width:0!important}& .percentage-task-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& .percentage-task-table tbody{gap:.72rem;padding:.72rem;display:grid}& .percentage-task-table tr{border:1px solid color-mix(in srgb, var(--ink-200) 70%, transparent);background:#ffffff94;border-radius:.75rem;grid-template-columns:minmax(0,1fr);gap:.62rem .9rem;padding:.82rem;display:grid}& .percentage-task-table th,& .percentage-task-table td{vertical-align:top;padding:0;display:block}& .percentage-task-table th:before,& .percentage-task-table td:before{content:attr(data-label);color:var(--ink-400);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.22rem;font-size:.68rem;font-weight:900;display:block}& .percentage-task-table th:first-child,& .percentage-task-table td:first-child,& .percentage-task-table td:nth-child(2),& .percentage-task-table td:nth-child(3){grid-column:1/-1}& .percentage-task-table code{max-width:100%;font-size:.82rem;line-height:1.45;display:inline-block}& .percentage-task-table .percentage-tool__formula-token{white-space:normal}}@media (width<=900px) and (width>=700px){& .percentage-task-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}& .percentage-task-table tr{align-content:start}}@media (width<=640px){& .percentage-formula-grid,& .percentage-method-grid,& .percentage-howto-grid,& .percentage-ownership-grid,& .percentage-method-grid article{grid-template-columns:1fr}& .percentage-method-grid__result{flex-direction:column;align-items:flex-start}}}}
