.functional-screen{padding:30px 20px 120px;min-height:70vh}
.functional-screen section{margin-top:34px}
.functional-screen label{display:block;margin:16px 0 8px;font-weight:750}
.functional-screen input:not([type=file]),.functional-screen select{width:100%;border:1px solid #62847a;border-radius:13px;padding:14px;background:#203d39;color:#f3faf6;font:inherit}
.functional-screen input[type=file]{max-width:100%;color:#e0ece6}
.attachment-label{font-weight:750}.attachment-preview{display:block;max-width:180px;max-height:140px;object-fit:contain;margin:12px 0;border-radius:12px}
.demo-controls{margin:18px 0;color:#d6e5db}.demo-controls summary{cursor:pointer}.demo-controls select{margin:8px 0}
.desktop-nav,.mobile-nav{display:flex;background:#102623;border-bottom:1px solid #47635e;gap:3px;padding:6px 12px;justify-content:space-around}
.nav-link{appearance:none;color:#d5e8dd;background:transparent;border:0;padding:11px 5px;font:700 12px inherit;cursor:pointer;border-radius:8px}.nav-link.selected,.nav-link:hover{background:#294943;color:#fff}
.mobile-nav{display:none}.functional-screen .card{color:#10252b}.functional-screen .card p{color:#38534d;margin:10px 0}
.functional-screen .card .btn{margin-top:12px}.functional-screen .card .meta{color:#38534d;margin:9px 0;line-height:1.6}.functional-screen .card .badge{display:inline-block;color:#114d29;font-size:12px;font-weight:850;margin-bottom:8px}
.functional-screen .card small{line-height:1.7}.functional-screen .notice{border:1px solid #9cdcaa;background:#294943;padding:12px 16px;border-radius:12px;margin-bottom:18px}
.functional-screen .muted{font-size:12px;color:#c9dad4}.functional-screen .compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}
.functional-screen .timeline{list-style:none;padding:0;border-left:2px solid #5aa56f;margin:20px 0 20px 10px}.functional-screen .timeline li{padding:2px 14px 14px;position:relative}.functional-screen .timeline li:before{content:'';position:absolute;left:-6px;top:8px;width:9px;height:9px;border-radius:50%;background:#4dd159}.functional-screen .timeline small{display:block;color:#c9dad4}.functional-screen .timeline strong{display:block;margin:7px 0}.functional-screen .timeline p{margin:0}
.functional-screen .conversation{min-height:100px}.functional-screen .bubble{border:1px solid #5c7c6e;background:#294943;border-radius:16px;padding:12px;margin:12px 0;max-width:90%}.functional-screen .bubble.user{margin-left:auto;background:#24495b}.functional-screen .bubble p{margin:5px 0;color:#eef7f1}
.functional-screen .chips{margin:12px 0}.functional-screen .btn{min-height:48px}.functional-screen :focus-visible,.nav-link:focus-visible{outline:3px solid #9adf9a;outline-offset:2px}
@media(max-width:600px){.desktop-nav{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;border-top:1px solid #47635e;border-bottom:0;padding:5px 3px calc(5px + env(safe-area-inset-bottom))}.mobile-nav .nav-link{font-size:10px;max-width:20%;padding:11px 3px;line-height:1.3}.functional-screen{padding-bottom:145px}}
.back-step{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-weight:800;font-size:14px;padding:0;margin:0 0 20px;cursor:pointer}.back-step:hover{color:var(--ink)}
.mode-help{--mode-color:#0CC624}.mode-explore{--mode-color:#0030EE}
.mode-control{position:relative;border-left:4px solid var(--mode-color);padding:10px 12px;margin:0 0 20px;background:#203d39;border-radius:8px;color:#f3faf6}
.mode-control>button{margin-left:12px;border:1px solid var(--mode-color);background:transparent;color:#fff;border-radius:8px;padding:7px 12px;font:inherit;font-weight:750}
.mode-control>div{padding-top:12px}.mode-control p,.mode-intro p{margin:10px 0 0;color:#d5e8dd;font-size:13px}
.mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.mode-choice{border:2px solid var(--mode-color);background:#203d39;color:#f3faf6;border-radius:12px;text-align:left;padding:12px;cursor:pointer;font:inherit}
.mode-choice[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--mode-color);background:#294943}
.mode-choice strong,.mode-choice small{display:block}.mode-choice small{margin-top:5px;color:#d5e8dd;font-size:12px}
.mode-intro{border-left:4px solid var(--mode-color);background:#203d39;padding:16px;border-radius:12px;margin:15px 0}
.shopper-mode-screen h1{border-left:4px solid var(--mode-color);padding-left:12px}
.shopper-mode-screen .bubble.shopper{border-color:var(--mode-color)}
.mode-control :focus-visible,.mode-choice:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:600px){.mode-choices{grid-template-columns:1fr}}

.site-footer{text-align:center;color:#fff;font-size:11px;line-height:1.55;padding:22px 16px 32px}
.site-footer a,.site-footer a:visited,.site-footer a:hover,.site-footer a:focus{color:#fff;text-decoration:none}
.site-footer a:focus-visible{outline:2px solid #fff;outline-offset:3px}


/* Evidence-first Product Presentation */
.pick-card-head,.offer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.product-identity{margin-top:7px}.product-identity .name{font-size:12px;color:#46645d}.product-identity h3{margin-top:3px}
.evidence-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850;border:1px solid #9eb6a9;background:#eef7f1;color:#214338}
.evidence-chip.verified{border-color:#7bcf91;background:#e6f7ea;color:#14552d}
.evidence-chip.unknown{border-color:#b4c4bc;background:#eef2ef;color:#46645d}
.evidence-chip.stale{border-color:#e0b97b;background:#fff5e5;color:#7a4b12}
.evidence-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.evidence-summary>div{border:1px solid #d6e4dd;border-radius:12px;padding:10px;background:#f7fbf8}
.evidence-summary b,.evidence-summary strong,.evidence-summary span,.evidence-summary small{display:block}
.evidence-summary b{font-size:11px;color:#46645d}.evidence-summary strong{font-size:16px;color:#10252b;margin-top:3px}.evidence-summary span{font-size:13px;color:#10252b;margin-top:4px}.evidence-summary small{font-size:11px;color:#688179;margin-top:4px}
.evidence-summary.compact{margin:12px 0 4px}.evidence-summary.compact>div{padding:9px}.evidence-summary.compact span{font-weight:700}
.evidence-details{margin-top:12px;border-top:1px solid #d6e4dd;padding-top:10px}.evidence-details summary{cursor:pointer;color:#0b5b5b;font-weight:850;font-size:13px}.evidence-details summary::marker{color:#0030ee}
.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.evidence-grid>div{background:#f7fbf8;border:1px solid #dce8e1;border-radius:10px;padding:10px}.evidence-grid b,.evidence-grid span,.evidence-grid small{display:block}.evidence-grid b{font-size:11px;color:#46645d}.evidence-grid span{font-size:13px;font-weight:750;color:#10252b;margin-top:4px;overflow-wrap:anywhere}.evidence-grid small{font-size:11px;color:#688179;line-height:1.4;margin-top:4px}
.compare-diff{display:grid;gap:7px;margin:12px 0}.compare-diff>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e0ebe5}.compare-diff b{font-size:11px;color:#46645d}.compare-diff span{text-align:right;color:#10252b;font-size:13px;font-weight:700}
@media(max-width:480px){.evidence-grid{grid-template-columns:1fr}.evidence-summary strong{font-size:14px}.pick-card-head{align-items:flex-start}}