:root{color-scheme:light;--color-bg:#eef3f5;--color-surface:#fff;--color-surface-subtle:#e5edf0;--color-text:#111b22;--color-text-muted:#52636d;--color-border:#c5d2d8;--color-accent:#006e82;--color-accent-strong:#004f60;--color-success:#087a55;--color-warning:#8a6100;--color-danger:#b42318;--color-focus:#007c92;--color-brand-bg:#0b1117;--color-brand-border:#26343d;--color-code-cyan:#35c9e8;--color-code-lime:#a7e34b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}:root[data-theme=dark]{color-scheme:dark;--color-bg:#080e13;--color-surface:#0f171e;--color-surface-subtle:#16212a;--color-text:#edf5f7;--color-text-muted:#a3b3bc;--color-border:#2a3943;--color-accent:#35c9e8;--color-accent-strong:#70def2;--color-success:#a7e34b;--color-warning:#f2c14e;--color-danger:#ff8a80;--color-focus:#5adaf2}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth;min-width:0}body{min-width:0;color:var(--color-text);background:var(--color-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}button,select,input,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{color:var(--color-accent-strong)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img,svg,iframe{max-width:100%}h1,h2,h3,h4,p,li,dd,dt{overflow-wrap:anywhere}h1,h2,h3,h4{line-height:1.3}h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,6vw,4rem)}h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}h3{margin:0;font-size:1.15rem}p{margin-block:0 1em}.skip-link{z-index:100;color:var(--color-surface);background:var(--color-text);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid var(--color-brand-border);background:var(--color-brand-bg);position:sticky;top:0}.site-header__inner,.site-footer__inner,.site-main{width:min(100% - 32px,1240px);margin-inline:auto}.site-header__inner{align-items:center;gap:var(--space-4);width:100%;min-width:0;min-height:68px;padding-inline:20px;display:flex}.site-brand{color:#fff;align-items:center;min-width:0;text-decoration:none;display:inline-flex}.site-brand img{object-fit:contain;width:250px;height:50px;display:block}.global-nav{align-items:center;gap:var(--space-4);min-width:0;margin-left:auto;display:flex}.global-nav a{color:#c4d0d6;white-space:nowrap;padding-block:20px;font-weight:700;text-decoration:none;position:relative}.global-nav a:hover,.global-nav a[aria-current=page]{color:#fff}.global-nav a[aria-current=page]:after{background:var(--color-code-cyan);content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0}.theme-toggle,.secondary-button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:700}.site-header .theme-toggle{color:#edf5f7;background:#111a21;border-color:#33434e}.theme-toggle:hover,.secondary-button:hover{border-color:var(--color-accent);background:var(--color-surface-subtle)}.site-header .theme-toggle:hover{border-color:var(--color-code-cyan);background:#18242d}button:disabled{cursor:not-allowed;opacity:.65}.site-main{min-width:0;padding-block:var(--space-7)}.site-main--workbench{width:100%;max-width:none;padding-block:0}.site-footer{border-top:1px solid var(--color-border)}.site-footer__inner{justify-content:space-between;gap:var(--space-3) var(--space-6);padding-block:var(--space-5);color:var(--color-text-muted);flex-wrap:wrap;font-size:.875rem;display:flex}.site-footer p{margin:0}.page-shell{min-width:0}.hero{gap:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;align-items:end;min-width:0;padding:clamp(24px,6vw,72px);display:grid}.hero__copy{max-width:900px}.hero__copy>p:last-child{max-width:48rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.2rem)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.primary-link,.secondary-link{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary-link{color:#fff;background:var(--color-accent)}.primary-link:hover{color:#fff;background:var(--color-accent-strong)}:root[data-theme=dark] .primary-link,:root[data-theme=dark] .primary-link:hover{color:#0f141a}.secondary-link{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface-subtle)}.section-block{margin-top:var(--space-7)}.section-heading{min-width:0;margin-bottom:var(--space-4)}.eyebrow{margin:0 0 var(--space-1);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:800}.recipe-grid,.guide-grid,.related-card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.guide-card,.related-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px}.guide-card h2,.related-card h3{font-size:1.2rem}.guide-card h2 a,.related-card h3 a{color:var(--color-text)}.guide-card>p,.related-card>p{color:var(--color-text-muted)}.guide-article{width:min(100%,760px)}.guide-article .section-block>h2{margin-bottom:var(--space-3)}.guide-structured-list{gap:var(--space-3);display:grid}.guide-structured-list li{padding:var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-surface-subtle)}.guide-structured-list p{margin-block:var(--space-2) 0}.recipe-filter{gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;display:grid}[data-recipe-filter][hidden]{display:none}.recipe-filter__fields{align-items:end;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}@media (width>=1024px){.recipe-filter__fields{grid-template-columns:minmax(0,2fr) repeat(3,minmax(150px,1fr)) auto}}.recipe-filter__fields label{gap:var(--space-1);min-width:0;color:var(--color-text);font-weight:700;display:grid}.recipe-filter__fields input,.recipe-filter__fields select{border:1px solid var(--color-border);width:100%;min-width:0;min-height:44px;color:var(--color-text);background:var(--color-surface-subtle);border-radius:8px}.recipe-filter__fields input{padding:8px 12px}.recipe-filter__fields select{padding:8px 32px 8px 12px}.recipe-filter__fields input::placeholder,.recipe-filter__result{color:var(--color-text-muted)}.recipe-filter__empty{margin-bottom:var(--space-5)}[data-recipe-card][hidden]{display:none}.recipe-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px}.recipe-card__meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.recipe-card h2{font-size:1.35rem}.recipe-card h2 a{color:var(--color-text)}.recipe-card>p{color:var(--color-text-muted)}.status-badge{border:1px solid;border-radius:999px;align-items:center;min-height:28px;padding:3px 9px;font-size:.8rem;font-weight:800;display:inline-flex}.status-badge[data-status=review],.status-badge[data-status=qa]{color:var(--color-warning)}.status-badge[data-status=published]{color:var(--color-success)}.status-badge[data-status=deprecated]{color:var(--color-danger)}.meta-text{color:var(--color-text-muted);font-size:.875rem}.compact-facts{gap:var(--space-2);margin:var(--space-4) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compact-facts div{min-width:0;padding:var(--space-2);background:var(--color-surface-subtle);border-radius:6px}.compact-facts dt{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.compact-facts dd{margin:0;font-size:.875rem;font-weight:700}.page-header{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.page-header p{max-width:52rem;color:var(--color-text-muted);margin:0;font-size:1.05rem}.recipe-intro{gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:grid}.recipe-intro__meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.recipe-intro>p{max-width:60rem;color:var(--color-text-muted);margin:0;font-size:1.1rem}.constraint-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.constraint-grid section{min-width:0;padding:var(--space-4);border-left:4px solid var(--color-border);background:var(--color-surface-subtle)}.constraint-grid h2{font-size:1rem}.constraint-grid ul,.detail-panel ul,.required-changes ul{margin:var(--space-2) 0 0;padding-left:1.25rem}.recipe-workbench{gap:var(--space-4);min-width:0;margin-top:var(--space-6);display:grid}.recipe-context,.preview-workspace,.code-panel,.detail-panel{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px}.recipe-context{order:3}.preview-workspace{order:1}.code-panel{order:2}.context-nav ul{margin:var(--space-2) 0 0;padding-left:1.25rem}.detail-stack{gap:var(--space-4);margin-top:var(--space-4);display:grid}.detail-panel h2{font-size:1.2rem}.preview-frame-region{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:10px;display:grid;overflow:auto}.preview-shell{inline-size:min(var(--preview-width), 100%);max-inline-size:100%;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;justify-self:center;min-width:0;margin-inline:auto;overflow:hidden}.preview-shell iframe{background:#fff;border:0;width:100%;min-height:520px;display:block}.preview-controls{gap:var(--space-3);margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preview-controls legend{padding-inline:var(--space-2);font-weight:800}.preview-controls label{gap:var(--space-1);min-width:0;font-weight:700;display:grid}.preview-controls select{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);border-radius:8px;padding:8px 36px 8px 10px}.preview-controls button{align-self:end}.preview-status,.copy-status{min-height:1.65em;margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.875rem}.preview-workspace[data-preview-ready=error] .preview-status,.copy-status[data-copy-result=error]{color:var(--color-danger);font-weight:700}.copy-status[data-copy-result=success]{color:var(--color-success);font-weight:700}.code-panel{align-content:start}.code-artifact{min-width:0}.code-artifact+.code-artifact{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.code-artifact__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.code-artifact__header>div{min-width:0}.code-artifact__header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.875rem}.required-changes{margin-top:var(--space-4);padding:var(--space-3);border-left:4px solid var(--color-warning);background:var(--color-surface-subtle)}.required-changes h4{margin:0;font-size:.95rem}pre{max-width:100%;margin:var(--space-3) 0 0;border:1px solid var(--color-border);color:#f2f5f8;tab-size:2;background:#0f141a;border-radius:8px;overflow:auto}pre code{width:max-content;min-width:100%;padding:var(--space-4);white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6;display:block}.quality-list{gap:var(--space-3);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.quality-item{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:8px}.quality-item__heading{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quality-result{font-weight:800}.quality-result[data-result=pass]{color:var(--color-success)}.quality-result[data-result=fail]{color:var(--color-danger)}.quality-result[data-result=not-run]{color:var(--color-warning)}.quality-item p,.quality-item ul{margin-bottom:0}.definition-table{border-collapse:collapse;width:100%}.definition-table th,.definition-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:12px}.definition-table th{width:11rem;color:var(--color-text-muted)}.callout{padding:var(--space-4);border-left:4px solid var(--color-accent);background:var(--color-surface-subtle)}.callout p:last-child{margin-bottom:0}@media (width>=1024px){.recipe-workbench{grid-template-columns:minmax(210px,.72fr) minmax(0,1.5fr) minmax(300px,1fr);align-items:start}.recipe-context{order:1;max-height:calc(100vh - 112px);position:sticky;top:88px;overflow:auto}.preview-workspace{order:2}.code-panel{order:3;max-height:calc(100vh - 112px);overflow:auto}}@media (width<=760px){.site-header__inner{flex-wrap:wrap;gap:8px 12px;padding-block:10px}.site-brand{flex:200px}.global-nav{order:3;width:100%;margin-left:0;overflow-x:auto}.theme-toggle{flex:none}.recipe-filter__fields,.constraint-grid,.preview-controls{grid-template-columns:1fr}.recipe-filter__fields .secondary-button{width:100%}.compact-facts{grid-template-columns:1fr}.code-artifact__header{flex-direction:column}.code-artifact__header button{width:100%}}@media (width<=360px){.site-header__inner,.site-footer__inner,.site-main{width:min(100% - 20px,1440px)}.site-brand strong{font-size:.9rem}.hero,.recipe-card,.recipe-context,.preview-workspace,.code-panel,.detail-panel{padding:14px}.hero__actions>*{width:100%}}.mobile-navigation{display:none}.home-hero{gap:var(--space-6);display:grid}.home-search{gap:var(--space-2);width:min(100%,48rem);display:grid}.home-search label{font-weight:800}.home-search__row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.home-search input{border:1px solid var(--color-border);min-width:0;min-height:48px;color:var(--color-text);background:var(--color-bg);font:inherit;border-radius:6px;padding:10px 14px}.section-action{margin:var(--space-5) 0 0}.home-links__grid{border:1px solid var(--color-border);background:var(--color-border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.home-links__grid a{min-height:64px;padding:var(--space-4);color:var(--color-text);background:var(--color-surface);font-weight:800;text-decoration:none}.home-links__grid a:hover,.home-links__grid a:focus-visible{color:var(--color-accent);background:var(--color-surface-subtle)}.recipe-card--preview{grid-template-rows:auto 1fr;min-width:0;padding:0;display:grid}.recipe-card--preview:after{display:none}.recipe-card__preview{border-bottom:1px solid var(--color-border);background:var(--color-brand-bg) url(/assets/brand/lab-grid-dark.png) repeat;background-size:256px 256px;min-width:0;padding:10px}.recipe-card__preview iframe{background:#fff;border:1px solid #3b4b55;border-radius:4px;width:100%;height:260px;display:block}.recipe-card__body{align-content:start;gap:var(--space-3);padding:var(--space-5);display:grid}.recipe-card__body h2,.recipe-card__body p{margin:0}.recipe-card__body .text-link{width:fit-content;font-weight:800}.code-panel>summary{cursor:pointer;list-style-position:inside}@media (width>=640px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1216px){.recipe-workbench{grid-template:"intro intro""context context""preview code"minmax(0,1fr)"controls controls"/minmax(0,1.15fr) minmax(390px,.85fr)}.recipe-context{gap:0 var(--space-5);border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr) minmax(180px,.65fr);max-height:none;padding:14px 30px;display:grid;overflow:visible}.recipe-context__heading,.recipe-license-summary,.recipe-dependency-summary{border-bottom:0}.recipe-switcher,.context-nav,.recipe-state-guide{display:none}}@media (width<=760px){.global-nav--desktop{display:none}.mobile-navigation{margin-left:auto;display:block;position:relative}.mobile-navigation summary{min-height:44px;color:var(--color-text);cursor:pointer;padding:11px 12px;font-weight:800}.mobile-navigation nav{z-index:20;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:min(82vw,280px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0003}.mobile-navigation a{min-height:44px;color:var(--color-text-muted);padding:11px 12px;font-weight:800;text-decoration:none}.mobile-navigation a[aria-current=page],.mobile-navigation a:hover,.mobile-navigation a:focus-visible{color:var(--color-accent);background:var(--color-surface-subtle)}.site-header__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.site-brand img{max-width:min(100%,178px);height:auto}.home-search__row,.home-links__grid{grid-template-columns:1fr}.home-search__row .primary-link{width:100%}.code-panel>summary{min-height:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-footer{border-color:var(--color-brand-border);background:var(--color-brand-bg)}.site-footer__inner{color:#a3b3bc}.site-footer a{color:var(--color-code-cyan)}.hero{border-color:var(--color-border);background:var(--color-surface);box-shadow:inset 4px 0 0 var(--color-accent);border-radius:8px;overflow:hidden}.primary-link,.secondary-link,.theme-toggle,.secondary-button,.recipe-filter,.recipe-filter__fields input,.recipe-filter__fields select,.preview-controls select{border-radius:6px}.recipe-grid,.guide-grid{border:1px solid var(--color-border);background:var(--color-border);border-radius:8px;gap:1px;overflow:hidden}.guide-card{border:0;border-radius:0}.guide-card:focus-within,.guide-card:hover,.related-card:focus-within,.related-card:hover{background:var(--color-surface-subtle)}.recipe-card{background:var(--color-surface);border:0;border-radius:0;position:relative}.recipe-card:after{right:var(--space-5);bottom:var(--space-4);background:var(--color-accent);content:"";width:28px;height:2px;position:absolute}.recipe-card:focus-within,.recipe-card:hover{background:var(--color-surface-subtle)}.recipe-card__meta{color:var(--color-accent)}.page-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.recipe-filter,.detail-panel,.quality-item{border-radius:8px}.recipe-detail{min-width:0}.recipe-workbench{background:var(--color-bg);gap:0;min-width:0;min-height:calc(100vh - 68px);margin:0;display:grid}.recipe-intro{border-bottom:1px solid var(--color-border);grid-area:intro;align-content:end;gap:8px;padding:22px 32px 18px}.recipe-intro__category{width:fit-content;color:var(--color-accent);letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:800}.recipe-intro h1{letter-spacing:-.02em;max-width:none;font-size:clamp(1.65rem,2vw,1.9rem)}.recipe-intro>p:last-child{max-width:54rem;color:var(--color-text-muted);margin:0;font-size:1rem}.recipe-context,.preview-stage,.code-panel{background:var(--color-surface);border:0;border-radius:0;min-width:0}.recipe-context{order:initial;border-right:1px solid var(--color-border);grid-area:context;padding:24px 18px 28px;overflow:auto}.recipe-context__heading{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 12px;padding-bottom:18px;display:grid}.recipe-context__heading .eyebrow{color:var(--color-accent);grid-column:1/-1}.recipe-context__heading h2{font-size:1.15rem}.recipe-context__heading a{font-size:.85rem;font-weight:700}.recipe-license-summary,.recipe-switcher,.context-nav,.recipe-state-guide,.recipe-dependency-summary{border-bottom:1px solid var(--color-border);padding-block:18px}.recipe-license-summary h3,.recipe-switcher h3,.context-nav h3,.recipe-dependency-summary h3{font-size:.95rem}.recipe-license-summary .definition-table{margin-top:8px;font-size:.8rem}.recipe-license-summary .definition-table th,.recipe-license-summary .definition-table td{border-color:var(--color-border);width:auto;padding:5px 0}.recipe-license-summary .definition-table td{text-align:right;font-weight:800}.recipe-license-summary__scope,.recipe-license-summary>p:last-child,.recipe-dependency-summary p{color:var(--color-text-muted);margin:10px 0 0;font-size:.8rem;line-height:1.6}.recipe-switcher ul,.context-nav ul{gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.recipe-switcher a,.context-nav a{color:var(--color-text-muted);border-left:3px solid #0000;padding:8px 10px;font-size:.85rem;font-weight:700;line-height:1.45;text-decoration:none;display:block}.recipe-switcher a:hover,.recipe-switcher a[aria-current=page],.context-nav a:hover{border-left-color:var(--color-accent);color:var(--color-text);background:var(--color-surface-subtle)}.recipe-state-guide summary{color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:800}.recipe-state-guide ul{color:var(--color-text-muted);margin:12px 0 0;padding-left:1.15rem;font-size:.8rem}.preview-workspace{display:contents}.preview-stage{grid-area:preview;padding:18px 30px 20px}.preview-stage__heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:end;margin-bottom:14px;padding-bottom:10px;display:flex}.preview-stage__heading .eyebrow{order:2;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.preview-stage__heading h2{color:var(--color-accent);font-size:1rem}.preview-frame-region{border:1px solid var(--color-border);background:var(--color-brand-bg) url(/assets/brand/lab-grid-dark.png) repeat;background-size:256px 256px;border-radius:4px;min-height:0;padding:22px}.preview-shell{border-color:#3b4b55;border-radius:4px;box-shadow:0 10px 30px #0000003d}.preview-shell iframe{min-height:540px}.preview-controls{border:0;border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0;grid-area:controls;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(190px,auto);align-items:end;gap:8px 20px;margin:0;padding:10px 20px;display:grid}.preview-controls legend{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-controls label{color:var(--color-text-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-size:.85rem}.preview-controls select{background:var(--color-surface-subtle)}.preview-controls .secondary-button{min-width:190px}.preview-status{grid-column:1/-1;min-height:1.4em;margin:0;font-size:.75rem}.code-panel{order:initial;border-left:1px solid var(--color-border);grid-area:code;align-content:start;padding:28px 20px 24px;overflow:auto}.code-panel>.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.code-panel>.section-heading .eyebrow{order:2;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.code-panel>.section-heading h2{font-size:1rem}.code-artifact-tabs{border-bottom:1px solid var(--color-border);gap:4px;min-width:0;display:flex;overflow-x:auto}.code-artifact-tabs[hidden]{display:none}.code-artifact-tab{min-height:44px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 14px;font-weight:800}.code-artifact-tab:hover{color:var(--color-text)}.code-artifact-tab[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-accent)}.code-artifact{padding-top:16px}.code-artifact+.code-artifact{border:0;margin:0}.code-artifact__header{align-items:center}.code-artifact__header h3{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.required-changes{border-left-color:var(--color-code-lime);background:var(--color-surface-subtle)}.code-panel pre{background:#080e13;border-radius:4px;max-height:610px}.code-panel pre code{color:#d9e7ec}.recipe-guidance{width:min(100% - 40px,1120px);margin:56px auto 72px}.recipe-related-guides{width:min(100% - 40px,1120px);margin:0 auto 72px}@media (width<=760px){.guide-grid,.related-card-grid{grid-template-columns:1fr}}.recipe-guidance .constraint-grid{margin-top:0}.recipe-guidance .constraint-grid section{border-left-color:var(--color-accent)}@media (width>=1216px){.recipe-workbench{grid-template:"context intro code""context preview code"minmax(0,1fr)"controls controls controls"/280px minmax(520px,1fr) minmax(400px,.82fr)}.recipe-context{max-height:calc(100vh - 160px);position:static}.code-panel{max-height:calc(100vh - 160px)}}@media (width<=1215px){.site-main--workbench{width:min(100% - 32px,1024px);padding-block:28px 56px}.recipe-workbench{border:1px solid var(--color-border);border-radius:8px;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);grid-template-areas:"intro intro""context preview""code code""controls controls";overflow:hidden}.recipe-context,.code-panel{max-height:none;position:static}.preview-shell iframe{min-height:540px}.code-panel{border-top:1px solid var(--color-border);border-left:0}}@media (width<=760px){.site-header__inner{padding-inline:16px}.site-brand img{width:205px;height:41px}.global-nav a{padding:10px 6px;font-size:clamp(.75rem,3.8vw,.88rem)}.global-nav{justify-content:space-between;gap:0}.site-main--workbench{width:min(100% - 24px,680px);padding-block:20px 44px}.recipe-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""context""preview""controls""code"}.recipe-intro,.recipe-context,.preview-stage,.code-panel{padding:20px}.recipe-context{border-right:0;border-bottom:1px solid var(--color-border)}.recipe-license-summary .definition-table{max-width:22rem}.preview-frame-region{padding:12px}.preview-shell iframe{min-height:520px}.preview-controls{grid-template-columns:1fr;padding:18px}.preview-controls label{grid-template-columns:1fr;gap:4px}.preview-controls .secondary-button{width:100%;min-width:0}.code-panel>.section-heading{align-items:start}.recipe-guidance{width:min(100% - 24px,680px);margin-block:40px 56px}.recipe-related-guides{width:min(100% - 24px,680px);margin-bottom:56px}}@media (width<=360px){.site-header__inner{width:100%}.site-brand img{width:178px;height:36px}.site-main--workbench{width:min(100% - 16px,344px)}.recipe-intro,.recipe-context,.preview-stage,.code-panel{padding:16px}.guide-card,.related-card{padding:14px}.preview-controls{padding:16px}}.recipe-grid{grid-template-columns:1fr}@media (width>=640px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1216px){.recipe-workbench{grid-template:"intro intro""context context""preview code"minmax(0,1fr)"controls controls"/minmax(0,1.15fr) minmax(390px,.85fr)}.recipe-context{gap:0 var(--space-6);border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);max-height:none;padding:14px 30px;display:grid;overflow:visible}.recipe-context__heading,.recipe-context .recipe-switcher,.recipe-context .context-nav,.recipe-context .recipe-state-guide{display:none}.recipe-license-summary,.recipe-dependency-summary{border-bottom:0;padding-block:12px}}@media (width<=760px){.global-nav--desktop{display:none}.mobile-navigation{display:block}}.recipe-supporting{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100% - 40px,1120px);margin:56px auto 0;display:grid}.recipe-supporting .context-nav,.recipe-supporting .recipe-state-guide,.recipe-supporting .recipe-switcher{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;display:block}.recipe-supporting .recipe-switcher ul{max-height:22rem;overflow:auto}@media (width<=760px){.recipe-supporting{grid-template-columns:1fr;width:min(100% - 24px,680px);margin-top:40px}}