
.build-intro{padding:76px 0 84px;margin:0 auto;width:90%;max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center;border-bottom:1px solid #34383c;scroll-margin-top:24px}
.build-intro .eyebrow{color:#b5b8bb;font-size:11px;letter-spacing:2.2px;margin:0 0 22px}
.build-intro h2{font-size:clamp(34px,3.5vw,54px);line-height:1.12;margin:0 0 25px;letter-spacing:1px}.build-intro h2 em{font-style:normal;color:#29d9cb}
.intro-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#b6bbc0;max-width:510px;margin:0 0 28px}.intro-copy .quiet-link{display:inline-flex;gap:22px;padding-bottom:9px}
.instruction-panel{position:relative;background:#d9d3bf;color:#202722;border:1px solid #aca58f;border-radius:5px;padding:27px 32px 20px;box-shadow:6px 8px 0 #05060666,0 18px 35px #0004;isolation:isolate;overflow:hidden}
.instruction-panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23232323' filter='url(%23n)' opacity='.8' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}
.manual-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.8px;font-weight:700;border-bottom:2px solid #263b35;padding-bottom:12px}.manual-heading img{filter:brightness(0);opacity:.8}
.instruction-panel .manual-title{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:.5px;margin:21px 0 6px;color:#263b35}
.instruction-panel ol{list-style:none;margin:0;padding:0}.instruction-panel li{display:flex;gap:19px;padding:22px 0;border-bottom:1px solid #8d9587}.step-no{flex:none;font-size:22px;font-weight:800;color:#19665d;line-height:1.2;padding-top:3px}
.instruction-panel h3{font-family:inherit;font-size:20px;line-height:1.2;letter-spacing:0;text-transform:none;margin:0 0 8px;font-weight:800}.instruction-panel li p{font-size:15px;line-height:1.6;margin:0;color:#3e4840}.manual-bottom{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;letter-spacing:1.1px;padding-top:17px}
@media(max-width:760px){.build-intro{grid-template-columns:1fr;gap:34px;padding:42px 0 50px}.build-intro h2{font-size:38px}.intro-copy>p:not(.eyebrow){font-size:16px}.instruction-panel{padding:23px}.instruction-panel h3{font-size:18px}.manual-bottom{font-size:8px;letter-spacing:.6px}.instruction-panel .manual-title{font-size:21px}}
/* Worn game card study — preview only. */
.instruction-panel{background:#e7d9b9 url('assets/worn-game-card.png') center/100% 100% no-repeat;border:0;border-radius:19px;padding:35px 34px 43px;box-shadow:3px 6px 0 #0003,0 19px 30px #0007;color:#29352e}
.instruction-panel:after{display:none}
.manual-heading{border-bottom-color:#4e6659}
.instruction-panel li{border-bottom-color:#8a8c72}
@media(max-width:760px){.instruction-panel{padding:30px 25px 42px;border-radius:15px}}
/* Isolate the original field-guide card from the showcase's generic aside layout. */
.card-exhibit .instruction-panel{display:block;flex-wrap:nowrap;width:min(100%,640px);padding:44px 42px 52px;margin:20px 0 50px;transform:none;gap:0;border:0;font-size:16px;letter-spacing:0;text-align:left}
.card-exhibit .manual-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;font-size:12px;letter-spacing:2px;border-bottom:2px solid #4e6659;color:#263b35}
.card-exhibit .manual-heading img{width:46px;height:46px;object-fit:contain;flex-shrink:0}
.card-exhibit .instruction-panel .manual-title{font-family:'DM Sans',Arial,sans-serif;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:0;margin:25px 0 7px;color:#263b35;max-width:none}
.card-exhibit .instruction-panel ol{display:block;list-style:none;padding:0;margin:0}
.card-exhibit .instruction-panel li{display:flex;align-items:flex-start;gap:21px;padding:27px 0 29px;border-bottom:1px solid #8a8c72}
.card-exhibit .instruction-panel li>div{flex:1;min-width:0}
.card-exhibit .step-no{flex:0 0 32px;font-family:'DM Sans',Arial,sans-serif;font-size:27px;font-weight:700;color:#19665d;line-height:1.2;padding-top:3px}
.card-exhibit .instruction-panel h3{font-family:Eranos,Arial,sans-serif;font-size:30px;font-weight:400;line-height:1.2;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;color:#263b35}
.card-exhibit .instruction-panel li p{font-family:'DM Sans',Arial,sans-serif;font-size:19px;line-height:1.6;font-weight:400;letter-spacing:0;max-width:none;margin:0;color:#3e4840}
.card-exhibit .manual-bottom{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:1px;padding-top:20px;color:#263b35}
@media(max-width:600px){.card-exhibit{padding:35px 4%}.card-exhibit .instruction-panel{padding:30px 25px 42px;transform:none}.card-exhibit .manual-heading{font-size:9px;letter-spacing:1.4px}.card-exhibit .instruction-panel .manual-title{font-size:22px}.card-exhibit .instruction-panel h3{font-size:clamp(18px,4.5vw,26px);letter-spacing:.5px}.card-exhibit .instruction-panel li{gap:13px;padding:23px 0}.card-exhibit .step-no{font-size:23px;flex-basis:27px}.card-exhibit .instruction-panel li p{font-size:15px}.card-exhibit .manual-bottom{font-size:8px;letter-spacing:.5px}}
@media(min-width:601px){.card-exhibit .instruction-panel h3{font-size:25px;letter-spacing:1px}}
