.showcase-section{padding-top:80px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.showcase-card{display:flex;flex-direction:column;background:linear-gradient(140deg,#27202e,#111922);border:1px solid #485066;border-radius:10px;overflow:clip;min-width:0}.showcase-top{padding:23px 24px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.showcase-top>strong{font-size:15px;letter-spacing:-.015em}.showcase-top>.code{font-size:7px}.pattern{padding:25px 24px;display:flex;flex-direction:column;gap:7px;background:radial-gradient(ellipse at center,#b899ec12,transparent 70%)}.pattern-node{padding:10px 14px;min-height:37px;border:1px solid #586275;border-radius:4px;color:#ddd2e6;font-size:10px;position:relative;background:#171822}.pattern-node:not(:last-child):after{content:'↓';position:absolute;right:15px;bottom:-10px;color:var(--accent);font-size:14px;background:#191724;z-index:1;line-height:1}.pattern-node:first-child,.pattern-node:last-child{border-color:#ffcda655;color:var(--accent)}.showcase-body{padding:0 24px 25px;display:flex;flex-direction:column;flex:1}.showcase-body .eyebrow{font-size:7px;margin-bottom:14px}.showcase-body h3{font-size:23px;line-height:1.2;letter-spacing:-.045em;margin-bottom:17px}.showcase-body>p{font-size:12px;line-height:1.8;margin-bottom:20px}.source-scope{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:8px;color:#b4a9c0;line-height:1.7}.showcase-body .text-link{align-self:start;margin-top:12px}.scope-note{display:flex;gap:15px;align-items:start;margin-top:25px;padding:16px 20px;border:1px solid #435269;border-radius:5px;background:#131a2444}.scope-note>span{color:var(--accent);font-size:19px}.scope-note p{font-size:11px}.library-section{padding-block:90px;background:linear-gradient(150deg,#151421,#121822);border-block:1px solid var(--line)}.library-tools{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin:35px 0 25px}#recipe-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-button{padding:10px 13px;min-height:44px;color:var(--muted);background:transparent;border:1px solid #465069;border-radius:4px;font-size:11px}.filter-button[aria-pressed=true]{color:var(--accent);border-color:#ffcda677;background:#ffcda60a}.library-search{position:relative;min-width:220px;max-width:330px;flex:1}.library-search label{font-size:9px;margin:0 0 6px;color:var(--muted)}.library-search input{margin:0;font-size:12px}.library-status{font-size:10px;margin-bottom:18px}#recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recipe-card{padding:24px;border:1px solid #38455c;border-radius:7px;background:#1b2030;display:flex;flex-direction:column;min-width:0}.recipe-card .eyebrow{font-size:8px;margin-bottom:17px}.recipe-card h3{font-size:20px;margin-bottom:14px}.recipe-card>p{font-size:12px;line-height:1.8;margin-bottom:20px}.recipe-card .text-link{margin-top:auto;align-self:start}.empty-recipes{padding:35px;border:1px dashed #657086;border-radius:7px;grid-column:1/-1;font-size:14px;text-align:center}.starting-level{margin-top:44px;border:1px solid #485269;border-radius:8px;background:linear-gradient(120deg,#292333,#16232d);padding:30px}.starting-level h3{font-size:25px;margin-bottom:12px;letter-spacing:-.045em}.starting-level>p{font-size:13px}.level-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.level-button{padding:12px 18px;border:1px solid #657087;border-radius:5px;min-height:44px;background:#121a27;color:var(--ink);font-size:12px}.level-button[aria-pressed=true]{background:#ffcda614;color:var(--accent);border-color:var(--accent)}.level-result{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #435065;padding-top:23px}.level-result h4{font-size:20px;margin-bottom:12px}.level-result p{font-size:12px}.level-result>div:last-child{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:13px}.level-result .fine{color:var(--accent);font-size:10px}.level-result .button{min-height:46px;padding:12px 18px;font-size:11px}.readiness-note{font-size:9px!important;margin-top:20px}.explorer-modal{width:min(760px,calc(100% - 32px))}.explorer-modal .badge{font-size:7px}.explorer-modal h2{margin-top:23px}.explorer-modal>p{font-size:13px;margin-top:16px}.explorer-section{padding-top:21px;margin-top:23px;border-top:1px solid #435269}.explorer-section .eyebrow{font-size:8px;margin-bottom:13px}.explorer-section ul,.explorer-section ol{padding-left:18px;font-size:12px;color:#c6c7d5;line-height:1.85;margin:0}.explorer-section li{margin-bottom:6px}.explorer-section>p{font-size:12px}.explorer-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0!important;list-style:none}.explorer-steps li{background:#0e1724;border:1px solid #37465c;border-radius:4px;padding:13px!important;margin:0!important;font-size:11px}.explorer-steps li:before{content:'↗';color:var(--accent);margin-right:9px}.explorer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.explorer-actions .button{font-size:12px;min-height:48px}.explorer-evidence{padding:16px;background:#ffcda608;border:1px solid #ffcda644;border-radius:5px;margin-top:22px}.explorer-evidence .eyebrow{margin-bottom:10px;font-size:8px}.explorer-evidence p{font-size:11px;color:#bbb1c0}.explorer-modal .dialog-top .eyebrow{margin:0}.explorer-modal .fine{margin-top:20px}@media(max-width:1050px){.showcase-grid{gap:15px}.showcase-body,.showcase-top{padding-inline:20px}.pattern{padding-inline:20px}.showcase-body h3{font-size:21px}#recipe-grid{gap:15px}.recipe-card{padding:22px}.recipe-card h3{font-size:18px}}@media(max-width:800px){.showcase-grid{grid-template-columns:1fr}.showcase-card{display:grid;grid-template-columns:.85fr 1.2fr}.showcase-top{grid-column:1/-1;padding-bottom:15px}.showcase-body{padding-top:15px}.pattern{padding-top:15px;justify-content:center}.showcase-body h3{font-size:26px}.showcase-body .eyebrow{font-size:8px}#recipe-grid{grid-template-columns:1fr 1fr}.library-tools{align-items:start}.library-search{max-width:none}.library-section{padding-block:65px}.level-result{gap:30px}.explorer-modal h2{font-size:34px}}@media(max-width:520px){.showcase-section{padding-top:55px}.showcase-card{display:flex}.showcase-top{padding:22px 23px 8px}.pattern{padding:15px 23px 24px}.showcase-body{padding:0 23px 23px}.showcase-body h3{font-size:25px}.pattern-node{font-size:11px;min-height:40px}.showcase-body>p{font-size:13px}.source-scope{font-size:9px}.scope-note{padding:16px;gap:10px}.scope-note p{font-size:10px}.library-tools{gap:18px}.filter-button{font-size:10px;padding:10px 12px}.library-search{min-width:0;width:100%;flex:auto}#recipe-grid{grid-template-columns:1fr}.recipe-card{padding:25px}.recipe-card h3{font-size:22px}.recipe-card>p{font-size:13px}.recipe-card .text-link{font-size:12px}.starting-level{padding:23px}.starting-level h3{font-size:24px}.level-buttons{gap:8px}.level-button{padding:10px 12px;font-size:11px}.level-result{grid-template-columns:1fr;gap:20px}.level-result h4{font-size:21px}.level-result>div:last-child{gap:16px}.explorer-steps{grid-template-columns:1fr}.explorer-actions .button{width:100%}.explorer-modal{padding:23px}.explorer-modal h2{font-size:31px}.explorer-evidence p{font-size:10px}}
.showcase-grid{grid-template-columns:1fr 1fr}.showcase-card{display:grid;grid-template-columns:.85fr 1.15fr}.showcase-top{grid-column:1/-1;padding-bottom:15px}.pattern{justify-content:center}.showcase-body{padding-top:12px}@media(max-width:1050px){.showcase-grid{grid-template-columns:1fr}.showcase-card{grid-template-columns:.75fr 1.2fr}.showcase-body h3{font-size:26px}}@media(max-width:520px){.showcase-card{display:flex}.showcase-body{padding-top:0}}

.decision-demo{padding:22px;border:1px solid #775e6b;background:linear-gradient(120deg,#342534,#192637);border-radius:7px;margin-top:22px}.decision-demo .eyebrow{font-size:8px;margin-bottom:15px}.decision-choices{display:flex;flex-wrap:wrap;gap:8px}.decision-choice{padding:10px 13px;background:#111b28;border:1px solid #637187;border-radius:4px;color:var(--ink);font-size:10px;min-height:44px}.decision-choice[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.decision-result{border-top:1px solid #4b536c;margin-top:18px;padding-top:18px}.decision-result h4{font-size:16px;margin-bottom:12px}.decision-result p{font-size:12px}.decision-demo>.fine{font-size:9px;margin-top:17px}.explorer-modal{color-scheme:dark}@media(max-width:520px){.decision-demo{padding:18px}.decision-choice{font-size:9px;padding:10px}.decision-result h4{font-size:17px}.decision-result p{font-size:11px}}

.planner-intro{font-size:12px;margin-bottom:18px}.planner-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.planner-controls .checkbox{margin:10px 0}.planner-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}.planner-row{border:1px solid #586275;border-radius:5px;background:#121b29;padding:15px;min-width:0}.planner-row>label{font-size:9px;margin-bottom:12px}.planner-row .eyebrow{font-size:7px;margin-bottom:13px}.planner-row input,.planner-row select{font-size:11px;padding:10px}.planner-row .checkbox{font-size:9px;margin-bottom:0;margin-top:20px}.planner-row .checkbox input{padding:0}.planner-result{border-top:1px solid #586275;margin-top:20px;padding-top:20px}.planner-result h4{font-size:17px;margin-bottom:12px}.planner-result p,.planner-result li{font-size:11px;line-height:1.8}.planner-result ol{padding-left:18px}.planner-result .fine{font-size:9px}.decision-demo>.text-link{font-size:11px;margin-top:15px}.decision-demo>.text-link:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1000px){.planner-rows{grid-template-columns:1fr}.planner-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.planner-row .eyebrow{grid-column:1/-1;margin-bottom:0}.planner-row .checkbox{margin-top:0;grid-column:1/-1}.planner-row>label{margin-bottom:0}}@media(max-width:520px){.planner-controls{grid-template-columns:1fr;gap:8px}.planner-row{gap:15px}.planner-row input,.planner-row select{font-size:12px}.planner-result h4{font-size:17px}}