/* Editorial features for The Signal. Scoped rules preserve the existing magazine. */
.build-visual{display:block;background:#17253b;color:#fff6e8;padding:24px;text-decoration:none;min-width:0;overflow:hidden}
.build-visual .build-eyebrow{display:block;font:800 11px/1.6 var(--sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#f1d19a}
.build-visual .build-cover-title{display:block;font:700 clamp(27px,3.6vw,43px)/1.08 var(--serif,Georgia);letter-spacing:-.03em;margin:17px 0 20px}
.build-visual .mini-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.build-visual .mini-idea{display:block;padding:14px 10px;border-radius:5px;background:#e8b64e;color:#1b211e;font:700 19px/1.2 var(--serif,Georgia);min-width:0}
.build-visual .mini-idea:first-child{background:#e6a08e}
.build-visual .mini-idea small{display:block;font:800 10px/1.5 var(--sans,system-ui);letter-spacing:.08em;margin-bottom:8px}
.build-visual .build-footer{display:block;border-top:1px solid #ffffff3b;padding-top:12px;font:500 12px/1.6 var(--sans,system-ui);color:#e6e2d8}
.build-visual:focus-visible,.feature-button:focus-visible,.feature-story a:focus-visible{outline:3px solid #c27423;outline-offset:4px}
.feature-shell{width:min(1100px,calc(100% - 36px));margin:0 auto;padding:32px 0 48px;min-width:0}
.feature-breadcrumb{font:600 13px/1.7 var(--sans,system-ui);margin-bottom:30px}
.feature-head{max-width:840px;margin:0 auto 30px}
.feature-head h1{font:700 clamp(39px,6vw,70px)/1.06 var(--serif,Georgia);letter-spacing:-.04em;margin:14px 0 20px;overflow-wrap:break-word}
.feature-head .feature-dek{font:400 clamp(18px,2.2vw,22px)/1.6 var(--sans,system-ui);color:#494d55}
.feature-byline{font:500 13px/1.7 var(--sans,system-ui);color:#616367;margin-top:22px}
.feature-summary{max-width:840px;margin:26px auto;padding:18px 22px;border-left:4px solid #bd8843;background:#ebe4d8;font:400 16px/1.7 var(--sans,system-ui)}
.feature-nav{display:flex;gap:10px 22px;flex-wrap:wrap;max-width:840px;margin:22px auto 36px;padding:18px 0;border-block:1px solid #cfc9bd;font:700 14px/1.6 var(--sans,system-ui)}
.feature-story{max-width:760px;margin:auto;overflow-wrap:break-word}
.feature-story p,.feature-story li{font:400 20px/1.85 var(--serif,Georgia);color:#2a3039}
.feature-story p{margin:0 0 22px}.feature-story h2{font:700 clamp(28px,4vw,38px)/1.16 var(--serif,Georgia);letter-spacing:-.025em;margin:48px 0 19px;scroll-margin-top:110px}
.feature-story h3{font:700 24px/1.2 var(--serif,Georgia);margin:28px 0 13px}.feature-story a{text-underline-offset:4px}
.feature-story blockquote{font:italic clamp(25px,4vw,34px)/1.5 var(--serif,Georgia);margin:36px 0;padding:28px 0;border-block:1px solid #17253b;color:#17253b}
.feature-story blockquote cite{display:block;font:500 12px/1.7 var(--sans,system-ui);margin-top:17px}
.feature-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.feature-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:13px 18px;background:#17253b;border:1px solid #17253b;color:#fff!important;text-decoration:none;font:700 15px/1.4 var(--sans,system-ui);max-width:100%}
.feature-button.secondary{background:transparent;color:#17253b!important}
.feature-status{display:inline-block;font:800 11px/1.6 var(--sans,system-ui);text-transform:uppercase;letter-spacing:.08em;background:#ece4d2;color:#514018;padding:6px 10px;margin:8px 0}
.feature-demo{margin:32px 0;background:#17253b;padding:24px;color:#fff6e8}
.feature-demo>h3{color:#fff6e8;margin:0 0 16px}
.feature-demo>p,.feature-demo figcaption{font:400 13px/1.65 var(--sans,system-ui);color:#e6e3dc;margin:15px 0 0}
.concept-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.concept-card{padding:20px;background:#e6a08e;min-width:0;color:#17253b;border-radius:5px}.concept-card:nth-child(2){background:#e8b64e}
.concept-card small{font:800 11px/1.5 var(--sans,system-ui);text-transform:uppercase;letter-spacing:.08em}
.concept-card h4{font:700 28px/1.12 var(--serif,Georgia);margin:14px 0}.concept-card p{font:400 16px/1.7 var(--sans,system-ui);margin:0;color:#17253b}
.feature-note{padding:20px 22px;border:1px solid #cfc9bd;background:#fbf8f1;margin:30px 0}.feature-note p{font:400 16px/1.8 var(--sans,system-ui);margin:0}.feature-note strong{color:#17253b}
.feature-steps{list-style:none;counter-reset:step;padding:0!important;margin:28px 0}.feature-steps li{counter-increment:step;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0;border-bottom:1px solid #cfc9bd;font:400 17px/1.75 var(--sans,system-ui)}
.feature-steps li::before{content:counter(step,decimal-leading-zero);font:700 25px/1.3 var(--serif,Georgia);color:#947037}.feature-steps strong{display:block;margin-bottom:7px}
.feature-prompt{background:#efe5dc;padding:24px;margin:28px 0;border-left:4px solid #bd8843}.feature-prompt p{font:400 19px/1.75 var(--serif,Georgia);margin:0}
.feature-book{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:start;gap:24px;margin:42px 0;padding:26px;background:#f3e6e0;border:1px solid #cfc9bd}
.feature-book img{display:block;width:100%;height:auto}.feature-book h2{margin:0 0 15px;font-size:30px}.feature-book p{font:400 16px/1.7 var(--sans,system-ui)}
.feature-book .feature-buttons{margin-bottom:0}.feature-credit{font:400 13px/1.8 var(--sans,system-ui)!important;color:#5e626a!important}
.feature-footer{border-top:2px solid #17253b;padding-top:26px;margin-top:46px}.feature-footer p{font:400 14px/1.8 var(--sans,system-ui)}
@media(max-width:660px){.concept-pair{grid-template-columns:1fr}.feature-book{grid-template-columns:1fr}.feature-book img{width:130px}.feature-story p{font-size:19px;line-height:1.8}.feature-buttons{flex-direction:column;align-items:stretch}.feature-head h1{font-size:42px}.feature-shell{padding-top:25px}.feature-demo{padding:19px}.feature-head,.feature-story{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}