/* One neutral palette. The published example images supply the color. */
:root,body,body.lab-preview{--ink:#f2f0e9;--text:#f2f0e9;--muted:#b9bcc4;--paper:#161a22;--surface:#20252f;--warm:#1b2029;--line:#3b414c;--strong:#69717e;--brand:#f2f0e9;--dark:#f2f0e9;--soft:#242a35;--teal:#f2f0e9;--max:1180px;color-scheme:dark}
html{scroll-behavior:auto}body,body.lab-preview{background:#161a22;color:#f2f0e9;font-family:'Zen Kaku Gothic New',sans-serif;font-size:17px;line-height:1.85}h1,h2,h3,h4{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;color:#f2f0e9;letter-spacing:0;overflow-wrap:anywhere}h1{line-height:1.45}a{color:inherit;text-underline-offset:5px}button,input,select,textarea,summary{font-family:'Zen Kaku Gothic New',sans-serif}button,a{touch-action:manipulation}img{max-width:100%}[hidden]{display:none!important}.numeric,time,.recipe-number,.setting,code,pre{font-variant-numeric:tabular-nums}code,pre,.numeric{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.numeric{font-size:.92em}
:is(body,body.lab-preview) .site-header{position:relative;background:#161a22;border-bottom:1px solid var(--line);padding:0;box-shadow:none;backdrop-filter:none;display:block}.site-header .nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px;padding-block:16px}.site-header .brand,.redesign-footer .brand{font-size:25px;font-weight:700;color:var(--ink);letter-spacing:-.04em;text-decoration:none}.site-header .nav-links{display:flex;align-items:center;gap:28px;font-size:15px}.site-header .nav-links a{color:var(--ink);text-decoration:none;white-space:nowrap}.site-header .nav-links a:hover{text-decoration:underline}.site-header .mobile-nav{display:none}.site-header .mobile-nav summary{background:#f2f0e9;color:#161a22;min-height:44px;padding:8px 14px;border:0;border-radius:3px;font-weight:700;cursor:pointer}.site-header .mobile-nav nav{background:var(--surface);border:1px solid var(--line);padding:12px;position:absolute;right:16px;top:68px;z-index:20;min-width:190px;display:grid;gap:5px}.site-header .mobile-nav nav a{padding:10px;text-decoration:none}.site-ad-notice{font-size:12px;color:var(--muted);margin-block:16px}
:is(body,body.lab-preview) .button,:is(body,body.lab-preview) button:not(.card-image),:is(body,body.lab-preview) .primary-button,:is(body,body.lab-preview) .secondary-button,:is(body,body.lab-preview) .ad-creative>a{background:#f2f0e9!important;color:#161a22!important;border:1px solid #f2f0e9!important;border-radius:3px;box-shadow:none;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}:is(body,body.lab-preview) button:disabled{opacity:.4;cursor:default}:is(body,body.lab-preview) button[aria-pressed=true]{outline:2px solid #f2f0e9;outline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #f2f0e9!important;outline-offset:4px}:is(body,body.lab-preview) input,:is(body,body.lab-preview) select,:is(body,body.lab-preview) textarea{background:#20252f;color:#f2f0e9;border:1px solid var(--strong)}:is(body,body.lab-preview) input::placeholder,:is(body,body.lab-preview) textarea::placeholder{color:#b9bcc4}
:is(body,body.lab-preview) .site-footer,:is(body,body.lab-preview) footer{background:#161a22;color:var(--ink);border-top:1px solid var(--line);padding:42px 0;display:block}.redesign-footer{display:grid;gap:15px}.redesign-footer p,.redesign-footer small{margin:0;color:var(--muted);font-size:13px}.redesign-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px}.redesign-footer a{color:inherit}
:is(body,body.lab-preview) .section,:is(body,body.lab-preview) .section.alt,:is(body,body.lab-preview) .hero,:is(body,body.lab-preview) .lab-hero,:is(body,body.lab-preview) .lab-workflow-section{background:#161a22;color:var(--ink)}:is(body,body.lab-preview) .eyebrow,:is(body,body.lab-preview) .section-kicker,:is(body,body.lab-preview) .lab-image-label,:is(body,body.lab-preview) .brand>span{display:none}:is(body,body.lab-preview) .lab-card,:is(body,body.lab-preview) .card,:is(body,body.lab-preview) .recipe-card,:is(body,body.lab-preview) .shelf-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden}:is(body,body.lab-preview) .lab-card .lab-badges,:is(body,body.lab-preview) .recipe-card .card-eyebrow,:is(body,body.lab-preview) .recipe-card .recipe-tags{display:none}.lab-card .lab-card-body{padding:18px 0}.lab-card-image{position:relative;display:block;background:var(--surface);overflow:hidden}.lab-card-image img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%}.cover-title{position:absolute;left:0;right:0;bottom:0;padding:36px 16px 14px;background:linear-gradient(transparent,#000d);color:#fff;font-size:19px;font-weight:700;line-height:1.5}.lab-grid{row-gap:45px}:is(body,body.lab-preview) .lab-badge,:is(body,body.lab-preview) .asset-kind,:is(body,body.lab-preview) .tag,:is(body,body.lab-preview) .category{background:var(--surface);color:var(--muted);border-color:var(--line)}:is(body,body.lab-preview) .asset-kind{display:none}:is(body,body.lab-preview) .notice,:is(body,body.lab-preview) .lab-notice,:is(body,body.lab-preview) .disclosure,:is(body,body.lab-preview) .key-facts,:is(body,body.lab-preview) .toc,:is(body,body.lab-preview) .mobile-toc,:is(body,body.lab-preview) .lab-article-toc,:is(body,body.lab-preview) .lab-learning-path,:is(body,body.lab-preview) .home-finder,:is(body,body.lab-preview) .editorial-box,:is(body,body.lab-preview) .author-card,:is(body,body.lab-preview) .product-sidebar,:is(body,body.lab-preview) .checkpoint-takeaways,:is(body,body.lab-preview) .checkpoint-intro{background:var(--surface);color:var(--ink);border-color:var(--line)}:is(body,body.lab-preview) .disclosure-ad{border-left:3px solid var(--strong)}:is(body,body.lab-preview) table,:is(body,body.lab-preview) th,:is(body,body.lab-preview) td,:is(body,body.lab-preview) blockquote,:is(body,body.lab-preview) .table-wrap{background:var(--surface);color:var(--ink);border-color:var(--line)}:is(body,body.lab-preview) th{background:#292f3a}:is(body,body.lab-preview) .article p,:is(body,body.lab-preview) .article li,:is(body,body.lab-preview) .article .lead{color:var(--ink)}:is(body,body.lab-preview) .lab-note,:is(body,body.lab-preview) .lab-term-help,:is(body,body.lab-preview) .meta{color:var(--muted)}:is(body,body.lab-preview) .lab-term,:is(body,body.lab-preview) abbr{color:var(--ink)}:is(body,body.lab-preview) [role=tooltip]{background:#f2f0e9;color:#161a22;border-color:#f2f0e9}:is(body,body.lab-preview) pre,:is(body,body.lab-preview) .model-placement{background:#11151c;color:#f2f0e9;border-color:var(--line)}:is(body,body.lab-preview) .affiliate-cta,:is(body,body.lab-preview) .inline-related-ad,:is(body,body.lab-preview) .banner-ad{background:var(--surface);color:var(--ink);border-color:var(--line)}:is(body,body.lab-preview) .affiliate-cta strong,:is(body,body.lab-preview) .banner-label,:is(body,body.lab-preview) .inline-related-ad .ad-label{color:var(--ink)}:is(body,body.lab-preview) .ad-creative{max-width:100%;overflow-wrap:anywhere}:is(body,body.lab-preview) .ad-creative>a img{display:inline}:is(body,body.lab-preview) .pc-use-story{background:var(--surface);color:var(--ink);border-color:var(--line)}:is(body,body.lab-preview) .pc-story-note,:is(body,body.lab-preview) .pc-story-help,:is(body,body.lab-preview) .pc-story-eyebrow,:is(body,body.lab-preview) .pc-story-next,:is(body,body.lab-preview) .pc-story-rail figcaption{color:var(--muted)}:is(body,body.lab-preview) .pc-story-rail figure,:is(body,body.lab-preview) .pc-story-transcript{background:var(--surface);border-color:var(--line)}:is(body,body.lab-preview) .pc-story-rail{scrollbar-color:var(--strong) var(--surface)}
.redesign-home{overflow:clip}.home-first{padding:30px 0 60px}.home-first-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.home-intro h1{font-size:clamp(29px,3.3vw,43px);margin:0 0 22px;line-height:1.45;letter-spacing:-.02em} .home-title-end{display:inline-block}.home-intro>p{font-size:16px;margin:0 0 25px}.home-intro .home-help{margin:20px 0 0}.home-help{font-size:13px!important;color:var(--muted);line-height:1.8}.home-gallery{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:490px;min-width:0}.home-gallery-pick{position:relative;display:block;overflow:hidden;min-width:0;min-height:0;background:var(--surface);text-decoration:none}.home-gallery-pick img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform .2s}.home-gallery-pick:hover img{transform:scale(1.025)}.home-gallery-pick>span{position:absolute;inset:auto 0 0;padding:30px 10px 12px;background:linear-gradient(transparent,#000c);font-size:12px;font-weight:700;line-height:1.5;color:#fff}.home-gallery-pick.pick-1{grid-row:1/3}.home-section{padding:60px 0;border-top:1px solid var(--line)}.home-section h2{font-size:clamp(24px,2.4vw,31px);margin:0 0 25px;line-height:1.5}.home-heading{display:flex;gap:20px;align-items:baseline;justify-content:space-between;margin-bottom:26px}.home-heading h2{margin:0}.home-heading>a{font-size:14px;white-space:nowrap}.home-themes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.home-themes a{display:block;text-decoration:none}.home-themes img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;display:block}.home-themes h3{font-size:18px;margin:15px 0 4px}.home-themes p{font-size:12px;color:var(--muted);margin:0}.home-workflow{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.home-workflow p{max-width:620px}.home-text-link{display:inline-block;margin:15px 0 0 18px;font-size:14px}.home-node-flow{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-node-flow li{border:1px solid var(--strong);padding:25px 12px;text-align:center;font-weight:700;font-size:16px}.home-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}.home-steps>li>span{font-family:ui-monospace,Consolas,monospace;color:var(--muted);font-size:18px}.home-steps h3{font-size:18px;line-height:1.6;margin:12px 0 8px}.home-steps p{font-size:13px;color:var(--muted);margin:0}.home-pc-ad{display:grid;grid-template-columns:1fr;gap:20px;padding:28px;margin-top:40px;background:var(--surface);border:1px solid var(--line)}.home-pc-ad h3{font-size:21px;margin:8px 0 12px}.home-pc-ad p{font-size:14px;max-width:850px}.home-pc-ad .pr-label{font-size:12px;font-weight:700;margin:0}.home-manga{border-top:1px solid var(--line);padding-top:15px;min-width:0}.home-manga summary{cursor:pointer;font-size:14px}.home-manga-rail{max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory}.home-manga-rail ol{list-style:none;margin:15px 0;padding:0;display:flex;gap:15px}.home-manga-rail li{flex:0 0 100%;scroll-snap-align:start;text-align:center}.home-manga-rail img{width:min(100%,380px);height:auto}.home-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px}.home-comparison figure{margin:0}.home-comparison img{width:100%;display:block;aspect-ratio:1;object-fit:contain;background:var(--surface)}.home-comparison figcaption{font-size:14px;margin-top:10px}.home-section#compare>div>p{font-size:15px;max-width:850px}.home-latest{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:0}.home-latest li{display:grid;grid-template-columns:120px 1fr;column-gap:26px;padding:25px 0;border-bottom:1px solid var(--line)}.home-latest time{font-family:ui-monospace,Consolas,monospace;color:var(--muted);font-size:13px;grid-row:1/3}.home-latest h3{font-size:20px;margin:0;line-height:1.6}.home-latest p{font-size:14px;color:var(--muted);margin:10px 0 0}
.cover-text{aspect-ratio:16/10;border:1px solid var(--line)}.cover-text .cover-title{background:none;inset:0;display:flex;align-items:end;padding:24px;font-size:24px}
.home-recipe-dialog{padding:0;border:1px solid var(--strong);border-radius:4px;background:#161a22;color:var(--ink);width:min(1140px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 100px #0008}.home-recipe-dialog::backdrop{background:#080a10cc}.home-dialog-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:0}.home-dialog-layout>figure{margin:0;padding:50px 25px 25px;background:var(--surface)}.home-dialog-layout>figure img{width:100%;height:auto;object-fit:contain;display:block;max-height:78vh}.home-dialog-layout figcaption{font-size:12px;color:var(--muted);margin-top:15px}.home-dialog-copy{min-width:0;padding:55px 32px 32px}.home-dialog-copy h2{font-size:26px;margin:0 0 18px;line-height:1.5}.home-dialog-copy p{font-size:14px} .home-dialog-bar{position:sticky;top:0;height:0;z-index:3}.home-dialog-close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;font-size:25px!important;padding:0!important}.home-limits{border:1px solid var(--strong);padding:15px;margin:20px 0}.home-limits summary{font-weight:700;font-size:14px;cursor:pointer}.home-limits p{margin-bottom:0}.home-settings{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:25px 0}.home-settings>div{padding:10px 14px;background:var(--surface);min-width:0}.home-settings>div:first-child{grid-column:1/-1}.home-settings dt{font-size:11px;color:var(--muted)}.home-settings dd{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere}.home-prompt{margin:25px 0}.home-prompt h3{font-size:15px;margin:0 0 10px}.home-prompt pre{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--line);margin:0 0 12px}.home-detail-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px}
.home-manga-controls{display:flex;align-items:center;gap:15px;margin-top:18px}.home-manga-controls span{font-family:ui-monospace,Consolas,monospace;font-size:13px}
/* Existing catalog functionality and saved shelves are untouched. */
:is(body,body.lab-preview) .checkpoint-intro-art{background:var(--surface);border-color:var(--line)}:is(body,body.lab-preview) .checkpoint-intro-art figcaption{background:var(--surface);color:var(--muted)}
:is(body,body.lab-preview) .use-card{background:var(--surface);color:var(--ink);border-color:var(--line)}:is(body,body.lab-preview) .article .checkpoint-takeaways h2{color:var(--ink)}
/* Keep legacy wide tables inside the article while retaining their native horizontal scroll. */
:is(body,body.lab-preview) .article .table-wrap{margin-inline:0}
:is(body,body.lab-preview) .lab-card:nth-child(n){background:transparent;border:0;border-radius:0;box-shadow:none}:is(body,body.lab-preview) .lab-learning-path a{color:var(--ink)}
:is(body,body.lab-preview) .lab-card-image{background:var(--surface);padding:0}:is(body,body.lab-preview) .lab-card-image img{background:var(--surface);object-fit:cover;border-radius:0}:is(body,body.lab-preview) .lab-card-body{background:transparent;border-top:0}:is(body,body.lab-preview) .lab-learning-path{background:var(--surface)}:is(body,body.lab-preview) .lab-reading-next,:is(body,body.lab-preview) .article blockquote{background:var(--surface);color:var(--ink);border-color:var(--strong)}:is(body,body.lab-preview) .pc-use-story .pc-story-eyebrow,:is(body,body.lab-preview) .pc-use-story .pc-story-note,:is(body,body.lab-preview) .pc-use-story .pc-story-help,:is(body,body.lab-preview) .pc-use-story .pc-story-next,:is(body,body.lab-preview) .inline-related-ad .inline-ad-label,:is(body,body.lab-preview) .banner-ad .banner-label{color:var(--muted)}:is(body,body.lab-preview) .home-finder input{background:var(--surface);color:var(--ink)}
:is(body,body.lab-preview) .wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}:is(body,body.lab-preview) .skip-link,:is(body,body.lab-preview) .skip{background:#f2f0e9;color:#161a22}:is(body,body.lab-preview) .image-note{display:none}:is(body,body.lab-preview) .image-action{background:#f2f0e9;color:#161a22}:is(body,body.lab-preview) .count-label,:is(body,body.lab-preview) .empty-state,:is(body,body.lab-preview) .shelf-badge{background:var(--surface);color:var(--muted);border-color:var(--line)}:is(body,body.lab-preview) .toast{background:#f2f0e9;color:#161a22}
:is(body,body.lab-preview) .prompt-discovery,:is(body,body.lab-preview) .prompt-theme-directory,:is(body,body.lab-preview) .prompt-page-index{--discovery-paper:#161a22;--discovery-ink:#f2f0e9;--discovery-text:#f2f0e9;--discovery-muted:#b9bcc4;--discovery-line:#3b414c;--discovery-accent:#f2f0e9}:is(body,body.lab-preview) .prompt-result,:is(body,body.lab-preview) .prompt-settings,:is(body,body.lab-preview) .prompt-code-section,:is(body,body.lab-preview) .prompt-example,:is(body,body.lab-preview) .prompt-example-image,:is(body,body.lab-preview) .prompt-theme-links a,:is(body,body.lab-preview) .prompt-theme-links img{background:var(--surface);border-color:var(--line)}:is(body,body.lab-preview) .prompt-observed-limit{border-color:var(--strong)}:is(body,body.lab-preview) .prompt-discovery .prompt-button,:is(body,body.lab-preview) .prompt-discovery .prompt-button-secondary{background:#f2f0e9!important;color:#161a22!important;border-color:#f2f0e9!important;min-height:44px;border-radius:3px}:is(body,body.lab-preview) .prompt-discovery-status:not(:empty){background:#f2f0e9;color:#161a22}
[data-ui-library] .hero-image-pair{min-height:0}[data-ui-library] .hero-choices{align-items:stretch;margin-top:18px}[data-ui-library] .hero .primary-button{margin-top:0}[data-ui-library] .hero h1{white-space:normal}[data-ui-library] .hero{padding-top:32px;gap:30px}[data-ui-library] .hero-image-pair img{height:340px;aspect-ratio:auto;object-fit:cover;object-position:center 25%}[data-ui-library] .hero-visual figcaption{padding:12px 16px}.library-themes{border-bottom:1px solid var(--line);font-size:13px;padding:18px 0}.library-themes>summary{cursor:pointer;font-weight:700}.library-themes .prompt-theme-directory{border:0;margin:0;padding-bottom:0}[data-ui-library] .section-block#recipes{padding-top:28px}[data-ui-library] .subject-tabs{padding:10px 0}
@media(max-width:760px){:is(body,body.lab-preview) .wrap{width:calc(100% - 32px)}[data-ui-library] .hero-image-pair img{height:220px}[data-ui-library] .hero{gap:20px;padding-bottom:22px}[data-ui-library] .hero-lead{margin-top:14px}[data-ui-library] .hero .primary-button{margin-top:0}[data-ui-library] .hero-visual figcaption{padding:9px 12px}}
:is(body,body.lab-preview) .hero-visual,:is(body,body.lab-preview) .detail-visual,:is(body,body.lab-preview) .settings-grid,:is(body,body.lab-preview) .setting,:is(body,body.lab-preview) .prompt-block,:is(body,body.lab-preview) .prompt-parts,:is(body,body.lab-preview) .lab-top,:is(body,body.lab-preview) .lab-bottom,:is(body,body.lab-preview) .shelf-toolbar,:is(body,body.lab-preview) .filter-tabs,:is(body,body.lab-preview) .filters,:is(body,body.lab-preview) .subject-tabs{background:var(--surface);color:var(--ink);border-color:var(--line)}:is(body,body.lab-preview) .recipe-card .card-body{padding-inline:0}.recipe-card .card-image{border-radius:0;background:var(--surface)}:is(body,body.lab-preview) .recipe-card .card-image img{object-fit:contain}:is(body,body.lab-preview) .hero-visual figcaption,:is(body,body.lab-preview) .source-note,:is(body,body.lab-preview) .detail-footnote{color:var(--muted);background:var(--surface)}:is(body,body.lab-preview) .hero-visual{box-shadow:none;border-radius:0}:is(body,body.lab-preview) .hero-description,:is(body,body.lab-preview) .hero-lead,:is(body,body.lab-preview) .hero-copy,:is(body,body.lab-preview) .hero-stats strong,:is(body,body.lab-preview) .prompt-parts strong{color:var(--ink)}:is(body,body.lab-preview) .detail-copy,:is(body,body.lab-preview) .limits-section,:is(body,body.lab-preview) dialog,:is(body,body.lab-preview) .scope-note{color:var(--ink);background:var(--paper);border-color:var(--line)}:is(body,body.lab-preview) .recipe-card .card-actions{border-top:1px solid var(--line);padding-top:15px}:is(body,body.lab-preview) .hero-image-pair>div>span{display:none}.library-scope{font-size:13px;border-block:1px solid var(--line);padding:18px 0;margin:15px 0 25px;color:var(--muted)}.library-scope summary{cursor:pointer;font-weight:700}:is(body,body.lab-preview) .hero h1{font-size:clamp(29px,3.3vw,43px);line-height:1.45}.articles-intro{max-width:760px}.article-index{list-style:none;padding:0;margin:35px 0}.article-index li{border-bottom:1px solid var(--line);padding:20px 0}.article-index h2{font-size:20px;line-height:1.6;margin:0 0 8px}.article-index p{font-size:14px;color:var(--muted);margin:0}.article-index time{display:block;font-size:12px;color:var(--muted);margin-top:10px}
@media(max-width:1000px){.home-first-grid{gap:25px;grid-template-columns:1fr 1fr}.home-gallery{height:430px}.home-themes{gap:14px}.home-steps{gap:18px}.home-workflow{gap:30px}.site-header .nav-links{gap:18px;font-size:13px}.home-intro h1{font-size:34px}}
@media(max-width:760px){.site-header .nav{min-height:72px;padding-block:12px}.site-header .nav-links{display:none}.site-header .mobile-nav{display:block}.home-first{padding:22px 0 36px}.home-first-grid{grid-template-columns:1fr;gap:25px}.home-intro h1{font-size:32px;max-width:620px}.home-intro>p{font-size:15px;margin-bottom:20px}.home-intro .home-help{font-size:12px!important;margin-top:15px}.home-gallery{height:330px}.home-section{padding:38px 0}.home-heading{gap:14px;align-items:start}.home-heading h2{font-size:24px}.home-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.home-themes h3{font-size:15px}.home-themes p{font-size:11px}.home-workflow{grid-template-columns:1fr;gap:22px}.home-node-flow{margin:0;gap:12px}.home-node-flow li{padding:18px 8px;font-size:14px}.home-steps{grid-template-columns:1fr;gap:0}.home-steps li{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.home-steps h3{margin:0 0 6px}.home-steps>li>span{padding-top:2px}.home-pc-ad{padding:20px;margin-top:28px}.home-pc-ad h3{font-size:20px}.home-comparison{gap:15px}.home-comparison figcaption{font-size:12px}.home-latest li{grid-template-columns:1fr;padding:20px 0;gap:8px}.home-latest time{grid-row:auto}.home-latest h3{font-size:18px}.home-latest p{font-size:13px;margin-top:0}.home-recipe-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.home-dialog-layout{grid-template-columns:1fr}.home-dialog-layout>figure{padding:55px 18px 18px}.home-dialog-layout>figure img{max-height:230px}.home-dialog-layout figcaption{font-size:11px;margin-top:8px}.home-dialog-copy{padding:22px 18px}.home-dialog-copy h2{font-size:23px}.home-dialog-copy .button{width:100%}.home-text-link{margin:15px 0 0;display:block}.redesign-footer nav{gap:12px 18px}.redesign-footer .brand{font-size:24px}}
@media(max-width:430px){.home-intro h1{font-size:29px}.home-gallery{height:285px;gap:5px}.home-gallery-pick>span{font-size:10px;padding:25px 7px 8px}.home-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section h2{font-size:23px}.home-heading>a{font-size:12px}.home-help{font-size:12px!important}.home-comparison{gap:10px}.home-pc-ad{padding:16px}.home-pc-ad p{font-size:13px}.home-settings>div{padding:10px}.home-settings dd{font-size:12px}.home-detail-links{font-size:12px}.site-header .brand{font-size:23px}:is(body,body.lab-preview) .article h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Owner follow-up: actual workflow screenshot, compact unscaled comparison, symptoms before recent updates. */
/* Claude source-based design advisory, 2026-10-16: readable labels and early recipe navigation. */
.prompt-recipe-page>.prompt-section-nav{margin:0 0 24px;font-size:15px;padding:10px 0}
.prompt-recipe-page .prompt-reference-section[id]{scroll-margin-top:90px}
@media(max-width:760px){.home-gallery-pick>span{font-size:13px;line-height:1.4}.home-gallery-pick:not(.pick-1)>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-top:18px}.home-workflow .home-text-link{display:block;margin:12px 0 0;min-height:44px;line-height:44px}}
@media(max-width:430px){.home-gallery-pick>span{font-size:12px}}
.home-workflow{grid-template-columns:1fr 1fr;gap:40px}.home-workflow-screen{margin:0;min-width:0}.home-workflow-screen a{display:block}.home-workflow-screen img{width:100%;height:auto;display:block;border:1px solid var(--line)}.home-workflow-screen figcaption{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.home-comparison{grid-template-columns:repeat(2,minmax(0,256px));max-width:540px;gap:28px}.home-comparison img{width:100%;height:auto;aspect-ratio:auto;background:none;object-fit:contain}.home-comparison figcaption{font-size:14px;line-height:1.8}
.home-help,.home-intro .home-help{font-size:14px!important}.home-themes p,.home-steps p,.home-latest p{font-size:14px}.home-settings dt,.home-detail-links{font-size:13px}
.home-problems{list-style:none;margin:0 0 35px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.home-problems li{padding:20px 0;border-bottom:1px solid var(--line)}.home-problems h3{font-size:20px;line-height:1.6;margin:0 0 8px}.home-problems p{font-size:15px;color:var(--muted);margin:0}.home-recent-title{font-size:18px;margin:30px 0 0}.home-latest h4{font-size:17px;margin:0;line-height:1.7}.home-latest li{padding:18px 0}
:is(body,body.lab-preview) .site-ad-notice,:is(body,body.lab-preview) .inline-related-ad .inline-ad-label,:is(body,body.lab-preview) .inline-related-ad .ad-label,:is(body,body.lab-preview) .banner-ad .banner-label{font-size:15px;font-weight:700;color:var(--ink);line-height:1.7}
:is(body,body.lab-preview) .article-cover figcaption{font-size:14px;color:var(--muted);line-height:1.8}
@media(max-width:760px){.home-workflow{grid-template-columns:1fr;gap:24px}.home-problems{grid-template-columns:1fr}.home-problems h3{font-size:19px}.home-latest h4{font-size:17px}.home-comparison{gap:16px}.home-steps h3{font-size:18px}.home-themes p{font-size:13px}}
/* Claude/Codex editorial UI pass: distinguish browsing, learning and reference. */
.site-header :is(.nav-links,.mobile-nav nav) a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px;font-weight:700}
.site-header .mobile-nav nav a[aria-current]{background:var(--soft);box-shadow:inset 3px 0 0 var(--ink)}
.site-header .mobile-nav{flex-shrink:0}
.site-header .mobile-nav summary{display:inline-flex;align-items:center;white-space:nowrap;font-size:15px;list-style:none}
.site-header .mobile-nav summary::-webkit-details-marker{display:none}
.site-header .mobile-nav summary::after{content:"＋";margin-left:10px}
.site-header .mobile-nav[open] summary::after{content:"−"}
/* A catalog is a working surface, not a second landing page. */
body[data-ui-library] .hero{min-height:0;grid-template-columns:minmax(0,1fr) 260px;gap:32px;padding:28px 0 18px;border:0}
body[data-ui-library] .hero h1{font-size:34px;line-height:1.4;margin:0}
body[data-ui-library] .hero-lead{font-size:16px;font-weight:400;line-height:1.8;max-width:620px;margin:12px 0 0}
body[data-ui-library] .hero-choices{display:none}
body[data-ui-library] .hero-image-pair{min-height:0;gap:6px;grid-template-columns:1fr 1.4fr}
body[data-ui-library] .hero-image-pair img{height:142px}
body[data-ui-library] .hero-visual figcaption{display:none}
body[data-ui-library] :is(.library-scope,.library-themes){display:inline-block;vertical-align:top;width:calc(50% - 12px);padding:10px 0;margin:0 20px 0 0;border:0;font-size:14px;line-height:1.7}
body[data-ui-library] .library-themes{margin-right:0}
body[data-ui-library] :is(.library-scope,.library-themes)>summary{min-height:44px;padding-block:10px}
body[data-ui-library] .library-scope p{margin-block:12px}
body[data-ui-library] #recipes{padding-top:22px;border-top:1px solid var(--line)}
body[data-ui-library] #recipes>.section-heading{margin-bottom:18px;align-items:center}
body[data-ui-library] #recipes>.section-heading h2{font-size:24px}
body[data-ui-library] #recipes>.section-heading p{font-size:14px;line-height:1.7;margin-top:6px}
body[data-ui-library] .count-label{font-size:14px;border:0;border-radius:0;padding:0;background:none}
body[data-ui-library] .filter-label{font-size:13px;line-height:1.6;margin:0 0 8px;color:var(--muted)}
body[data-ui-library] :is(.subject-tabs,.filter-tabs){display:flex;flex-wrap:wrap;gap:8px;background:transparent;border:0;padding:0;margin:0 0 18px}
body[data-ui-library] :is(.subject-tabs,.filter-tabs) button{font-size:14px;min-height:44px;padding:9px 14px}
body[data-ui-library] :is(.subject-tabs,.filter-tabs) button:not([aria-pressed=true]){background:transparent!important;color:var(--ink)!important;border-color:var(--strong)!important;font-weight:500}
body[data-ui-library] :is(.subject-tabs,.filter-tabs) button:not([aria-pressed=true]):hover{border-color:var(--ink)!important}
body[data-ui-library] :is(.subject-tabs,.filter-tabs) button[aria-pressed=true]:not(:focus-visible){outline:0}
body[data-ui-library] :is(.subject-tabs,.filter-tabs) button[aria-pressed=true]::before{content:"✓";font-weight:700}
body[data-ui-library] .filters{display:block;border:0;border-radius:0;padding:0;margin:0;background:transparent}
body[data-ui-library] .filters label>span{font-size:14px;color:var(--muted);margin-bottom:4px}
body[data-ui-library] .filters input{font-size:17px;min-height:54px;padding:12px 16px;border:1px solid var(--strong);border-radius:3px}
body[data-ui-library] .library-refinements{margin-top:16px;border-block:1px solid var(--line);padding:0}
body[data-ui-library] .library-refinements>summary{font-size:15px;font-weight:700;cursor:pointer;min-height:48px;padding:10px 0}
body[data-ui-library] .library-refinement-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;margin:12px 0 20px}
body[data-ui-library] .library-refinement-fields select{font-size:15px;min-height:44px;border-radius:3px}
body[data-ui-library] .library-filter-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 24px;font-size:14px}
body[data-ui-library] .library-filter-status #reset-filters{padding:8px 0;background:transparent!important;color:var(--ink)!important;border:0!important;text-decoration:underline;font-weight:400}
/* Titles are labels, not identical white action buttons on every image. */
body[data-ui-library] .recipe-card h3 button{background:transparent!important;border:0!important;color:var(--ink)!important;padding:0;min-height:44px;justify-content:start;font-size:20px;text-align:left;line-height:1.6}
body[data-ui-library] .recipe-card .card-body p{font-size:14px;line-height:1.85}
body[data-ui-library] .recipe-card .card-meta{font-size:12px;border-color:var(--line)}
body[data-ui-library] .recipe-card .text-button{background:transparent!important;border:0!important;color:var(--ink)!important;padding-inline:0;text-decoration:underline}
body[data-ui-library] .recipe-card{transform:none;transition:none}
body[data-ui-library] .recipe-grid{gap:42px 24px}
/* Keep the six familiar sections, but give each a useful composition. */
.home-section#themes{padding-block:44px}
.home-section#workflow{background:var(--warm);border-top:0}
.home-section#workflow+.home-section{border-top:0}
.home-section#workflow .home-workflow-screen{border-left:1px solid var(--line);padding-left:30px}
.home-section#compare>.wrap{display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);column-gap:56px;align-items:center}
.home-section#compare>.wrap>h2{grid-column:1/-1}
.home-section#compare .home-comparison{grid-row:2/4}
.home-section#compare>.wrap>p{margin:0 0 16px;align-self:end}
.home-section#compare>.wrap>a{align-self:start}
.home-section#latest>.wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:56px;align-items:start}
.home-section#latest .home-heading{grid-column:1/-1}
.home-section#latest .home-problems{grid-row:2/4;grid-template-columns:1fr;margin:0}
.home-section#latest .home-recent-title{margin:20px 0 0;font-size:18px}
.home-section#latest .home-latest li{display:block}
.home-section#latest .home-latest time{display:block;margin-bottom:8px}
.home-section#latest .home-latest p{margin-top:8px}
/* Only direct article headings/paragraphs; nested ad and evidence boxes stay intact. */
body.lab-preview .article>h1{max-width:26em;margin-top:0;line-height:1.5;letter-spacing:0}
body.lab-preview .article>h2{margin:2.8em 0 .9em;padding-top:1.15em;border-top:1px solid var(--line);font-size:clamp(23px,2.4vw,28px);line-height:1.55}
body.lab-preview .article>h3{margin:2em 0 .7em;font-size:21px;line-height:1.6}
body.lab-preview .article>p{margin-block:0 1.3em;line-height:1.95}
body.lab-preview .article>.lab-article-toc{background:transparent;border:0;border-left:2px solid var(--strong);padding:5px 0 5px 18px;margin:24px 0}
body.lab-preview .article>.lab-article-toc summary{min-height:44px;display:flex;align-items:center;gap:10px}
body.lab-preview .article>.lab-article-toc summary::before{content:"＋";font-family:ui-monospace,monospace}
body.lab-preview .article>.lab-article-toc[open] summary::before{content:"−"}
body.lab-preview .article>.lab-article-toc a{font-size:15px;line-height:1.9;color:var(--muted)}
body.lab-preview .article>.lab-term-help{font-size:13px;color:var(--muted);margin-bottom:24px}
@media(max-width:1000px){.home-section#latest>.wrap,.home-section#compare>.wrap{column-gap:32px;grid-template-columns:1fr 1fr}.home-section#workflow .home-workflow-screen{padding-left:20px}}
@media(max-width:760px){
 body[data-ui-library] main{padding-inline:16px}
 body[data-ui-library] .hero{grid-template-columns:1fr;padding:24px 0 12px;gap:0}
 body[data-ui-library] .hero h1{font-size:29px}
 body[data-ui-library] .hero-lead{font-size:15px;margin-top:10px}
 body[data-ui-library] .hero-visual{display:none}
 body[data-ui-library] :is(.library-scope,.library-themes){width:100%;margin:0;padding:0;font-size:13px}
 body[data-ui-library] :is(.library-scope,.library-themes)>summary{padding-block:8px}
 body[data-ui-library] #recipes{padding-top:18px;margin-top:10px}
 body[data-ui-library] #recipes>.section-heading{gap:12px;flex-wrap:nowrap}
 body[data-ui-library] #recipes>.section-heading h2{font-size:23px}
 body[data-ui-library] :is(.subject-tabs,.filter-tabs){gap:8px}
 body[data-ui-library] :is(.subject-tabs,.filter-tabs) button{font-size:13px;padding-inline:12px;width:auto}
 body[data-ui-library] .library-refinement-fields{grid-template-columns:1fr;gap:12px}
 body[data-ui-library] .recipe-grid{row-gap:36px}
 .home-section#compare>.wrap,.home-section#latest>.wrap{display:block}
 .home-section#latest .home-recent-title{margin-top:38px}
 .home-section#workflow .home-workflow-screen{border-left:0;padding-left:0}
 body.lab-preview .article>h1{font-size:27px;line-height:1.55}
}

/* Policy review: CTA color and readable article bodies. */
:root{--accent:#2DD4BF}
:is(body,body.lab-preview) :is(.button,.primary-button,.prompt-button,[data-prompt-copy],[data-home-copy],.ad-creative>a,.affiliate-cta>a),:is(body,body.lab-preview) .prompt-discovery .prompt-button{background:var(--accent)!important;border-color:var(--accent)!important;color:#161A22!important}
body[data-page-kind="article"] main{--ink:#202631;--text:#202631;--muted:#505b68;--surface:#eef1f4;--line:#c5ccd4;--paper:#fafbf9;background:var(--paper);color:var(--ink);color-scheme:light}
body[data-page-kind="article"] main :is(.section,.section.alt){background:var(--paper);color:var(--ink)}
body[data-page-kind="article"] main :is(h1,h2,h3,h4){color:var(--ink)}
body[data-page-kind="article"] main th{background:#e3e8ed}
body[data-page-kind="article"] main :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #16675d!important;outline-offset:4px}
body[data-page-kind="article"] main>.section{padding-top:28px}
body[data-page-kind="article"] .content-grid>.article>h2:first-of-type{margin-top:24px;padding-top:12px}
.article-facts{font-size:14px;margin:10px 0}.article-facts summary{cursor:pointer}.article-facts .key-facts{padding:12px}
.prompt-recipe-overview{display:block!important}.prompt-result{max-width:600px;margin-inline:auto}.prompt-observation{margin-block:16px}.prompt-review-badge{display:inline-block;border:1px solid var(--line);padding:2px 10px;font-size:13px}