.new-feature { --feature-paper:#f6f5f1; --feature-ink:#171817; --feature-muted:#676861; --feature-line:#d9d7cf; --feature-copper:#ad765a; background:var(--feature-paper); color:var(--feature-ink); }
.new-feature main { overflow:clip; }
.new-opening, .article-frame, .feature-author, .case-status, .journey-strip, .migration-timeline { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.new-opening { padding-top:clamp(64px,7vw,106px); }
.feature-kicker { margin:0 0 22px; color:#855b45; font:700 11px/1.4 Consolas,monospace; letter-spacing:.14em; }
.new-opening h1 { max-width:1050px; margin:0; font:700 clamp(48px,6.2vw,91px)/1.02 "Segoe UI",Arial,sans-serif; letter-spacing:-.075em; overflow-wrap:normal; text-wrap:balance; }
.feature-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.83fr); gap:clamp(34px,5vw,72px); align-items:center; margin:36px 0 60px; padding:22px 0; border-top:1px solid var(--feature-line); border-bottom:1px solid var(--feature-line); }
.feature-intro>p { max-width:500px; margin:0; padding-left:20px; border-left:2px solid var(--feature-copper); color:#484a45; font:400 clamp(19px,1.7vw,23px)/1.5 Georgia,serif; }
.feature-intro figure { margin:0; min-width:0; text-align:center; }
.feature-intro img { display:block; width:100%; max-width:460px; height:300px; margin:auto; object-fit:contain; }
.feature-intro figcaption { margin:0 auto; max-width:440px; color:var(--feature-muted); font:12px/1.45 "Segoe UI",Arial,sans-serif; }
.article-frame { max-width:920px; padding:52px 0 80px; font:19px/1.72 Georgia,serif; }
.article-frame .lead { margin:0 0 54px; font-size:clamp(21px,2vw,26px); line-height:1.55; color:#30312e; }
.article-frame p { margin:0 0 24px; }
.article-frame h2 { margin:70px 0 22px; font:700 clamp(35px,3.6vw,52px)/1.06 "Segoe UI",Arial,sans-serif; letter-spacing:-.065em; }
.article-frame h2:first-of-type { margin-top:60px; }
.article-frame a { color:#874e32; text-decoration-thickness:1px; text-underline-offset:4px; }
.article-frame a:hover { color:#5e311e; }
.feature-author { max-width:920px; margin-bottom:92px; border-top:2px solid var(--feature-copper); }
.feature-author a { display:grid; grid-template-columns:150px minmax(0,1fr); gap:6px 20px; padding:24px 0; text-decoration:none; }
.feature-author span { grid-row:1/3; align-self:center; color:#855b45; font:700 10px/1.4 Consolas,monospace; letter-spacing:.14em; }
.feature-author strong { font:700 27px/1.1 "Segoe UI",Arial,sans-serif; letter-spacing:-.05em; }
.feature-author small { color:var(--feature-muted); font:14px/1.4 "Segoe UI",Arial,sans-serif; }
.feature-author a:hover strong { color:#874e32; }

/* Incident file: quiet, document-like treatment for the profile appeal. */
.case .feature-intro img { max-width:395px; height:270px; }
.case-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--feature-line); background:#ebe7df; }
.case-status>div { padding:25px; border-right:1px solid var(--feature-line); }
.case-status>div:last-child { border:0; }
.case-status span, .migration-timeline span { display:block; margin-bottom:18px; color:#855b45; font:700 11px/1.4 Consolas,monospace; letter-spacing:.1em; }
.case-status strong { display:block; margin-bottom:10px; font:700 24px/1.12 "Segoe UI",Arial,sans-serif; letter-spacing:-.05em; }
.case-status p { margin:0; color:#575750; font:15px/1.5 "Segoe UI",Arial,sans-serif; }
.case-callout { margin:42px 0; padding:24px 28px; border-left:4px solid var(--feature-copper); background:#ebe6dc; }
.case-callout b, .migration-gate b { display:block; margin-bottom:9px; font:700 17px "Segoe UI",Arial,sans-serif; }
.case-callout p, .migration-gate p { margin:0; font-size:17px; line-height:1.55; }
.case-steps { margin:35px 0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#cfc9c0; border:1px solid #cfc9c0; }
.case-steps li { padding:22px 24px; background:#f2efe9; }
.case-steps b { display:block; margin-bottom:8px; font:700 18px "Segoe UI",Arial,sans-serif; }
.case-steps span { display:block; color:#565650; font:15px/1.5 "Segoe UI",Arial,sans-serif; }

/* Visitor journey: open flow chart and one diagnostic field note. */
.journey .feature-intro img { max-width:455px; height:300px; }
.journey-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#262723; color:#f6f5f1; }
.journey-strip>div { padding:24px 22px 27px; border-right:1px solid #5b5c55; }
.journey-strip>div:last-child { border:0; }
.journey-strip span { display:block; margin-bottom:32px; color:#d1a487; font:700 11px Consolas,monospace; }
.journey-strip b { display:block; margin-bottom:7px; font:700 22px/1.15 "Segoe UI",Arial,sans-serif; letter-spacing:-.04em; }
.journey-strip small { color:#c2c1b8; font:14px/1.4 "Segoe UI",Arial,sans-serif; }
.journey-test { display:grid; grid-template-columns:145px 1fr; gap:20px; margin:40px 0; padding:22px 0; border-top:2px solid var(--feature-copper); border-bottom:1px solid var(--feature-line); }
.journey-test span { color:#855b45; font:700 11px/1.4 Consolas,monospace; letter-spacing:.1em; }
.journey-test p { margin:0; font-size:17px; line-height:1.55; }

/* Relaunch: timeline, approval gate and three stop conditions. */
.migration .feature-intro img { max-width:455px; height:300px; }
.migration-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.migration-timeline>div { min-height:112px; padding:20px 22px; border-top:3px solid var(--feature-copper); background:#ece8e0; }
.migration-timeline span { margin-bottom:17px; }
.migration-timeline b { font:700 23px/1.15 "Segoe UI",Arial,sans-serif; letter-spacing:-.045em; }
.migration-gate { margin:40px 0; padding:26px 30px; background:#272824; color:#f6f5f1; }
.migration-gate b { color:#dbb192; }
.migration-check { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:38px 0; }
.migration-check>div { padding:20px; border:1px solid var(--feature-line); }
.migration-check span { display:block; margin-bottom:12px; color:#855b45; font:700 11px Consolas,monospace; letter-spacing:.12em; }
.migration-check p { margin:0; font:15px/1.5 "Segoe UI",Arial,sans-serif; }

@media(max-width:850px) { .new-opening,.article-frame,.feature-author,.case-status,.journey-strip,.migration-timeline { width:calc(100% - 44px); } .feature-intro { grid-template-columns:1fr; gap:10px; } .feature-intro>p { max-width:680px; } .feature-intro img { height:260px; } .article-frame { padding-top:32px; } }
@media(max-width:620px) { .new-opening,.article-frame,.feature-author,.case-status,.journey-strip,.migration-timeline { width:calc(100% - 36px); } .new-opening { padding-top:52px; } .new-opening h1 { font-size:clamp(42px,10vw,61px); letter-spacing:-.065em; } .feature-intro { margin:26px 0 38px; } .feature-intro img { height:220px; } .article-frame { font-size:17px; line-height:1.67; padding-bottom:54px; } .article-frame h2 { margin-top:54px; } .case-status { grid-template-columns:1fr; } .case-status>div { border-right:0; border-bottom:1px solid var(--feature-line); } .case-status>div:last-child { border:0; } .journey-strip { grid-template-columns:1fr 1fr; } .journey-strip>div:nth-child(2) { border-right:0; } .journey-strip>div:nth-child(-n+2) { border-bottom:1px solid #5b5c55; } .journey-strip span { margin-bottom:16px; } .migration-timeline { grid-template-columns:1fr; gap:6px; } .migration-timeline>div { min-height:0; } .case-steps { grid-template-columns:1fr; } .migration-check { grid-template-columns:1fr; } .journey-test { grid-template-columns:1fr; gap:8px; } .feature-author a { grid-template-columns:1fr; } .feature-author span { grid-row:auto; } }