/* Presentation only: shared Economics1 Gold theme */
:root{--ink:#39465d;--muted:#657387;--blue:#c54943;--line:#e7e0da;--teal:#bd4d42;--red:#d78346;--bg:#faf7f3}
body{background:#faf7f3;color:#39465d;font-family:Avenir,'Avenir Next','Segoe UI',sans-serif}
header{background:#fffdfb;border-bottom:1px solid #e7e0da}
.brand-logo{display:block;width:278px;max-width:100%;height:auto;border-radius:5px}
nav{flex-wrap:wrap}nav button{background:transparent;border-color:transparent}nav button.active,button.primary,.primary{background:#c54943;border-color:#c54943;color:white}
button{border-color:#dfdedc;color:#39465d;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#fff0e8;border-color:#d18a65}button.primary:hover:not(:disabled),button.active:hover:not(:disabled){background:#a83c38;color:white}
.card{border-color:#e7e0da;box-shadow:0 3px 16px #39465d05}.skill,.metrics span{background:#edf0f3}.pill{background:#fcebe2;color:#a84234}.eyebrow{color:#b1443d}.muted,small,#status{color:#657387}.feedback,.message{background:#fff0e8;border-color:#d78346}.student{background:#edf0f3}.scenario{background:#fffdfb;border-color:#e7e0da}.scenario:hover{background:#fff4ed}
select,textarea{border-color:#d9dce0}input[type=range]{accent-color:#c54943}svg{background:#fbfaf8}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #c47b4a;outline-offset:3px}
#landing>h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px}#landing>.catalog>.card{position:relative;border-top:3px solid #dc6b55;padding:26px}#landing>.catalog>.card:nth-child(2){border-top-color:#78879c}
.econ-icon{width:74px;height:64px;display:block;margin:0 0 18px;background:#fff0e5;border-radius:15px;padding:9px;color:#c54943}.econ-icon.social{background:#edf0f4;color:#63748d}.econ-icon path,.econ-icon circle{vector-effect:non-scaling-stroke}
#landing details{margin-top:22px}#landing summary{color:#657387;font-size:13px;cursor:pointer}.pill{letter-spacing:.3px}footer{color:#657387}
@media(max-width:600px){.brand-logo{width:230px}header{gap:16px}nav{gap:3px}nav button{padding:9px 11px}#landing>.catalog>.card{padding:20px}}

.bob-intro{display:grid;grid-template-columns:1fr minmax(280px,460px);align-items:center;gap:24px;margin-bottom:22px}.bob-portrait{display:block;width:100%;height:auto;border-radius:14px}.bob-intro h1{margin-top:8px}@media(max-width:700px){.bob-intro{grid-template-columns:1fr;gap:12px}.bob-portrait{max-width:460px;justify-self:end}}