.methodology-shell { max-width:1500px; }
.brand-link { text-decoration:none; color:var(--ink); }
.brand-dot { color:#90a78b; }
.page-nav { display:flex; gap:22px; font-size:12px; }
.page-nav a { color:var(--muted); text-decoration:none; padding:6px 0; }
.page-nav a[aria-current="page"] { color:var(--green); border-bottom:2px solid var(--green); font-weight:750; }
.method-hero { padding:50px 0 26px; }
.method-hero h1 { font-size:clamp(42px,6vw,68px); }
.method-hero > p { font-size:16px; line-height:1.7; color:var(--muted); margin:20px 0 15px; }
.snapshot-line { font-size:12px; color:var(--muted); line-height:1.7; }
.snapshot-line strong { color:var(--ink); }
.method-stats { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:15px; background:var(--paper); overflow:hidden; }
.method-stats > div { padding:19px 22px; border-right:1px solid var(--line); }
.method-stats > div:last-child { border-right:0; }
.method-stats b { display:block; font-family:Georgia,serif; font-size:31px; font-weight:500; }
.method-stats span { display:block; font-size:11px; color:var(--muted); margin-top:4px; }
.section-nav { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 32px; }
.section-nav a { font-size:11px; color:var(--green); border:1px solid #d5dfd1; border-radius:999px; padding:8px 12px; text-decoration:none; }
.section-nav a:hover { background:#e9ede5; }
.method-section { padding:27px 0 32px; border-top:1px solid var(--line); scroll-margin-top:18px; }
.section-heading { display:flex; gap:15px; align-items:start; margin-bottom:20px; }
.section-number { display:grid; place-items:center; flex-shrink:0; height:31px; width:31px; background:var(--green); color:#fff; border-radius:50%; font-size:10px; margin-top:3px; }
.section-heading h2 { margin:0; font-family:Georgia,serif; font-size:30px; font-weight:500; letter-spacing:-.025em; }
.section-heading p { color:var(--muted); font-size:12px; line-height:1.6; margin:5px 0 0; }
.method-section > p,.method-details > p,.method-list { font-size:13px; line-height:1.8; color:#52655b; }
.method-section a { color:var(--green); text-underline-offset:3px; }
.metric-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.metric-cards article { border:1px solid var(--line); padding:21px 20px; border-radius:14px; background:var(--paper); }
.metric-kicker { font-size:10px; color:#668073; font-weight:700; line-height:1.5; }
.metric-cards h3 { font-family:Georgia,serif; font-size:24px; font-weight:500; margin:10px 0; }
.metric-cards p { color:#66736c; font-size:12px; line-height:1.7; }
code { font-family:ui-monospace,"Cascadia Code",monospace; font-size:11px; overflow-wrap:anywhere; }
.metric-cards code { display:block; padding:12px 10px; background:#edf2eb; border-radius:8px; line-height:1.8; }
.metric-cards .metric-limit { font-size:11px; margin:12px 0 0; }
.definition-note { font-size:11px!important; }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.table-wrap table { width:100%; border-collapse:collapse; font-size:12px; line-height:1.7; }
.table-wrap th,.table-wrap td { padding:12px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.table-wrap tr:last-child td { border-bottom:0; }
.table-wrap th { font-size:10px; color:#66736c; background:#edf2eb; font-weight:750; }
.table-wrap td:first-child { color:var(--ink); font-weight:600; }
.table-wrap td { color:#52655b; }
.method-details { margin-top:17px; border:1px solid var(--line); border-radius:12px; background:var(--paper); padding:15px 17px; }
.method-details summary { color:var(--green); font-size:12px; }
.method-details .table-wrap { margin-top:15px; }
#arts-design .table-wrap { max-height:680px; overflow:auto; }
#arts-design input,#arts-design select { margin:8px 15px 8px 6px; padding:9px; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--ink); max-width:100%; }
#arts-design td { vertical-align:top; }
#arts-design td:first-child { min-width:100px; }
#arts-design li { margin:8px 0; }
.method-callout { border-left:3px solid var(--green); background:#e9ede5; padding:14px 17px; border-radius:0 9px 9px 0; }
.formula-block { background:#e9ede5; padding:17px 19px; border:1px solid #dce2d8; border-radius:10px; }
.formula-block code { line-height:2; font-size:12px; }
.example-panel { border:1px solid var(--line); border-radius:14px; padding:22px; background:linear-gradient(135deg,#edf3e7,#fffefa 85%); margin:20px 0; }
.example-panel h3 { font-family:Georgia,serif; font-size:27px; font-weight:500; margin:8px 0 5px; }
.example-panel p { font-size:12px; color:var(--muted); line-height:1.7; margin:5px 0; }
.example-scores { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:17px 0 11px; }
.example-scores > div { padding:12px; background:var(--paper); border:1px solid var(--line); border-radius:9px; }
.example-scores b { display:block; font-size:22px; }
.example-scores span { font-size:10px; color:var(--muted); }
.example-calculation { font-variant-numeric:tabular-nums; }
.method-list { padding-left:21px; }
.method-list li { margin:9px 0; padding-left:4px; }
.page-status { font-size:11px!important; }
.method-footer { display:flex; justify-content:space-between; gap:16px; color:var(--muted); border-top:1px solid var(--line); padding-top:22px; font-size:11px; }
.method-footer a { color:var(--green); text-decoration:none; font-weight:700; }
@media(max-width:900px) { .metric-cards{grid-template-columns:1fr}.metric-cards article{padding:20px}.method-hero{padding-top:35px} }
@media(max-width:500px) { .method-stats,.example-scores{grid-template-columns:repeat(2,1fr)} .method-stats > div{padding:15px 11px}.method-stats b{font-size:26px}.method-stats span{font-size:10px}.page-nav{gap:14px}.section-heading h2{font-size:26px}.table-wrap th,.table-wrap td{padding:10px}.method-footer{flex-wrap:wrap}.example-panel{padding:17px} }
@media print { .page-nav,.section-nav,.method-footer{display:none}.shell{padding:0}.method-hero{padding:20px 0}.method-section{break-inside:avoid;padding:20px 0}.metric-cards{grid-template-columns:1fr}.method-details:not([open]){display:none}body{background:white}.methodology-shell{max-width:none}.table-wrap{overflow:visible} }