:root{color-scheme:dark;--paper:#101714;--panel:#17241e;--raised:#1d2e25;--ink:#eff3e7;--muted:#acbeb0;--line:#365045;--green:#c0e887;--gold:#e6bd76;--blue:#96c9d9;font-family:Arial,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--ink)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}p{margin:0;line-height:1.6}h1,h2,h3{font-weight:500;margin:0;line-height:1.13}ul,ol{padding-left:22px;margin:0}li{line-height:1.65}li+li{margin-top:6px}.page-shell{width:min(1250px,100%);margin:auto;padding:max(38px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left))}.skip-link{position:fixed;top:-70px;left:16px;padding:13px 18px;background:var(--green);color:var(--paper);z-index:5}.skip-link:focus{top:12px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 0 30px}.header-copy{max-width:735px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:1.9px;text-transform:uppercase;margin-bottom:15px}h1{font-size:clamp(29px,4vw,47px);letter-spacing:-1.6px}.intro{margin-top:15px;max-width:660px;color:var(--muted);font-size:15px}.mascot{flex:none;width:154px;text-align:center;align-self:flex-end}.mascot #froggy-portrait{height:112px;width:110px;margin:0 auto 7px;overflow:hidden}.mascot span{font-size:10px;color:var(--muted)}.review-bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-block:1px solid var(--line);padding:15px 0;font-size:12px}.review-bar>span{color:var(--muted)}.review-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:38px;padding-top:29px;align-items:start}.catalog{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 21px}.catalog-heading h2{font-size:16px}.catalog-heading span{font-size:10px;color:var(--muted)}.catalog-filter{display:grid;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.7px;text-transform:uppercase;margin:0 0 15px}.catalog-filter input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--ink);padding:10px 12px;font:14px Arial,sans-serif;text-transform:none;letter-spacing:normal}.catalog-group+.catalog-group{margin-top:22px}.catalog-group h3{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding-left:10px;margin-bottom:8px}.idea-button{display:flex;align-items:start;gap:11px;padding:11px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);width:100%;text-align:left;min-height:50px}.idea-button:hover{background:var(--panel)}.idea-button[aria-current=true]{background:var(--raised);border-color:var(--line)}.idea-button[aria-current=true] .idea-number{color:var(--green)}.idea-number{font-size:11px;color:var(--muted);min-width:20px;padding-top:2px;font-variant-numeric:tabular-nums}.idea-label{display:block;font-size:13px;line-height:1.25}.idea-type{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:4px}.catalog-note{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:21px}.mobile-selector{display:none}.assessment{min-width:0;outline:none}.assessment-hero{padding:27px 29px 25px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.concept-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.concept-meta .concept-id{color:var(--green)}.concept-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--line)}.assessment h2{font-size:clamp(28px,3.2vw,41px);letter-spacing:-1.1px}.hook{font-size:17px;line-height:1.55;margin-top:16px;max-width:680px;color:var(--ink)}.metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:19px;margin:24px 0 0;padding-top:21px;border-top:1px solid var(--line)}.metrics div{min-width:0}.metrics dt{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.metrics dd{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.verdict{padding:19px 2px 23px;border-bottom:1px solid var(--line);margin-bottom:25px}.verdict strong{display:block;color:var(--green);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px}.verdict p{font-size:15px;line-height:1.65}.section-title{font-size:18px;margin-bottom:16px;letter-spacing:-.3px}.section-subtitle{font-size:11px;color:var(--muted);margin-top:-8px;margin-bottom:17px}.loop-list{counter-reset:loop;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0 0 25px}.loop-list li{counter-increment:loop;margin:0;padding:15px 13px;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.6;background:var(--panel);overflow-wrap:anywhere}.loop-list li:before{content:counter(loop,decimal-leading-zero);display:block;font-size:10px;color:var(--green);margin-bottom:9px;font-variant-numeric:tabular-nums}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:21px;min-width:0}.detail-card h3{font-size:15px;margin-bottom:12px}.detail-card p,.detail-card li{font-size:13px;color:var(--muted);line-height:1.75}.detail-card .field-label{display:block;color:var(--ink);font-size:11px;margin:16px 0 5px}.detail-card .field-label:first-of-type{margin-top:0}.detail-card.full{grid-column:1/-1}.detail-card.scope{border-top-color:var(--green)}.detail-card.mobile h3{color:var(--blue)}.detail-card.caution h3{color:var(--gold)}.sources{margin-top:30px}.source-list{list-style:none;padding:0}.source-list li{border-top:1px solid var(--line);padding:15px 0;margin:0}.source-list a{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.source-evidence{font-size:12px;line-height:1.65;color:var(--muted);margin-top:6px}.source-kind{font-size:10px;letter-spacing:.7px;color:var(--muted);text-transform:uppercase;margin-top:3px}.sources-empty,.loading{font-size:14px;color:var(--muted);padding:20px 0}.error-note{border:1px solid var(--line);border-radius:10px;padding:25px;color:var(--muted)}.error-note h2{font-size:22px;color:var(--ink);margin-bottom:14px}.error-note button{margin-top:17px;border:1px solid var(--line);background:var(--raised);color:var(--ink);padding:11px 17px;border-radius:8px;min-height:44px}footer{color:var(--muted);font-size:11px;line-height:1.6;border-top:1px solid var(--line);margin-top:40px;padding-top:20px}
.study-note{border-bottom:1px solid var(--line);padding:13px 0;color:var(--muted);font-size:11px;line-height:1.7}.study-note summary{cursor:pointer;color:var(--muted);width:fit-content}.study-note summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.study-note p{max-width:880px;margin-top:11px;font-size:12px;line-height:1.7}
@media(min-width:1450px){.page-shell{width:1320px}.review-layout{grid-template-columns:275px minmax(0,1fr);gap:45px}}
@media(max-width:850px){.page-shell{padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.review-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.metrics{grid-template-columns:1fr;gap:13px}.metrics div{display:grid;grid-template-columns:95px 1fr;gap:10px}.metrics dt{margin-top:3px;margin-bottom:0}.detail-grid{grid-template-columns:1fr}.loop-list{grid-template-columns:1fr}.loop-list li{display:flex;gap:15px;align-items:baseline}.loop-list li:before{margin:0;flex:none}.assessment-hero{padding:23px}.hook{font-size:15px}.mascot{width:120px}.mascot span{font-size:9px}}
@media(max-width:620px){.page-shell{padding-top:max(24px,env(safe-area-inset-top));padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.page-header{padding-top:0;padding-bottom:22px;gap:10px}.header-copy{min-width:0}.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:12px}h1{font-size:30px;letter-spacing:-1px;max-width:300px}.intro{font-size:12px;line-height:1.6;margin-top:12px}.mascot{width:77px;align-self:center}.mascot #froggy-portrait{width:76px;height:93px}.mascot span{display:none}.review-bar{font-size:10px;padding:13px 0;gap:9px}.review-layout{display:block;padding-top:20px}.catalog{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:21px}.catalog-heading{display:none}.mobile-selector{display:block}.mobile-selector label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.mobile-selector select{width:100%;min-height:48px;padding:12px 35px 12px 13px;background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:16px}#idea-list,.catalog-note{display:none}.assessment-hero{padding:22px 19px;border-radius:12px}.assessment h2{font-size:31px}.concept-meta{font-size:9px;letter-spacing:.8px;gap:7px}.hook{font-size:15px}.metrics{margin-top:21px;padding-top:18px}.metrics dd{font-size:12px}.detail-card{padding:19px}.verdict{padding-inline:2px}.verdict p{font-size:14px}.detail-card h3{font-size:15px}.detail-card p,.detail-card li{font-size:13px}.sources{margin-top:25px}footer{font-size:10px;margin-top:30px}}
@media(max-height:480px) and (orientation:landscape){.page-shell{padding-top:18px}.page-header{padding-top:0;padding-bottom:17px}.mascot #froggy-portrait{height:80px;width:80px}.catalog{position:static;max-height:none}.header-copy h1{font-size:32px}.intro{font-size:13px}.review-layout{padding-top:20px}.assessment-hero{padding:20px}.assessment h2{font-size:30px}.page-header .eyebrow{margin-bottom:8px}}
@media(prefers-reduced-motion:no-preference){.idea-button{transition:background .12s ease,border-color .12s ease}}
