.market-page{background:var(--cream);color:var(--ink)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:25px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--purple);text-decoration:none}.market-hero{display:grid;gap:42px;padding:48px 0 78px}.market-hero h1{font:700 clamp(42px,9vw,70px)/1.04 'Fredoka';letter-spacing:-.035em;margin:10px 0 22px}.market-hero h1 em{color:var(--purple);font-style:normal}.market-hero-copy>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:17px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px}
.market-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:70px 18px;min-height:390px;padding:35px;border-radius:34px;background:#ebe8ff;box-shadow:0 22px 50px rgba(91,75,219,.14)}.buyer-card,.seller-card{display:flex;flex-direction:column;align-items:center;text-align:center}.buyer-card span,.seller-card span{display:grid;place-items:center;width:100px;height:100px;border-radius:30px;background:#fff;font-size:52px;box-shadow:0 12px 25px rgba(55,43,138,.12)}.buyer-card b,.seller-card b{margin-top:8px;font:700 19px 'Fredoka'}.buyer-card small,.seller-card small{color:var(--muted)}.price-badge{position:absolute;left:50%;top:48%;z-index:2;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%) rotate(-3deg);padding:12px 16px;border-radius:16px;background:var(--yellow);color:#6c5200;box-shadow:0 10px 20px rgba(88,66,0,.16)}.price-badge strong{font:700 21px 'Fredoka'}.scene-arrows{position:absolute;left:32%;right:32%;top:67%;display:flex;justify-content:space-between;color:var(--purple);font:700 27px 'Fredoka'}
.concept-strip{background:var(--purple);color:#fff}.concept-grid{display:grid;grid-template-columns:1fr 1fr}.concept-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:17px 7px;border-bottom:1px solid rgba(255,255,255,.18)}.concept-grid>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)}.concept-grid span{grid-row:1/3;font-size:25px}.concept-grid strong{font:700 17px 'Fredoka'}.concept-grid small{color:#dedbff}
.lesson-section,.curve-section,.equilibrium-section,.classifier-section{padding:78px 0}.section-intro{max-width:810px;margin-bottom:35px}.section-intro h2,.quiz-layout h2{font:700 clamp(32px,7vw,49px)/1.1 'Fredoka';letter-spacing:-.02em;margin:7px 0 13px}.section-intro>p:last-child,.quiz-layout>div:first-child>p:last-child{color:var(--muted)}.law-layout{display:grid;gap:18px}.law-card{display:grid;grid-template-columns:auto 1fr;gap:17px;padding:24px;border-radius:23px;background:#fff;border:1px solid var(--line)}.law-icon{font-size:40px}.law-card h3{font:700 28px/1.15 'Fredoka';margin:5px 0 10px}.law-card p:last-child{color:var(--muted)}.mini-table{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff}.mini-table>div{display:grid;grid-template-columns:1fr 1fr;padding:14px 18px;border-bottom:1px solid var(--line)}.mini-table>div:last-child{border:0}.mini-table>div:first-child{background:#ebe8ff;color:var(--purple);font-size:12px}.mini-table strong{text-align:right}.important-note,.example-callout{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:23px;padding:20px;border-radius:20px;background:#fff2c6}.important-note>span,.example-callout>span{font-size:29px}.important-note b{font:700 18px 'Fredoka'}.important-note p,.example-callout p{margin:4px 0 0;color:#655d3d}
.supply-section{padding:80px 0;background:#242044;color:#fff}.light-intro .eyebrow{color:#c9c3ff}.light-intro>p:last-child{color:#cbc8db}.supply-card{color:var(--ink)}.dark-table{background:#353052;border-color:#4c4769}.dark-table>div{border-color:#4c4769}.dark-table>div:first-child{background:#49436d;color:#e0ddff}
.curve-grid,.shift-grid,.status-grid{display:grid;gap:18px}.curve-grid article{padding:23px;border-radius:23px;background:#fff;border:1px solid var(--line)}.curve-grid h3{font:700 25px 'Fredoka';margin:15px 0 5px}.curve-grid p{color:var(--muted)}.curve-demo{position:relative;height:240px;border-left:4px solid #514c68;border-bottom:4px solid #514c68}.curve-demo i{position:absolute;left:16%;top:48%;width:72%;height:5px;border-radius:5px;background:var(--coral);transform:rotate(29deg)}.demand-demo i{transform:rotate(-29deg);background:var(--purple)}.curve-demo b{position:absolute;right:7%;font:700 23px 'Fredoka'}.demand-demo b{bottom:18%;color:var(--purple)}.supply-demo b{top:16%;color:#d85743}.axis-y,.axis-x{position:absolute;color:var(--muted);font-size:12px;font-weight:700}.axis-y{left:-4px;top:-25px}.axis-x{right:0;bottom:-27px}
.shift-section{padding:80px 0;background:var(--purple);color:#fff}.shift-grid article{padding:23px;border-radius:23px;background:#fff;color:var(--ink)}.shift-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ebe8ff;color:var(--purple);font:700 25px 'Fredoka'}.shift-grid h3{font:700 24px 'Fredoka';margin:12px 0}.shift-grid ul{padding-left:19px;color:var(--muted)}.shift-grid li{margin:8px 0}.example-callout{background:#fff2c6;color:var(--ink)}
.status-grid article{padding:23px;border-radius:22px;background:#fff;border:1px solid var(--line)}.status-grid .balanced{background:#dff5ef;border-color:#9ed3c5}.status-price{display:inline-block;padding:5px 10px;border-radius:14px;background:#ebe8ff;color:var(--purple);font-size:11px;font-weight:700}.status-grid h3{font:700 25px 'Fredoka';margin:12px 0 5px}.status-grid p{color:var(--muted)}.status-grid article>div{padding:10px;border-radius:13px;background:#f4f2fa;text-align:center;font:700 22px 'Fredoka';color:var(--purple)}
.simulation-section{padding:80px 0;background:#16816e;color:#fff}.simulation-grid{display:grid;gap:18px}.sim-controls,.chart-card{padding:23px;border-radius:24px;background:#fff;color:var(--ink)}.sim-controls label{display:block;margin-bottom:26px}.sim-controls label>span{display:flex;justify-content:space-between;gap:15px}.sim-controls output{color:var(--purple);font-weight:700}.sim-controls input{width:100%;accent-color:var(--purple)}.sim-controls small{display:block;color:var(--muted)}.scenario-buttons{display:flex;flex-wrap:wrap;gap:8px}.scenario-buttons button{padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.scenario-buttons button:hover{border-color:var(--purple);background:#f2f0ff}.chart-card svg{width:100%;height:auto}.axis{stroke:#514c68;stroke-width:3}.grid-lines line{stroke:#eeeaf5;stroke-width:1}.demand-curve{fill:none;stroke:var(--purple);stroke-width:6}.supply-curve{fill:none;stroke:var(--coral);stroke-width:6}#equilibriumPoint{fill:var(--yellow);stroke:#6b5200;stroke-width:3}#demandLabel,#supplyLabel{font:700 20px 'Fredoka'}#demandLabel{fill:var(--purple)}#supplyLabel{fill:#d95743}.result-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-row>div{padding:14px;border-radius:15px;background:#f3f1ff}.result-row small{display:block;color:var(--muted)}.result-row strong{font:700 21px 'Fredoka';color:var(--purple)}#marketExplanation{min-height:52px;color:var(--muted)}
.classifier-card,.quiz-card{max-width:760px;padding:25px;border-radius:25px;background:#fff;box-shadow:0 17px 40px rgba(43,35,104,.09)}.classifier-progress,.quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.classifier-card h3,.quiz-card h3{font:700 24px/1.25 'Fredoka';margin:22px 0}.classifier-options,.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.classifier-options button,.quiz-options button{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.classifier-options button:hover:not(:disabled),.quiz-options button:hover:not(:disabled){border-color:var(--purple);background:#f3f1ff}.classifier-options button.correct,.quiz-options button.correct{border-color:#2d8252;background:#e6f7eb;color:#1e6640}.classifier-options button.wrong,.quiz-options button.wrong{border-color:#d85b47;background:#ffebe7;color:#923c2e}#caseFeedback,#quizFeedback{min-height:52px;color:var(--muted)}
.quiz-section{padding:78px 0;background:#fff0d5}.quiz-layout{display:grid;gap:28px}.quiz-card{max-width:none}.remember-section{display:grid;gap:22px;padding:78px 0}.remember-card,.next-card{padding:27px;border-radius:26px}.remember-card{background:#ebe8ff}.remember-card h2,.next-card h2{font:700 30px/1.12 'Fredoka';margin:8px 0 15px}.remember-card ol{padding-left:22px}.remember-card li{margin:9px 0}.next-card{background:#fff;border:1px solid var(--line)}.next-card>span{font-size:42px}.next-card p:not(.eyebrow){color:var(--muted)}.market-share{padding:65px 0;background:#242044}.share-panel{display:grid;gap:18px;color:#fff}.share-panel .eyebrow{color:#c9c3ff}.share-panel h2{font:700 32px 'Fredoka';margin:5px 0}.share-panel p{margin:0}.share-panel .button{justify-self:start;background:#fff;color:var(--purple)}#shareFeedback{grid-column:1/-1;color:#b8f2de}
@media(min-width:700px){.concept-grid{grid-template-columns:repeat(4,1fr)}.concept-grid>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.18)!important}.concept-grid>div:last-child{border-right:0!important}.law-layout,.curve-grid,.shift-grid,.simulation-grid,.quiz-layout,.remember-section{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:repeat(3,1fr)}.share-panel{grid-template-columns:1fr auto;align-items:center}}
@media(min-width:900px){.market-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding:72px 0 100px}.simulation-grid{grid-template-columns:.78fr 1.22fr}.quiz-layout{grid-template-columns:.8fr 1.2fr}.share-panel h2{font-size:39px}}
@media(max-width:560px){.market-hero{padding-top:32px}.market-scene{min-height:350px;padding:24px 13px}.buyer-card span,.seller-card span{width:82px;height:82px;font-size:43px}.price-badge{top:51%}.concept-grid>div{padding:15px 6px}.lesson-section,.supply-section,.curve-section,.shift-section,.equilibrium-section,.simulation-section,.classifier-section,.quiz-section{padding:62px 0}.law-card{grid-template-columns:1fr}.classifier-options,.quiz-options{grid-template-columns:1fr}.sim-controls,.chart-card,.classifier-card,.quiz-card{padding:19px}.share-panel h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
