@charset "UTF-8";

/* Source: /learning-nav.css */
/* Shared learning-area navigation; keep the professional header independent. */
.learn-header-inner:has(.learning-nav),.resource-header-inner:has(.learning-nav),.model-header-inner:has(.learning-nav),.newsletter-header-inner:has(.learning-nav){flex-wrap:wrap;justify-content:space-between;gap:10px 28px;padding-block:16px}
.learning-navigation{flex:0 1 auto;min-width:0}
.learning-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;flex-shrink:1;min-width:0}
.learning-nav a{display:inline-flex;align-items:center;min-height:44px;color:#b9c7df;font-size:12px;line-height:1.5;padding:10px 0;white-space:nowrap}
.learning-nav a:hover{color:#fff}
.learning-nav a[aria-current="page"]{color:#e8ddff;border:1px solid #b89ce34d;background:#b89ce312;padding:8px 13px;border-radius:30px}
.learning-nav a:focus-visible,.learning-nav-toggle:focus-visible{outline:2px solid #bca4ff;outline-offset:5px;border-radius:5px}
.learning-nav-toggle{display:none}
@media(max-width:1280px){
  .learn-header-inner:has(.learning-nav),.resource-header-inner:has(.learning-nav),.model-header-inner:has(.learning-nav),.newsletter-header-inner:has(.learning-nav){min-height:76px;align-items:center;gap:12px;padding-block:12px}
  .learn-header .brand-name{display:inline;font-size:11px;max-width:none}
  .learning-navigation{width:100%}
  .learning-nav{width:100%;gap:2px 18px}
  .learning-nav a{font-size:13px;padding-block:8px}
  .learning-nav a[aria-current="page"]{padding:6px 11px}
  /* The expanded fallback keeps every destination available without JavaScript. */
  .learning-navigation[data-enhanced]{position:relative;flex:0 0 auto;width:auto;margin-left:auto}
  .learning-navigation[data-enhanced] .learning-nav-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;max-width:174px;padding:7px 12px;text-align:left;border:1px solid #8195bd66;border-radius:10px;background:#141c2e;color:#e6eafa;font:inherit;cursor:pointer}
  .learning-nav-toggle-copy{display:grid;gap:2px;min-width:0}
  .learning-nav-toggle-copy>span{font-size:10px;line-height:1.3;color:#afbdd5}
  .learning-nav-toggle-copy>strong{font-size:12px;line-height:1.4;font-weight:500}
  .learning-nav-chevron{font-size:20px;line-height:1;flex-shrink:0;transform:translateY(-2px)}
  .learning-nav-toggle[aria-expanded="true"] .learning-nav-chevron{transform:rotate(180deg) translateY(-2px)}
  .learning-navigation[data-enhanced] .learning-nav{position:absolute;right:0;top:calc(100% + 12px);z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(320px,calc(100vw - 40px));max-height:calc(100dvh - 115px);overflow-y:auto;padding:12px;border:1px solid #8297bd66;border-radius:14px;background:#101728;box-shadow:0 18px 50px #0009}
  .learning-navigation[data-enhanced] .learning-nav a{justify-content:flex-start;min-height:46px;padding:11px 13px;font-size:14px;white-space:normal;border-radius:8px}
  .learning-navigation[data-enhanced][data-open="false"] .learning-nav{display:none}
  .learning-navigation[data-enhanced] .learning-nav a[aria-current="page"]{padding:10px 12px}
  .learn-header-inner:has(.learning-navigation[data-enhanced]) .brand,.resource-header-inner:has(.learning-navigation[data-enhanced]) .brand,.model-header-inner:has(.learning-navigation[data-enhanced]) .brand,.newsletter-header-inner:has(.learning-navigation[data-enhanced]) .brand{flex:0 1 auto;min-width:0;gap:9px}
  .learn-header-inner:has(.learning-navigation[data-enhanced]) .brand-name,.resource-header-inner:has(.learning-navigation[data-enhanced]) .brand-name,.model-header-inner:has(.learning-navigation[data-enhanced]) .brand-name,.newsletter-header-inner:has(.learning-navigation[data-enhanced]) .brand-name{display:inline;font-size:11px;max-width:none}
  .learn-header-inner:has(.learning-navigation[data-enhanced]) .brand-mark,.resource-header-inner:has(.learning-navigation[data-enhanced]) .brand-mark,.model-header-inner:has(.learning-navigation[data-enhanced]) .brand-mark,.newsletter-header-inner:has(.learning-navigation[data-enhanced]) .brand-mark{flex-shrink:0}
}
@media(max-width:370px){
  .learn-header-inner:has(.learning-navigation[data-enhanced]) .brand-name,.resource-header-inner:has(.learning-navigation[data-enhanced]) .brand-name,.model-header-inner:has(.learning-navigation[data-enhanced]) .brand-name,.newsletter-header-inner:has(.learning-navigation[data-enhanced]) .brand-name{max-width:80px;line-height:1.5}
  .learning-navigation[data-enhanced] .learning-nav-toggle{max-width:150px;padding-inline:10px;gap:8px}
}
@media(forced-colors:active){.learning-nav a[aria-current="page"],.learning-navigation[data-enhanced] .learning-nav,.learning-navigation[data-enhanced] .learning-nav-toggle{border-color:ButtonText}.learning-nav a:focus-visible,.learning-nav-toggle:focus-visible{outline-color:Highlight}}

/* Source: /community.css */
.shop-reviews { padding-block: clamp(56px, 8vw, 104px); scroll-margin-top: 0; }
.reviews-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 64px); align-items: start; }
.review-overview, .review-form { border: 1px solid var(--line, #313345); border-radius: 20px; padding: clamp(22px, 3vw, 36px); background: rgba(255,255,255,.025); }
.review-summary { font-size: 1.15rem; font-weight: 600; margin: 0 0 24px; }
.review-empty { padding-block: 28px; }
.review-empty h3 { font-size: 1.35rem; line-height: 1.4; margin-block: 20px 12px; }
.review-empty p, .community-note, .review-form > p { color: var(--muted, #b6b7c7); line-height: 1.7; font-size: .9rem; }
.review-stars { color: #f3be6a; letter-spacing: .15em; font-size: 1.35rem; white-space: nowrap; }
.review-card + .review-card { border-top: 1px solid var(--line, #313345); margin-top: 26px; padding-top: 26px; }
.review-card { scroll-margin-top: 110px; }
.review-card:focus-visible { outline: 2px solid #c5a5ff; outline-offset: 5px; border-radius: 8px; }
.review-card-top { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.review-verified { color: #c1e8cd; border: 1px solid #6a9274; border-radius: 20px; padding: 4px 10px; font-size: .72rem; }
.review-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.75; }
.review-attribution { display: grid; gap: 5px; font-size: .82rem; color: var(--muted, #b6b7c7); }
.review-attribution strong { color: var(--text, #f1f0f7); font-size: .95rem; }
.review-form { display: grid; gap: 18px; }
.review-form h3 { margin: 0; font-size: 1.5rem; }
.review-form > p { margin: 0; }
.review-field { display: grid; gap: 8px; font-size: .88rem; }
.review-field input, .review-field select, .review-field textarea { width: 100%; min-width: 0; padding: 12px 14px; border: 1px solid #4c4e63; border-radius: 8px; background: #10121f; color: #f0eff7; font: inherit; line-height: 1.5; }
.review-field textarea { resize: vertical; min-height: 140px; }
.review-field small { color: var(--muted, #b6b7c7); }
.rating-field { border: 0; padding: 0; margin: 0; }
.rating-field legend { margin-bottom: 10px; font-size: .88rem; }
.rating-choices { display: flex; gap: 5px; align-items: center; }
.rating-option { position: relative; display: grid; place-items: center; width: 44px; height: 44px; cursor: pointer; border: 1px solid #4c4e63; border-radius: 8px; color: #9698ad; font-size: 1.5rem; }
.rating-option input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.rating-option[data-selected="true"] { color: #f3be6a; background: #f3be6a12; border-color: #b88942; }
.rating-option:focus-within { outline: 2px solid #c5a5ff; outline-offset: 3px; }
#rating-value { display: block; margin-top: 9px; font-size: .8rem; color: var(--muted, #b6b7c7); }
.review-consent { display: flex; align-items: flex-start; gap: 10px; font-size: .82rem; line-height: 1.6; }
.review-consent input { margin-top: 5px; flex: 0 0 auto; accent-color: #bb93f5; }
.review-privacy summary { font-size: .88rem; cursor: pointer; padding-block: 8px; }
.review-privacy .review-field { margin-block: 12px; }
.review-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.review-status { margin: 0; font-size: .88rem; line-height: 1.65; }
.review-status[data-state="success"] { color: #b4e9c7; }
.review-status[data-state="error"] { color: #ffb8b1; }
.review-form button:disabled { opacity: .6; cursor: wait; }
#review-more { margin-top: 24px; }
.review-jump { display: inline-block; margin-top: 14px; font-size: .9rem; color: #d5b8ff; text-underline-offset: 4px; }
.site-visits { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; width: fit-content; max-width: 100%; color: #b9c7de; font-size: .72rem; line-height: 1.6; }
.site-visits strong { color: #e5d7ff; font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.hero-content > .site-visits { margin-top: 12px; }
.resource-footer > .site-visits { flex: 0 1 auto; }
.site-visits noscript { font-size: .7rem; }
@media (max-width: 800px) { .reviews-layout { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .shop-reviews *, .site-visits * { scroll-behavior: auto; } }
.analytics-preferences{scroll-margin-top:110px}.analytics-choice{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.analytics-choice button{min-height:44px;padding:12px 18px;border:1px solid var(--line,#53617b);border-radius:12px;background:var(--surface-2,#edf0f5);color:var(--text,#182032);font:inherit;font-weight:600;cursor:pointer}.analytics-choice button:disabled{opacity:.6;cursor:default}.analytics-choice button:focus-visible{outline:3px solid var(--accent,#7147c8);outline-offset:4px}

/* Source: /theme-learning.css */
/* Light palettes for learning routes. Existing dark rules remain untouched. */
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page){
  color-scheme:light;
  background:var(--bg);
  color:var(--text);
  --resource-border:var(--line);
  --model-border:var(--line);
  --model-muted:var(--muted);
  --shop-muted:var(--muted);
}
html[data-theme="light"] .toolkit-page{color:var(--muted);color-scheme:light}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) :is(p,li,dd,dt,figcaption,blockquote,label,legend,small){color:var(--muted)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) :is(h1,h2,h3,h4,strong,b){color:var(--text)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) :is(h1,h2,h3,h4) a{color:var(--text)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) a:not(:where(.brand,.button,.shop-buy,.resource-download,.model-download)){color:var(--accent)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) a:not(:where(.brand,.button,.shop-buy,.resource-download,.model-download)):hover{color:var(--violet)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px}

/* Pale gradient text was designed for dark backgrounds; use solid ink here. */
html[data-theme="light"] :is(.learn-hero h1>span,.resource-hero h1>span,.shop-hero h1 span,.model-hero h1>span,.newsletter-hero h1,.interview-hero h1>span,.interview-lab-hero h1>span,.ebook-intro h1 span,.ebook-title span,.toolkit-index-intro h1 span){background:none;color:var(--violet);-webkit-text-fill-color:currentColor;text-shadow:none}

html[data-theme="light"] :is(.learn-header,.resource-header,.model-header,.newsletter-header,.interview-header){background:rgba(250,249,246,.96);border-color:var(--line)}
html[data-theme="light"] :is(.learn-header,.resource-header,.model-header,.newsletter-header,.interview-header) :is(.brand,.brand-name){color:var(--text)}
html[data-theme="light"] :is(.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer){border-color:var(--line);color:var(--muted)}
html[data-theme="light"] :is(.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer) :is(p,span,.brand-name){color:var(--muted)}
html[data-theme="light"] :is(.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer) a{color:var(--accent)}
html[data-theme="light"] :is(.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer) a:hover{color:var(--violet)}
html[data-theme="light"] :is(.learn-nav,.resource-nav,.model-nav,.learning-nav) a{color:var(--muted)}
html[data-theme="light"] :is(.learn-nav,.resource-nav,.model-nav,.learning-nav) a:hover{color:var(--violet)}
html[data-theme="light"] :is(.learn-nav,.resource-nav,.model-nav,.learning-nav) a[aria-current]{background:var(--surface-2);color:var(--violet);border-color:#d4ccdf}
/* Enhancement applies on desktop too; only the mobile dropdown is a panel. */
html[data-theme="light"] .learning-navigation[data-enhanced] .learning-nav{background:transparent;box-shadow:none}
html[data-theme="light"] .learning-nav-toggle-copy>span{color:var(--muted)}
html[data-theme="light"] .learning-nav-toggle-copy>strong{color:var(--text)}
html[data-theme="light"] .learning-nav-chevron{color:var(--violet)}
@media(max-width:1280px){
  html[data-theme="light"] .learning-navigation[data-enhanced] .learning-nav-toggle{background:var(--surface);border-color:#b7b3c2;color:var(--text);box-shadow:none}
  html[data-theme="light"] .learning-navigation[data-enhanced] .learning-nav{background:var(--surface);border-color:#d0cbd9;color:var(--text);box-shadow:0 10px 28px rgba(24,34,53,.09)}
}

/* White content cards, with separators that remain visible on off-white. */
html[data-theme="light"] :is(.learn-feature,.resource-card,.resource-sample,.resource-directory,.resource-collection,.shop-price-card,.shop-category,.shop-premium-preview details,.flagship-card,.ebook-shelf-card,.ebook-outcome,.ebook-panel,.ebook-preview-card,.ebook-catalog-card,.model-card,.model-setup-card,.newsletter-story,.newsletter-edition-card,.newsletter-sources details,.newsletter-empty,.interview-company-card,.interview-question-card,.interview-coding-card,.interview-list-basis,.interview-references,.interview-full-answer,.interview-exercise-reference,.interview-runner,.interview-empty,.toolkit-panel,.license-text){background:var(--surface);border-color:var(--line);box-shadow:0 4px 14px rgba(24,34,53,.035)}
html[data-theme="light"] :is(.resource-card,.model-card,.ebook-preview-card):hover{background:var(--surface);border-color:#adb5c5;box-shadow:0 8px 22px rgba(24,34,53,.065)}
html[data-theme="light"] :is(.resource-card,.model-card,.newsletter-story):target{border-color:var(--violet);box-shadow:0 0 0 3px #6840b21a}
html[data-theme="light"] :is(.learn-skills,.learn-interview-panel,.resource-bundle,.shop-status,.shop-price-featured,.flagship-collection,.ebook-purchase,.ebook-store-callout,.newsletter-digest,.newsletter-edition-note,.interview-practice-loop,.interview-lab-callout,.toolkit-purchase){background:linear-gradient(120deg,#fff,#f8f7fa);border-color:var(--line);box-shadow:0 5px 18px rgba(24,34,53,.035)}
html[data-theme="light"] :is(.shop-featured a,.learn-paths a,.interview-track-links>a){background:var(--surface);border-color:var(--line)}
html[data-theme="light"] :is(.shop-featured a,.learn-paths a,.interview-track-links>a):hover{background:#f5f4f8;border-color:#bcb4cd}
html[data-theme="light"] :is(.learn-overview,.interview-overview){background:transparent;border-color:var(--line)}
html[data-theme="light"] :is(.learn-overview,.interview-overview)>a{border-color:var(--line)}
html[data-theme="light"] :is(.learn-overview,.interview-overview) span{color:var(--muted)}
html[data-theme="light"] :is(.learn-overview,.interview-overview) strong{color:var(--text)}
html[data-theme="light"] :is(.learn-overview,.interview-overview) i{color:var(--accent)}
html[data-theme="light"] .learn-overview a:hover span{color:var(--violet)}
html[data-theme="light"] .shop-price-featured:before{background:var(--violet);color:var(--theme-on-primary)}
html[data-theme="light"] :is(.learn-feature,.resource-card,.model-card,.newsletter-digest,.interview-practice-loop,.learn-interview-panel):before{background:linear-gradient(90deg,#78959c55,#ad9bc655,transparent)}

/* Metadata and small text need the same contrast as prose. */
html[data-theme="light"] :is(.learn-eyebrow,.learn-section-index,.learn-resource-index,.learn-feature-note,.learn-visual-label,.learn-workflow-bottom,.learn-start-steps>li>span,.resource-eyebrow,.resource-breadcrumb,.resource-number,.resource-meta,.resource-list-meta,.resource-list-meta>span,.resource-details,.bundle-copy .eyebrow,.shop-eyebrow,.shop-version,.shop-section-heading .section-index,.shop-comparison .section-index,.shop-price-card>span,.shop-featured a span,.shop-category-price span,.flagship-body>.eyebrow,.flagship-body dt,.flagship-note,.ebook-meta,.ebook-price small,.ebook-footer-links,.ebook-preview-label,.ebook-catalog-count,.ebook-catalog-meta,.ebook-catalog-card .eyebrow,.model-eyebrow,.model-breadcrumb,.model-number,.model-meta,.model-hardware,.model-specs dt,.model-specs dd small,.model-list-meta,.model-list-meta>span,.model-list-meta>span>span,.model-step,.model-setup-type,.model-code-comment,.model-details dt,.model-file,.newsletter-eyebrow,.newsletter-byline,.newsletter-result-count,.newsletter-story-meta,.newsletter-publisher,.newsletter-headline-notice,.newsletter-permalink,.newsletter-edition-meta,.newsletter-edition-period,.newsletter-edition-signoff,.interview-eyebrow,.interview-result-count,.interview-card-track,.interview-question-company,.interview-company-country,.interview-company-top>span:last-child,.interview-card-meta>span:first-child,.interview-basis-note,.interview-runner-state,.interview-editor-help,.interview-exercise-picker>p,.interview-code-editor-label,.interview-exercise-reference summary small,.toolkit-note,.toolkit-requirements){color:var(--muted)}
html[data-theme="light"] :is(.learn-text-link span,.learn-portfolio-link span,.learn-paths a span,.resource-guide-link span,.resource-reset span,.resource-download svg,.resource-preview summary:after,.resource-how-to summary>span,.shop-status>span,.flagship-nodes b,.ebook-toc li:before,.ebook-preview-open,.model-text-link span,.model-reset span,.model-guide-link span,.model-details summary:after,.model-faqs summary:after,.newsletter-text-link span,.newsletter-summary-label,.newsletter-note-label,.newsletter-sources summary>span,.newsletter-edition-meta>span,.interview-text-link span,.interview-company-rank,.interview-track-links>a>span,.interview-page summary>span:last-child:not(:first-child),.interview-practice-loop li>span){color:var(--violet)}
html[data-theme="light"] :is(.interview-answer,.interview-answer-summary,.model-details,.resource-preview,.shop-pack-details,.ebook-excerpt,.newsletter-network,.interview-lab-problem){color:var(--muted)}
html[data-theme="light"] .resource-sample>p:not(.resource-access):not(.resource-meta),
html[data-theme="light"] .learn-interview-panel>div>p:not(.eyebrow):not(.learn-interview-note),
html[data-theme="light"] .interview-lab-callout>div>p:not(.interview-eyebrow):not(.interview-muted){color:var(--muted)}
html[data-theme="light"] .learn-facts li:before,
html[data-theme="light"] .resource-how-to li::marker,
html[data-theme="light"] .interview-answer li::marker{color:var(--violet)}
html[data-theme="light"] :is(.resource-preview summary,.resource-how-to summary,.shop-pack-details summary,.shop-faq summary,.shop-premium-preview summary,.model-details summary,.model-faqs summary,.newsletter-sources summary,.interview-list-basis summary,.interview-question-card>details>summary,.interview-exercise-reference>summary,.interview-test-reference>summary,.interview-solution-reference>summary,.toolkit-report summary){color:var(--text)}
html[data-theme="light"] :is(.interview-input-details>summary,.interview-runner-solution>summary,.interview-question-card>details[open]>summary){color:var(--violet)}
html[data-theme="light"] .interview-lab-problem>.interview-lab-prompt{color:var(--text)!important}
html[data-theme="light"] .interview-lab-problem .interview-complexity{color:var(--muted)!important}
html[data-theme="light"] .flagship-requirement{color:var(--muted)!important}

/* Badges use dark ink on softly tinted backgrounds, including category states. */
html[data-theme="light"] :is(.resource-category,.resource-tags span,.model-format,.model-tags span,.model-note-icon,.newsletter-topic,.interview-badge,.learn-access>span){background:#f3f1f7;border-color:#ddd7e6;color:var(--violet)}
html[data-theme="light"] .resource-card[data-category] .resource-category{background:#f0f5f7;border-color:#cfdee4;color:var(--accent)}
html[data-theme="light"] :is(.resource-access,.model-publisher){color:var(--violet)}
html[data-theme="light"] .model-setup-card:nth-child(2) .model-setup-type{color:var(--muted)}
html[data-theme="light"] :is(.resource-access-free,.learn-access>.learn-access-free,.model-availability){color:#196744}
html[data-theme="light"] .learn-access>.learn-access-free{background:#eaf6ef;border-color:#abd2b9}
html[data-theme="light"] .interview-company-tags .interview-badge{color:var(--violet)}
html[data-theme="light"] .interview-card-meta>.interview-badge{background:#f0f5f7;border-color:#cfdee4;color:var(--accent)}
html[data-theme="light"] .newsletter-story[data-content-kind="headline_only"] .newsletter-summary-label{color:var(--accent)}
html[data-theme="light"] :is(.model-availability.is-unavailable,.model-availability.is-unverified){color:#835019}

/* Controls retain a visible outline independent of their label. */
html[data-theme="light"] :is(.resource-controls,.model-controls,.newsletter-controls,.interview-controls,.interview-exercise-picker){background:var(--surface-2);border-color:var(--line)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page) :is(input,select,textarea){background:var(--surface);color:var(--text);border-color:#8994aa;caret-color:var(--violet);accent-color:var(--violet)}
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page) :is(input,textarea)::placeholder{color:var(--faint);opacity:1}
html[data-theme="light"] :is(.resource-controls,.model-controls,.newsletter-controls,.interview-controls) :is(input,select):hover{border-color:var(--violet)}
html[data-theme="light"] :is(.resource-search-input svg,.model-search-input svg){color:var(--muted)}
html[data-theme="light"] :is(.resource-reset,.model-reset,.newsletter-clear,.interview-clear,.interview-runner-reset,.interview-runner-stop,.model-more,.newsletter-more,.interview-more){background:var(--surface);border-color:#a9a1bb;color:var(--violet)}
html[data-theme="light"] :is(.resource-reset,.model-reset,.newsletter-more,.interview-more,.model-more):hover{background:#f3eff8;border-color:var(--violet)}
html[data-theme="light"] .interview-runner-stop{color:#9b2845;border-color:#c38c9b}
html[data-theme="light"] .ebook-catalog-controls [data-ebook-clear]{color:var(--violet)}
html[data-theme="light"] :is(.resource-download,.shop-buy,.model-download){background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-on-primary)}
html[data-theme="light"] :is(.resource-download,.shop-buy,.model-download) :is(span,svg){color:var(--theme-on-primary)}
html[data-theme="light"] :is(.resource-download,.shop-buy,.model-download):hover{background:var(--theme-primary-hover);border-color:var(--theme-primary-hover);color:var(--theme-on-primary)}
html[data-theme="light"] :is(.shop-buy:disabled,.model-download.is-disabled){background:#e8e9ef;border-color:#aab1c0;color:#536176}
html[data-theme="light"] :is(.shop-buy:disabled,.model-download.is-disabled) :is(span,svg){color:inherit}

/* Light code blocks and editor preserve exact code, without visual inversion. */
html[data-theme="light"] :is(.learn-page,.resources-page,.models-page,.newsletter-page,.interview-page,.toolkit-page) code{color:var(--theme-code-text)}
html[data-theme="light"] :is(.resource-preview pre,.model-setup-card pre,.interview-lab-callout-code,.interview-runner-output>pre,.interview-runner-solution pre,.interview-test-reference pre,.interview-solution-reference pre,.toolkit-page pre){background:var(--theme-code-bg);border-color:var(--line);color:var(--theme-code-text)}
html[data-theme="light"] :is(.resource-preview,.model-setup-card,.interview-page,.toolkit-page) pre code{background:transparent;color:inherit}
html[data-theme="light"] .interview-lab-callout-code pre{color:var(--theme-code-text)}
html[data-theme="light"] .interview-code-label{color:var(--muted);border-color:var(--line)}
html[data-theme="light"] .interview-page .interview-code-editor{background:var(--theme-code-bg);color:var(--theme-code-text);border-color:#8994aa}
html[data-theme="light"] .interview-input-details textarea{background:var(--theme-code-bg);color:var(--theme-code-text);border-color:#8994aa}
html[data-theme="light"] :is(.interview-test-reference,.interview-solution-reference){background:#f3f4fa;border-color:var(--line)}
html[data-theme="light"] .resource-how-to code{background:var(--theme-code-bg);color:var(--theme-code-text)}
html[data-theme="light"] [data-runner-results]{color:var(--text)}
html[data-theme="light"] [data-runner-results] :is(article,details,.interview-test-result){background:var(--surface);border-color:var(--line)}
html[data-theme="light"] [data-runner-results] :is(h4,summary){color:var(--text)}
html[data-theme="light"] [data-runner-results] pre{background:var(--theme-code-bg);color:var(--theme-code-text)}
html[data-theme="light"] [data-runner-results] [data-pass="true"]{border-color:#78ac8a;background:#f0f8f3}
html[data-theme="light"] [data-runner-results] [data-pass="true"] h4{color:#196744}
html[data-theme="light"] [data-runner-results] [data-pass="false"]{border-color:#c38c9b;background:#fff2f4}
html[data-theme="light"] [data-runner-results] [data-pass="false"] h4{color:#9b2845}
html[data-theme="light"] [data-runner-results] [data-pass="ungraded"]{border-color:#b5a3cf;background:#f4f0fa}
html[data-theme="light"] :is(.shop-compare-table,[data-runner-results] table) :is(th,td){border-color:var(--line);color:var(--text)}
html[data-theme="light"] :is(.shop-compare-table thead,[data-runner-results] th){background:var(--surface-2);color:var(--text)}

/* Section rules, nested details and information states. */
html[data-theme="light"] :is(.resource-library,.resource-use,.resource-how-to,.resource-preview,.resource-feedback,.resource-directory,.shop-faq,.shop-faq>details,.shop-premium-preview,.shop-compare-table th,.shop-compare-table td,.flagship-demo,.ebook-sections,.ebook-toc li,.ebook-faq details,.model-catalog-summary,.model-filter-notes,.model-specs,.model-details,.model-download-note,.model-setup,.model-about,.model-faqs details,.newsletter-latest,.newsletter-archive,.newsletter-sources,.newsletter-sources ul,.newsletter-return,.newsletter-network,.interview-practice,.interview-detail-section,.interview-lab-references,.interview-question-card>details,.interview-practice-loop li,.interview-input-details,.interview-runner-solution,.interview-runner-output,.interview-exercise-reference>div,.interview-return,.learn-start,.learn-start-steps>li,.learn-brief,.learn-return,.toolkit-section,.toolkit-report,.help-sections section){border-color:var(--line)}
html[data-theme="light"] :is(.model-load-note,[data-newsletter-edition-fallback],.flagship-metrics>div){background:var(--surface-2);border-color:var(--line);color:var(--muted)}
html[data-theme="light"] :is(.resource-empty,.resource-no-script,.ebook-catalog-empty,.model-empty){background:var(--surface);border-color:#b3b9c8;color:var(--muted)}
html[data-theme="light"] :is(.interview-original-note,.ebook-edition-note,.shop-premium-preview blockquote){border-color:#b8a0d5}
html[data-theme="light"] .shop-premium-preview blockquote{background:#f6f3fa}
html[data-theme="light"] .newsletter-editorial{border-color:#82aebb}
html[data-theme="light"] .newsletter-status{color:#196744;border-color:#75aa8b}
html[data-theme="light"] .newsletter-status:is([data-state="stale"],[data-state="partial"]){color:#835019;border-color:#b8863d}
html[data-theme="light"] .newsletter-status[data-state="unavailable"]{color:#9b2845;border-color:#c38c9b}
html[data-theme="light"] .toolkit-exception{border-color:#b497c6}
html[data-theme="light"] .ebook-price{color:var(--violet)}
html[data-theme="light"] .ebook-preview-page{background:var(--surface-2);border-color:var(--line)}
html[data-theme="light"] :is(.ebook-cover,.ebook-catalog-card-top>img,.ebook-store-callout img,.learn-book-cover){box-shadow:0 10px 22px rgba(31,34,53,.12);border-color:#d9d4e2}

/* CSS illustrations use pale paper, cyan and violet; image pixels stay intact. */
html[data-theme="light"] :is(.learn-art-sheet,.toolkit-paper,.shop-guide-layer,.model-art-backplate,.model-machine,.model-chip,.model-art-file,.toolkit-chip,.learn-art-stamp,.learn-workflow-file,.learn-model-chip,.learn-model-file){border-color:#cbd0db;box-shadow:0 12px 26px rgba(40,46,74,.075)}
html[data-theme="light"] :is(.learn-art-sheet-back,.paper-back,.guide-layer-back,.learn-model-chip,.model-machine){background:linear-gradient(135deg,#eaf1f3,#f0f3f8)}
html[data-theme="light"] :is(.learn-art-sheet-middle,.paper-middle,.guide-layer-mid,.model-art-backplate){background:linear-gradient(135deg,#eeebf4,#f3f2f7)}
html[data-theme="light"] :is(.learn-art-sheet-front,.paper-front,.guide-layer-front,.learn-art-stamp,.toolkit-chip,.model-art-file,.learn-workflow-file,.learn-model-file){background:linear-gradient(135deg,#fff,#fcfbfe)}
html[data-theme="light"] .model-chip{background:linear-gradient(135deg,#fbfdfe,#eff3f8)}
html[data-theme="light"] :is(.learn-workflow-art,.learn-book-art,.learn-model-art,.flagship-art,.flagship-art-reporting,.flagship-art-evaluation){background:linear-gradient(135deg,#f0f5f6,#f5f2f8);border-color:var(--line)}
html[data-theme="light"] :is(.learn-hero-visual,.resource-hero-art,.shop-hero-art,.model-hero-art,.learn-workflow-art,.learn-model-art,.learn-book-art,.flagship-art) :is(span,strong,b,i,p,div){color:var(--muted)}
html[data-theme="light"] :is(.learn-art-sheet-front>strong,.paper-front>strong,.guide-layer-front>strong,.learn-workflow-file strong,.learn-model-chip>strong,.learn-model-file strong,.model-art-file strong,.flagship-art>strong){color:var(--text);text-shadow:none}
html[data-theme="light"] :is(.learn-art-sheet-back>span,.learn-art-sheet-middle>span,.paper-back>span,.paper-middle>span,.guide-layer-back>span,.guide-layer-mid>span,.toolkit-coordinate,.toolkit-file-label,.toolkit-chip>div,.shop-art-footer,.learn-art-coordinate,.learn-art-sheet-top,.learn-art-route,.learn-art-stamp>div,.learn-workflow-file div>span,.learn-workflow-path,.learn-workflow-parts p,.learn-model-chip>div,.learn-model-file div>span,.model-art-coordinate,.model-machine-top,.model-chip-label,.model-chip-bottom,.model-machine-foot,.model-art-file div>span,.shop-art-label){color:var(--muted);border-color:#bec9dd}
html[data-theme="light"] :is(.toolkit-chip b,.learn-art-stamp strong,.learn-workflow-parts strong,.shop-art-flow b){color:var(--text)}
html[data-theme="light"] :is(.learn-art-sheet-top>span:last-child,.toolkit-paper-top b,.toolkit-chip>span,.shop-art-spark,.learn-art-stamp>span,.learn-file-glyph,.learn-model-file>span,.model-file-icon,.model-machine-foot i,.learn-workflow-file>i){color:var(--violet);text-shadow:none}
html[data-theme="light"] :is(.toolkit-paper-top,.toolkit-steps,.toolkit-steps>i,.toolkit-cross,.model-art-cross){color:var(--muted);border-color:#bec9dd}
html[data-theme="light"] :is(.learn-art-route span,.toolkit-steps>span,.shop-art-flow b,.learn-workflow-parts>div,.model-file-icon){background:#fff9;border-color:#bdc9df}
html[data-theme="light"] :is(.learn-art-orbit,.toolkit-orbit,.shop-art-orbit,.model-art-orbit,.learn-chip-orbit){border-color:#9cacc666}
html[data-theme="light"] :is(.learn-art-grid,.toolkit-grid,.shop-art-grid,.model-art-grid){background-image:linear-gradient(#7788a51c 1px,transparent 1px),linear-gradient(90deg,#7788a51c 1px,transparent 1px)}
html[data-theme="light"] :is(.learn-art-sheet-back>i,.learn-art-sheet-middle>i,.paper-back>i,.paper-middle>i,.shop-guide-layer>i){background:#9babc647}
html[data-theme="light"] :is(.learn-art-lines i,.toolkit-code i){background:linear-gradient(90deg,#497b8e80,#8b6eb568)}
html[data-theme="light"] .model-chip strong{background:none;color:var(--violet);-webkit-text-fill-color:currentColor}
html[data-theme="light"] .flagship-nodes i{border-color:#6e889d;background:repeating-linear-gradient(0deg,#789bb52c 0 2px,transparent 2px 7px)}
html[data-theme="light"] .learn-book-caption{color:var(--text);text-shadow:none;background:#fffffff0;padding:5px 10px;border-radius:6px;width:max-content;max-width:90%;margin-inline:auto}

/* Moderated reviews on store pages share the light form and status palette. */
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) :is(.review-overview,.review-form){background:var(--surface);border-color:var(--line)}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .review-field :is(input,select,textarea){background:var(--surface);border-color:#8994aa;color:var(--text)}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .rating-option{border-color:#8994aa;color:#64718a}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .rating-option[data-selected="true"]{background:#fff2d9;border-color:#946313;color:#805100}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .review-stars{color:#805100}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .review-verified{background:#edf8f0;border-color:#7eaa8b;color:#196744}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .review-status[data-state="success"]{color:#196744}
html[data-theme="light"] :is(.resources-page,.learn-page,.models-page,.newsletter-page,.interview-page) .review-status[data-state="error"]{color:#9b2845}

@media(forced-colors:active){
  html[data-theme="light"] :is(.resource-card,.model-card,.ebook-catalog-card,.interview-company-card,.interview-question-card,.interview-runner,.interview-code-editor,.newsletter-story,.toolkit-panel){border-color:ButtonText}
}

/* Source: /ui-consistency.css */
/* Reading and interaction sizes stay the same when the palette changes. */
:is(.interview-answer,.interview-question-prompt,.interview-exercise-reference p){font-size:15px;line-height:1.85}
:is(.interview-full-answer .interview-answer,.interview-lead,.interview-exercise-reference .interview-reference-prompt){font-size:16px;line-height:1.85}
.interview-lab-problem>p:not(.interview-eyebrow){font-size:15px;line-height:1.85}
.interview-lab-problem>p.interview-lab-prompt{font-size:16px;line-height:1.85}
:is(.interview-original-note,.interview-muted,.interview-runner-state){font-size:13px;line-height:1.8}
:is(.interview-editor-help,.interview-basis-note,.interview-code-label,.interview-code-editor-label,.interview-controls label,.interview-exercise-picker label,.interview-runner-toolbar label,.interview-input-details label){font-size:12px;line-height:1.75}
.interview-page .interview-code-editor,
:is(.interview-input-details textarea,.interview-lab-callout-code pre,.interview-runner-output>pre,.interview-runner-solution pre,.interview-test-reference pre,.interview-solution-reference pre,[data-runner-results] pre){font-size:13px;line-height:1.75}

/* Compact information headings must not inherit display-title tracking. */
:is(.ebook-terms,.resource-directory) h2{letter-spacing:0;word-spacing:normal;line-height:1.5}

/* Keep supporting actions readable and comfortable to tap. */
.newsletter-story-actions :is(.newsletter-text-link,.newsletter-permalink),
:is(.interview-company-card,.interview-question-card,.interview-coding-card)>.interview-text-link{font-size:12px;line-height:1.7;min-height:44px}

/* Footer text may wrap; logo dimensions and larger arrow icons are preserved. */
:is(.site-footer,.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer){font-size:12px;line-height:1.75}
:is(.site-footer,.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer) :is(p,.brand-name,.footer-note,.site-support-links,.site-support-links a,.site-visits,.site-visits noscript),
.site-footer>span:not(.brand-mark),
:is(.site-footer,.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer) a:not(.brand):not(.brand-mark){font-size:12px;line-height:1.75}
:is(.site-footer,.learn-footer,.resource-footer,.model-footer,.newsletter-footer,.interview-footer) a{white-space:normal;overflow-wrap:anywhere}

/* Catalog pagination is secondary to opening a book or starting checkout. */
.ebooks-page .ebook-catalog-more.button-outline{min-height:48px;padding:13px 23px;font-size:12px;border-radius:8px;border:1px solid #8fa0c355;background:transparent;color:var(--text)}
.ebooks-page .ebook-catalog-more.button-outline:hover{background:#243149;border-color:#9cb4dc88;color:var(--text)}
html[data-theme="light"] .ebook-catalog-more.button-outline{background:var(--surface);border-color:#a9a1bb;color:var(--violet)}
html[data-theme="light"] .ebook-catalog-more.button-outline:hover{background:#f3eff8;border-color:var(--violet);color:var(--violet)}

@media(max-width:760px){
  .interview-page :is(.interview-code-editor,.interview-input-details textarea){font-size:16px}
  .interview-page :is(.interview-controls input,.interview-controls select,.interview-exercise-picker select,.interview-runner-toolbar select){font-size:16px}
  html[data-theme] .theme-control select{font-size:16px}
}
@media(forced-colors:active){
  html[data-theme] .ebook-catalog-more.button-outline{color:ButtonText;background:ButtonFace;border-color:ButtonText}
}

/* Source: /experience.css */
/* Shared task-first layouts; the professional homepage keeps its composition. */
.learning-navigation{display:flex;align-items:center;gap:14px}
.site-search-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);white-space:nowrap;font-size:13px;background:var(--surface)}
.site-search-link>span:first-child{font-size:24px;line-height:1}
.site-search-link:focus-visible{outline:3px solid var(--theme-focus,var(--violet));outline-offset:4px}
.learn-hero,.resource-hero,.model-hero{padding-top:40px;padding-bottom:32px;gap:32px;align-items:center}
.learn-hero h1,.resource-hero h1,.model-hero h1{font-size:clamp(36px,4vw,54px);letter-spacing:-2px;line-height:1.12}
.learn-hero-visual,.resource-hero-art,.model-hero-art{height:270px}
.learn-art-sheet-front>strong{font-size:27px;margin-top:14px}
.learn-art-lines{margin-top:12px}.learn-art-sheet-front>p{margin-top:10px}
.learn-lead,.resource-lead,.model-lead{margin-top:18px;line-height:1.75}
.learn-hero-actions,.resource-hero-actions,.model-hero-actions{margin-top:20px}
.interview-hero,.interview-lab-hero{padding-top:40px;padding-bottom:32px;gap:32px}
.interview-hero h1,.interview-lab-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.12;letter-spacing:-2px}
.interview-hero .interview-practice-loop{padding:24px}
.ebook-intro{padding-top:40px;padding-bottom:24px}.ebook-intro h1{font-size:clamp(36px,4vw,54px);letter-spacing:-2px}
.project-page-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:10px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.case-page{max-width:1100px;padding-top:44px;padding-bottom:70px}.case-page h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;line-height:1.12;margin:16px 0 20px}.case-page .case-lead{font-size:18px;line-height:1.8;max-width:850px;color:var(--muted)}
.case-nav{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.case-nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:var(--accent)}
.case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 0;margin:28px 0;border-block:1px solid var(--line)}.case-meta dt{font-size:12px;color:var(--muted);margin-bottom:6px}.case-meta dd{margin:0;line-height:1.65}
.case-section{padding:28px 0;border-bottom:1px solid var(--line)}.case-section h2{font-size:28px;line-height:1.25;margin-bottom:16px}.case-section p,.case-section li{line-height:1.85;color:var(--muted)}.case-section ul{padding-left:22px}.case-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0!important;margin-top:20px}.case-flow li{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.case-flow span{color:var(--accent);font-size:12px}.case-flow h3{font-size:18px;margin:14px 0 8px}.case-flow p{font-size:14px}
.case-evidence{padding:22px;border:1px solid var(--line);border-left:4px solid var(--violet);border-radius:12px;background:var(--surface-2);margin-top:20px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.case-tags span{border:1px solid var(--line);border-radius:22px;padding:7px 12px;font-size:13px;color:var(--muted)}.case-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}.case-actions a:not(.button){color:var(--accent);min-height:44px;display:inline-flex;align-items:center}.case-related{display:flex;gap:12px 24px;flex-wrap:wrap}.case-related a{color:var(--accent);padding:10px 0}
.site-search-page{max-width:1100px;padding-block:40px 64px}.site-search-page h1{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.2;margin:14px 0}.site-search-page .search-lead{max-width:700px;color:var(--muted);line-height:1.8}.site-search-form{display:grid;grid-template-columns:1fr 230px auto;gap:14px;align-items:end;margin:26px 0}.site-search-form label{display:grid;gap:8px;font-size:13px}.site-search-form :is(input,select){min-height:48px;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:var(--text);background:var(--surface);width:100%}.site-search-results{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0}.site-search-result{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.site-search-result h2{font-size:20px;line-height:1.4;margin:7px 0}.site-search-result a{color:var(--text);text-decoration:underline;text-underline-offset:4px}.site-search-result p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:8px}.site-search-result small{font-size:12px;color:var(--accent)}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.search-suggestions a{padding:10px 13px;min-height:44px;border:1px solid var(--line);border-radius:24px;color:var(--accent);font-size:13px}.search-status{color:var(--muted);font-size:14px;line-height:1.8}.search-retry{min-height:44px;padding:10px 18px;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:10px;font:inherit}
.learn-career{padding-block:36px;scroll-margin-top:110px}.learn-career>p{max-width:780px;color:var(--muted);line-height:1.8}.learn-career h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:14px 0 20px}.career-options{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.career-options button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:24px;padding:11px 16px;font:inherit;font-size:14px;min-height:44px}.career-options button[aria-pressed="true"]{background:var(--theme-primary,var(--violet));color:var(--theme-on-primary,#111727);border-color:var(--theme-primary,var(--violet))}.career-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:22px 0}.career-steps li{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.career-steps small{font-size:12px;color:var(--accent)}.career-steps h3{font-size:18px;margin:12px 0;line-height:1.4}.career-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:12px}.career-steps a{color:var(--accent);display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1280px){.learning-navigation{gap:10px}.learning-navigation[data-enhanced]{display:flex;align-items:center}.learning-navigation[data-enhanced] .site-search-link{order:0}.learning-navigation[data-enhanced] .learning-nav-toggle{order:1}.learning-navigation[data-enhanced] .learning-nav{order:2}.case-flow,.career-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.learn-hero,.resource-hero,.model-hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:24px}.learn-hero-visual,.resource-hero-art,.model-hero-art{display:none}.learn-hero h1,.resource-hero h1,.model-hero h1,.interview-hero h1,.interview-lab-hero h1,.ebook-intro h1{font-size:36px;letter-spacing:-1.6px}.interview-hero,.interview-lab-hero{padding-top:28px;padding-bottom:24px;gap:24px}.site-search-copy{display:none}.site-search-link{width:44px;padding:8px;flex-shrink:0}.site-search-form{grid-template-columns:1fr}.site-search-form :is(input,select){font-size:16px}.case-meta{grid-template-columns:1fr;gap:14px}.case-page .case-lead{font-size:16px}.case-flow,.career-steps{grid-template-columns:1fr}.case-section h2{font-size:24px}.site-search-result{padding:16px}.case-page,.site-search-page{padding-top:28px}.career-options button{font-size:13px}}
@media(max-width:440px){.resource-header-inner:has(.learning-navigation) .brand-name,.learn-header-inner:has(.learning-navigation) .brand-name,.model-header-inner:has(.learning-navigation) .brand-name,.newsletter-header-inner:has(.learning-navigation) .brand-name{display:none!important}.learning-navigation[data-enhanced] .learning-nav-toggle{max-width:160px}.case-nav{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){.case-flow *,.career-steps *{animation:none!important;transition:none!important}}
@media(max-width:1280px){html[data-theme="light"] .learning-navigation[data-enhanced] .learning-nav{background:#fff;box-shadow:0 18px 50px #18223526}html[data-theme="dark"] .learning-navigation[data-enhanced] .learning-nav{background:#101728}}
.site-search-result h2,.career-steps h3,.case-flow h3{letter-spacing:-.25px}
.case-section h2{letter-spacing:-.5px}
@keyframes career-path-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
[data-career-track]:not([hidden]){animation:career-path-in .18s ease-out}
@media(prefers-reduced-motion:reduce){[data-career-track]{animation:none!important}}
.search-assistance{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:18px}.search-assistance p{font-size:15px;line-height:1.7;color:var(--muted)}.search-help-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.search-news-link{display:inline-flex;align-items:center;min-height:44px;margin-block:10px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.review-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0}.review-controls .review-field{flex:1;min-width:200px}.review-controls button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface);font:inherit}.shop-category-contents{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.shop-category-contents summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}.shop-category-skills{padding-left:22px;columns:2;column-gap:30px;margin-top:14px}.shop-category-skills li{break-inside:avoid;line-height:1.7;padding-block:6px}.shop-category-skills a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.shop-pack-downloads{padding-left:20px;margin-top:12px}.shop-pack-downloads code{overflow-wrap:anywhere}.skill-task-preview p,.skill-task-preview li{line-height:1.75}
@media(max-width:760px){.shop-category-skills{columns:1}.review-controls{align-items:stretch}.review-controls .review-field{min-width:0;width:100%}.review-controls button{width:100%}}
@media(max-width:760px){.learning-nav-toggle-copy strong{font-size:14px}.learning-nav-toggle-copy>span{font-size:11px}.learning-nav a{font-size:15px;min-height:44px}}

/* Source: /theme.css */
/* Existing styles remain the dark palette. Light is the explicit build default. */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#faf9f6;--surface:#fff;--surface-2:#f1f0f5;
  --text:#182235;--muted:#4f5b72;--faint:#5d687c;--line:#dedce5;
  --accent:#075c78;--violet:#6840b2;--peach:#975027;
  --theme-primary:#6840b2;--theme-primary-hover:#50308d;--theme-on-primary:#fff;
  --theme-focus:#6237ad;--theme-code-bg:#f0f2f8;--theme-code-text:#1e3048;
}
html[data-theme="dark"]{color-scheme:dark;--theme-primary:#b6a1ff;--theme-focus:#c8b5ff}
html[data-theme="light"] body{color-scheme:light;background:var(--bg);color:var(--text)}
html[data-theme="light"] body::before{background:radial-gradient(ellipse at 82% 10%,#e9e2f044,transparent 38%),radial-gradient(ellipse at 9% 12%,#dcecf533,transparent 34%)}
html[data-theme="light"] ::selection{background:#d7c9f5;color:#20143e}
html[data-theme="light"] :is(input,select,textarea){color-scheme:light;background-color:#fff;color:var(--text);border-color:#abb5c9}
html[data-theme="light"] ::placeholder{color:#637087;opacity:1}
html[data-theme="light"] option{color:var(--text);background:#fff}
html[data-theme="light"] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px}
html[data-theme="light"] .skip-link{background:var(--theme-primary);color:#fff}
html[data-theme="light"] .button-primary{color:#fff;background:var(--theme-primary);border-color:var(--theme-primary);box-shadow:0 3px 10px #6840b218}
html[data-theme="light"] .button-primary:hover{background:var(--theme-primary-hover);border-color:var(--theme-primary-hover);box-shadow:0 5px 14px #6840b224}
html[data-theme="light"] .button-primary>span{background:#ffffff1f;color:inherit}
html[data-theme="light"] .serif-accent{background-image:linear-gradient(110deg,#075c78,#6840b2 65%,#975027)}
html[data-theme="light"] .site-visits{color:var(--muted)}
html[data-theme="light"] .site-visits strong{color:var(--text)}
html[data-theme="light"] .site-support-links,html[data-theme="light"] .site-support-links a{color:#533399}
@media(forced-colors:active){html[data-theme] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight}}

/* Source: /theme-controls.css */
/* Appearance is a quiet, collapsed footer preference, outside primary navigation. */
footer:has(>.site-preferences){flex-wrap:wrap}
.site-preferences{display:flex;flex:0 0 100%;justify-content:flex-end;align-items:flex-start;width:100%;margin-top:4px;padding-top:12px;border-top:1px solid var(--line,#dedce5);color:var(--muted,#4f5b72)}
.theme-settings{max-width:100%;font:500 12px/1.5 "Space Grotesk",sans-serif;color:inherit}
.theme-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:8px 1px;list-style:none;cursor:pointer;user-select:none}
.theme-settings>summary::-webkit-details-marker{display:none}
.theme-settings>summary::after{content:"+";font-size:17px;font-weight:400;line-height:1}
.theme-settings[open]>summary::after{content:"−"}
.theme-settings>summary:hover{color:var(--text,#182235)}
.theme-settings-panel{min-width:210px;max-width:100%;padding:14px 16px;margin-top:4px;border:1px solid var(--line,#dedce5);border-radius:12px;background:var(--surface,#fff)}
.theme-control{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;font:500 12px/1.5 "Space Grotesk",sans-serif;color:var(--muted,#4f5b72)}
.theme-control select{box-sizing:border-box;max-width:100%;min-height:44px;min-width:106px;padding:8px 10px;border:1px solid #a6a2b3;border-radius:8px;background:var(--surface,#fff);color:var(--text,#182235);font:inherit;cursor:pointer}
.theme-control select:disabled{cursor:default;opacity:.7}
html[data-theme="dark"] .site-preferences{border-color:#8297bd33;color:#afbdd5}
html[data-theme="dark"] .theme-settings-panel{background:#101728;border-color:#8297bd55}
html[data-theme="dark"] .theme-control{color:#d1daed}
html[data-theme="dark"] .theme-control select{color:#e6eafa;border-color:#8297bd88;background:#141c2e}
html[data-theme="dark"] .theme-settings>summary:hover{color:#fff}
.theme-settings>summary:focus-visible,.theme-control select:focus-visible{outline:2px solid var(--theme-focus,#6237ad);outline-offset:4px}
footer:has(>.site-preferences)>a:last-of-type:not(.brand):not(.brand-mark){display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;color:inherit}
@media(max-width:760px){.site-preferences{justify-content:flex-start}.theme-settings[open]{width:100%;max-width:320px}}
@media(forced-colors:active){.site-preferences,.theme-settings-panel,.theme-control select{color:CanvasText;border-color:ButtonText;background:Canvas}.theme-settings>summary:focus-visible,.theme-control select:focus-visible{outline-color:Highlight}}
