/* A compact workbook surface, aligned with the approved Restaurant Cost handout direction. */
.hero{position:relative;background:#0b3f22;color:white;box-shadow:0 26px 45px rgba(10,54,31,.15)}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 87% 26%,rgba(229,173,28,.9) 0 6%,transparent 6.2%),radial-gradient(circle at 94% 52%,rgba(207,52,45,.9) 0 12%,transparent 12.3%),linear-gradient(135deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:auto,auto,22px 22px;opacity:.8}
.hero>*{position:relative}.hero h1{color:#fff}.hero h1 em{color:#f0b565}.hero .eyebrow{color:#f0b565}.hero-copy>p:not(.eyebrow){color:#d6e4dc}.hero .primary{background:#e5ad1c;color:#0b3f22}.hero-actions a{color:#f0b565}.hero-stats{border-color:rgba(255,255,255,.22);background:rgba(255,253,247,.12);box-shadow:0 18px 40px rgba(0,0,0,.14);backdrop-filter:blur(8px)}.hero-stats div>span{color:#c6d9ce}.hero-stats ul{border-color:rgba(255,255,255,.2)}.hero-stats li{border-color:rgba(255,255,255,.35);color:#f7fbf5}
.step-map{border-radius:16px;box-shadow:0 16px 36px rgba(20,60,35,.06)}
.step-panel.active{margin:0 -18px;padding:0 18px 4px;background:#fffdf7;border:1px solid #cbd4c9;border-radius:14px;box-shadow:0 15px 34px rgba(23,65,36,.07)}.step-panel.active+.step-panel{border-top-color:transparent}
.prompt{border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.task-side{border-radius:9px}.reference-grid article:first-child{border-radius:14px 0 0 14px}.reference-grid article:last-child{border-radius:0 14px 14px 0}
@media(max-width:500px){.reference-grid article:first-child,.reference-grid article:last-child{border-radius:0}.step-panel.active{margin:0 -8px;padding:0 8px 4px}.hero:before{opacity:.55}}