/* Article-only additions. Existing approved stylesheets and pages are unchanged. */
.article-batch .hero h1{max-width:760px}.article-batch .hero-buttons .btn{gap:9px}
.article-hero-art{background:#ffffffc9;border:1px solid var(--line);border-radius:18px;padding:25px;min-width:0;box-shadow:0 10px 35px #21123a09}
.article-hero-art .hero-photo{display:block;width:100%;height:auto;margin-top:18px;border-radius:9px}
.article-hero-art p{font-size:12px!important;line-height:1.6;margin:15px 0 0}
.article-hero-art .mini-label{font-size:10px;letter-spacing:1.4px;color:var(--teal);font-weight:700}
.hero-formula{padding:19px 0}.hero-formula b{display:block;font-size:24px;color:var(--ink);letter-spacing:-.5px}
.hero-formula>span{display:block;margin:10px 0;font-size:12px;line-height:1.6;color:var(--muted)}.hero-formula strong{display:block;font-size:23px;color:var(--teal)}
.hero-add{border:1px solid #dcd4ec;border-radius:8px;background:#ede7f6;padding:13px;font-size:20px;font-weight:700;color:var(--teal);text-align:center}
.topic-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}
.topic-tiles>div{background:#f6f3fb;border:1px solid var(--line);border-radius:11px;padding:23px 20px}
.tile-symbol{display:flex;align-items:center;justify-content:center;border:1px solid #d8cfea;background:white;color:var(--teal);height:42px;width:42px;border-radius:50%;font-size:14px;font-weight:700}
.article .topic-tiles h3{font-size:19px;margin:18px 0 11px}.article .topic-tiles p{font-size:15px;line-height:1.65;margin:0}
.answer-panel{background:var(--mint);border-left:4px solid var(--teal);padding:23px 25px;margin:25px 0;border-radius:0 10px 10px 0}
.article .answer-panel h3{margin:0 0 12px;font-size:21px}.article .answer-panel p{font-size:17px;line-height:1.7;margin:0}
.evidence-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:23px 0}
.evidence-ribbon>div{padding:21px 18px;background:#faf8fd}.evidence-ribbon span{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;line-height:1.5;margin-bottom:10px}.evidence-ribbon strong{font-size:16px;line-height:1.5;display:block;color:var(--ink)}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.step-grid>div{padding:22px 18px;border:1px solid var(--line);border-radius:10px;background:white}.step-grid span{font-size:9px;color:var(--teal);letter-spacing:1.2px;font-weight:700}.article .step-grid h3{font-size:19px;margin:13px 0 12px}.article .step-grid p{font-size:15px;line-height:1.65;margin:0}
.formula-panel{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--mint);margin:24px 0}.formula-panel>span{font-size:10px;letter-spacing:1.4px;color:var(--teal);font-weight:700}.formula-panel>strong{display:block;font-size:27px;color:var(--ink);line-height:1.3;margin:15px 0}.article .formula-panel p{font-size:15px;margin:0;line-height:1.65}
.document-strip{padding:25px;background:#f6f3fb;border:1px solid var(--line);border-radius:10px;margin:25px 0}.document-strip .mini-label{font-size:10px;letter-spacing:1.5px;color:var(--teal)}.article .document-strip h3{font-size:21px;margin:11px 0}.article .document-strip p{font-size:14px;margin:0 0 19px}
.photo-pair{margin:27px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.photo-label{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;background:#f2edf8;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:1px;line-height:1.6}.photo-pair>a{display:block;line-height:0}.photo-pair img{display:block;width:100%;height:auto}.photo-side-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-top:1px solid var(--line)}.photo-side-labels strong{font-size:11px;letter-spacing:1.3px;padding:12px;color:var(--teal)}.photo-side-labels strong:first-child{border-right:1px solid var(--line)}.photo-pair figcaption{padding:15px 20px;font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line)}
.sequence-panel{background:var(--mint);border:1px solid var(--line);border-radius:12px;padding:26px;margin:25px 0;text-align:center}.sequence-panel>span{font-size:10px;letter-spacing:1.6px;color:var(--teal);font-weight:700}.sequence-panel>div{display:flex;align-items:center;justify-content:center;margin:25px 0}.sequence-panel b{width:82px;height:82px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--teal);border:2px solid #c9bbe4;font-size:21px}.sequence-panel i{width:42px;height:2px;background:#c9bbe4}.article .sequence-panel p{font-size:14px;margin:0}
.blend-equation{display:grid;grid-template-columns:1.6fr auto 1fr auto 1.4fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#f7f4fb;padding:23px;margin:25px 0}.blend-equation>div{min-width:0}.blend-equation span{display:block;font-size:10px;letter-spacing:1px;color:var(--teal);line-height:1.5}.blend-equation strong{display:block;font-size:17px;line-height:1.5;margin:10px 0}.blend-equation small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.blend-equation>b{font-size:24px;color:var(--teal)}
.blend-bars{padding:24px;border:1px solid var(--line);border-radius:12px;background:#faf8fd;margin:24px 0}.bar-legend{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:23px;font-size:11px}.bar-legend span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;background:#55439b}.bar-legend .b:before{background:#397dc4}.bar-legend .c:before{background:#c6b7df}.bar-legend .d:before{background:#c66e32}.mass-row{display:grid;grid-template-columns:84px minmax(0,1fr) 47px;gap:12px;align-items:center;margin:16px 0}.mass-row>strong{font-size:12px}.mass-row>small{font-size:11px;text-align:right}.mass-track{display:flex;width:100%;height:35px;border-radius:5px;overflow:hidden;background:#efebf5}.mass-segment{display:flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:700;flex:none}.seg-0{background:#55439b}.seg-1{background:#397dc4}.seg-2{background:#c6b7df;color:#332245}.seg-3{background:#a44d1c}.article .blend-bars p{font-size:12px;line-height:1.6;margin:19px 0 0;color:var(--muted)}
.article-batch .reference-item p{font-size:12px;line-height:1.6;margin:6px 0 0}.article-batch .reference-item strong{font-size:13px;line-height:1.5}.article-batch .source-note{max-width:100%}
.article-batch .batch-table caption{font-size:12px;color:var(--muted);padding:14px 16px;background:#f7f5fa;text-align:left;caption-side:bottom}
@media(max-width:1100px){.topic-tiles{grid-template-columns:1fr}.topic-tiles>div{display:grid;grid-template-columns:42px 1fr;gap:0 18px}.tile-symbol{grid-row:1/3}.article .topic-tiles h3{margin:0 0 8px}.step-grid{grid-template-columns:1fr}.step-grid>div{padding:22px}.blend-equation{grid-template-columns:1fr;gap:15px;text-align:center}.blend-equation>b{line-height:1}.blend-equation strong{margin:5px 0}.article-hero-art{padding:19px}.hero-formula strong{font-size:19px}.hero-formula b{font-size:20px}}
@media(max-width:650px){.evidence-ribbon{grid-template-columns:1fr}.evidence-ribbon>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:17px}.evidence-ribbon span{margin:0;align-self:center}.evidence-ribbon strong{font-size:14px}.formula-panel{padding:22px}.formula-panel>strong{font-size:24px}.answer-panel{padding:20px}.article .answer-panel p{font-size:16px}.article-hero-art{margin-top:20px}.article-hero-art .hero-photo{max-width:320px;margin:17px auto 0}.article-batch .hero-buttons .btn{flex:1 1 100%}.photo-label{font-size:9px;padding:13px 15px}.photo-pair figcaption{padding:13px 15px}.sequence-panel{padding:22px 18px}.sequence-panel b{width:66px;height:66px;font-size:18px}.sequence-panel i{width:28px}.blend-bars{padding:20px 14px}.mass-row{grid-template-columns:65px minmax(0,1fr) 37px;gap:7px}.mass-row>strong{font-size:10px}.mass-row>small{font-size:10px}.mass-segment{font-size:9px}.bar-legend{gap:10px;font-size:10px}.document-strip{padding:21px}.document-buttons .btn{min-width:0}.article-batch .reference-list{grid-template-columns:1fr}}
