/* Studio 05 / consistent editorial reading surfaces across every static article. */
:root{--paper:#f5f3ed;--ink:#1d3026;--muted:#617066;--cobalt:#c3543b;--border:#d8ded4;--highlight:#f1d3b6}
body{background:#f5f3ed;color:#1e3329}
.ribbon{background:#213d32;color:#f4f4e9;border-bottom:1px solid #54715e}
.ribbon .live-dot{background:#f5aa80}
.detail-header{min-height:85px;border-bottom:1px solid #d5ded2}
.detail-logo{color:#213c30;letter-spacing:-.08em;font-size:25px}.detail-logo .logo-sign{background:#e45b3d;border:0;color:white;display:inline-block;transform:rotate(-12deg);border-radius:4px;margin-right:8px}
.detail-logo .logo-end{color:#d65a3c}
.detail-nav a{color:#42584b}.detail-nav a[aria-current="page"],.detail-nav a:hover{color:#b94c34}
.open-tool{background:#213d32;color:white;border-radius:8px;border-color:#213d32}.open-tool:hover{background:#355b45}
.crumb a,.eyebrow,.detail-lead a{color:#b64d35}
.crumb{padding-top:24px}
.detail-hero,.editorial-hero{margin-top:28px;gap:clamp(24px,3.9vw,65px)}
.detail-hero-copy h1,.editorial-hero h1,.guide-hero h1,.listing-hero h1{color:#182c22;font-weight:900;letter-spacing:-.069em}
.detail-hero-copy h1,.editorial-hero h1{font-size:clamp(52px,5.8vw,92px)}
.detail-lead{color:#5d7264}
.symbol-plate{background:#244234;color:#f5f8e9;border-radius:12px;overflow:hidden;box-shadow:10px 10px 0 #dddcd2}
.plate-meta,.plate-bottom{color:#d9e2d9;border-color:#617b67}
.symbol-disc{background:#fffaf0;border-radius:50%;border:12px solid rgba(255,255,255,.12);box-shadow:0 12px 34px rgba(0,0,0,.15)}
.symbol-disc img{background:transparent}
.meaning-strip{background:#f4e3d0;border:1px solid #d7bda8;border-radius:10px;grid-template-columns:.75fr 1.25fr}
.meaning-strip h2{color:#253e2e}.meaning-strip p{color:#3b4f3f}
.article-layout{margin-top:53px;gap:clamp(40px,6vw,100px)}
.reading-section{border-top:1px solid #d4d9cf}.reading-section h2{color:#243d31}
.reading-section p,.reading-section li{color:#52665b}.reading-section a{color:#b74a34}
.reading-sidebar .side-panel{background:#fffdf8;border:1px solid #d7dfd5;border-radius:11px}
.reading-sidebar .side-panel:first-child{background:#254235;border-color:#254235;color:#fff}
.reading-sidebar .side-panel:first-child .eyebrow{color:#e7be9f}
.reading-sidebar .side-panel:first-child a{color:#f4d6bd}
.side-panel h3{color:inherit}.side-fabrics a{color:#ae4d36}
.related-block{border-color:#385749}.related-block h2{color:#263f32}
.note-card,.index-grid .note-card{background:#fffdf8;border:1px solid #d8ded4;border-radius:12px;min-height:190px}
.note-card:hover{border-color:#be6552;background:#fff7ef;transform:translateY(-3px)}
.note-card>span{color:#b24d35}.note-card strong{color:#244033}
.evidence-block{background:#ecede5;border:1px solid #d3d9cd;border-radius:12px}.evidence-block h2{color:#2d493a}.evidence-block li a{color:#b74d36}
.guide-hero,.listing-hero{border-color:#cad6c8}
.fabric-editorial{background:#335543;border-radius:12px;overflow:hidden}.fabric-editorial:before{filter:saturate(.78)}
.fabric-editorial strong{font-family:Georgia,serif;font-style:normal;text-shadow:0 2px 12px rgba(0,0,0,.08)}
.detail-footer{background:#1e382c}.footer-inner p{color:#c0cebf}.footer-bottom{border-color:#4b6952;color:#b7cbb8}
.wash-board,.wash-output{border-radius:12px;border-color:#d5dcd2;background:#fffdfa}
.wash-output{background:#244236;color:#fff}.wash-output .eyebrow{color:#ffcdaf}.wash-output p{color:#d8e5d8}
.wash-action{background:#e2a983;color:#23362a;border-radius:8px;border:0}.wash-action:hover{background:#f0c3a4}
.planner-row{background:#f7f8f1;border-radius:7px}.wash-action-secondary{border-radius:8px}
.correction-form input,.correction-form select,.correction-form textarea{border-radius:8px;background:#fffdf7;border-color:#d0d9ca}
.report-actions button{background:#e9ad8d;border-radius:8px;border:0}.report-actions button:hover{background:#f2c4a8}
@media(max-width:760px){.detail-hero-copy h1,.editorial-hero h1,.guide-hero h1,.listing-hero h1{font-size:clamp(43px,9vw,70px)}.detail-header{padding-top:9px;padding-bottom:9px}.detail-nav{overflow-x:auto}.detail-nav a{white-space:nowrap}.symbol-disc{border-width:8px}.symbol-plate{box-shadow:5px 5px 0 #e0dfd5}.meaning-strip{padding:23px}}
@media(max-width:410px){.detail-header{gap:7px}.detail-logo{font-size:19px}.logo-sign{font-size:13px}.open-tool{font-size:10px;padding:9px}.symbol-disc{width:240px;height:240px}}
@media(prefers-reduced-motion:reduce){.note-card{transition:none!important;transform:none!important}}
/* The symbol is the focal object, never stretched into an oval. */
.symbol-plate .symbol-disc{flex:1;background:repeating-linear-gradient(0deg,#eae7da 0,#eae7da 3px,#f4f1e5 4px,#f4f1e5 5px);border-radius:0;border:0;display:grid;place-items:center;padding:32px 28px}
.symbol-plate .symbol-disc img{width:min(80%,300px);height:auto;max-width:300px;aspect-ratio:1;object-fit:contain;padding:clamp(25px,3vw,46px);background:#fffdf4;border:1px solid #bec6b9;border-radius:4px;box-shadow:11px 12px 0 rgba(45,69,54,.15);transform:rotate(-3deg)}
.symbol-plate .plate-bottom{background:#1f352b;color:#e0e9d9;border-top:1px solid #526858}
.detail-hero .primary-link{background:#213f32;color:#fff;border-color:#213f32;border-radius:7px}
.detail-hero .primary-link:hover{background:#3a624a;color:#fff}
@media(max-width:760px){.symbol-plate .symbol-disc{padding:22px 16px}.symbol-plate .symbol-disc img{width:min(80%,260px);padding:34px}}