:root{--bg-primary: #f5f7fa;--bg-card: #ffffff;--bg-subtle: #f7f9fc;--text-primary: #172033;--text-secondary: #667085;--text-strong: #344054;--accent: #1d4ed8;--accent-soft: rgba(29, 78, 216, .08);--accent-warm: #d97706;--accent-warm-soft: rgba(217, 119, 6, .12);--border-subtle: #dde3ec;--border-row: #e6ebf2;--up: #dc2626;--down: #16a34a;--accent-ink: #1e3a8a;--up-ink: #b42318;--down-ink: #087443;--warm-ink: #966400;--ok: #087443;--ok-soft: #e9f8ee;--warn: #966400;--warn-soft: #fff4d6;--bad: #b42318;--bad-soft: #ffebe9;--callout-info-bar: #1d4ed8;--callout-info-bg: #f6f9ff;--callout-warn-bar: #d97706;--callout-warn-bg: #fffaf0;--callout-bad-bar: #dc2626;--callout-bad-bg: #fff5f5;--hero-gradient: linear-gradient(135deg, #ffffff, #f1f5fb);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--system-blue: var(--accent);--system-blue-light: var(--accent-soft);--system-indigo: var(--accent);--system-purple: #7c6bc4;--system-pink: var(--accent-warm);--system-red: var(--up);--system-red-light: rgba(220, 38, 38, .1);--system-orange: var(--accent-warm);--system-yellow: #e0a21b;--system-green: var(--down);--system-green-light: rgba(22, 163, 74, .1);--system-teal: #0d9488;--system-cyan: #0891b2;--system-gray: #98a2b3;--system-gray2: #b6bfcc;--system-gray3: #cfd6e0;--system-gray4: #dde3ec;--system-gray5: #e5eaf2;--system-gray6: #f1f4f9;--border-primary: var(--border-subtle);--border-light: var(--border-subtle);--bg-secondary: var(--system-gray6);--text-tertiary: var(--system-gray);--shadow-subtle: none;--font-family: var(--font-sans);--accent-color: var(--accent);--glass-bg: var(--bg-primary);--glass-border: var(--border-subtle);--glass-blur: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 6px 18px rgba(23, 32, 51, .06);--shadow-glass: none;--shadow-card: 0 1px 2px rgba(16, 24, 40, .05);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 12px;--radius-btn: 8px;--radius-chip: 6px;--radius-pill: 999px;--radius-full: 9999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;overflow-x:hidden}img,svg,video{max-width:100%}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-family:var(--font-sans);font-weight:600;color:var(--text-primary);letter-spacing:0;line-height:1.4}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}@media (max-width: 700px){h1{font-size:23px}}a{color:var(--accent)}.glass-panel{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.container{display:block;padding:24px 16px 40px;max-width:1100px;margin:0 auto}.card{background:var(--bg-card);padding:24px;border-radius:var(--radius-lg);margin-bottom:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:border-color .2s ease}.card:hover{border-color:var(--system-gray3)}.title{font-size:1.5rem;font-weight:700}button{cursor:pointer;font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;background-color:var(--accent);color:#fff;border:none;padding:10px 22px;border-radius:var(--radius-btn);font-weight:600;font-size:1rem;text-decoration:none;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--accent-ink)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 22px;border-radius:var(--radius-btn);border:1px solid var(--accent);color:var(--accent);background:transparent;text-decoration:none;font-size:1rem;font-weight:600;transition:background-color .2s ease}.btn-ghost:hover{background:var(--accent-soft)}@media (min-width: 768px){.container{padding:32px 24px 56px}.card{padding:32px}.title{font-size:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--system-gray6) 0px,var(--system-gray5) 200px,var(--system-gray6) 400px);background-size:800px 100%;animation:shimmer 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.animate-fade-in,.skeleton-line{animation:none}}.site-header{position:sticky;top:0;z-index:1000;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding-top:var(--safe-top)}.site-header__bar{max-width:1100px;margin:0 auto;min-height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--accent);text-decoration:none}.site-brand__name{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:.04em}.site-nav{display:none}.site-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.site-nav__link:hover{color:var(--text-primary)}.site-nav__link.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.site-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-primary)}.site-drawer{position:fixed;top:0;right:0;bottom:0;left:0;top:calc(56px + var(--safe-top));background:var(--bg-primary);padding:16px 16px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;overflow-y:auto;animation:fadeIn .2s ease-out}.site-drawer__link{display:flex;align-items:center;min-height:56px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);text-decoration:none;font-family:var(--font-sans);font-size:1.1rem}.site-drawer__link.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}@media (min-width: 768px){.site-header__bar{padding:0 24px}.site-nav{display:flex;align-items:center}.site-menu-btn,.site-drawer{display:none}}.site-footer{margin-top:40px;padding:32px 16px calc(32px + var(--safe-bottom));text-align:center;color:var(--text-secondary);font-size:.9rem;border-top:1px solid var(--border-subtle)}.site-footer__name{font-family:var(--font-sans);font-size:1.05rem;color:var(--text-primary);margin-bottom:4px}.site-footer__note{margin-top:8px}.site-footer__build{margin-top:8px;font-size:.78rem;opacity:.7}.section-chrome{max-width:1100px;margin:0 auto;padding:12px 16px 0}.section-archived{margin:0 0 12px;padding:10px 14px;border:1px solid var(--border-subtle);border-left:3px solid var(--text-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:.9rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.breadcrumb a{display:inline-flex;align-items:center;min-height:32px;color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__current{color:var(--text-primary)}.section-tabs{display:flex;gap:8px;margin-top:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tabs__link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--radius-chip);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);text-decoration:none;font-size:.95rem}.section-tabs__link.is-active{background:var(--accent);border-color:var(--accent);color:#fff}@media (min-width: 768px){.section-chrome{padding:16px 24px 0}}.page-head{margin:8px 0 24px}.page-head h1{font-size:1.7rem;margin-bottom:8px}.page-head p{margin:0;color:var(--text-secondary)}.hub-group{margin-bottom:28px}.hub-group h2,.hub-group summary{font-size:1.15rem;font-family:var(--font-sans);font-weight:600;margin-bottom:12px}.hub-group summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--text-secondary)}.hub-group__step{margin-right:8px;color:var(--accent);font-size:.85rem;font-weight:500}.hub-group__hint{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.hub-card{position:relative;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px 40px 16px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:border-color .2s ease}.hub-card:hover{border-color:var(--accent)}.hub-card__title{font-family:var(--font-sans);font-weight:600;font-size:1.05rem}.hub-card__desc{color:var(--text-secondary);font-size:.92rem}.hub-card__arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--accent)}.hub-group--read .hub-card{background:var(--accent-soft);border-color:var(--accent)}.road{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.road__item{padding:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.road__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.road__head h2{margin:0;font-size:1.1rem}.road__item p{margin:0;color:var(--text-secondary)}.tag{flex:0 0 auto;padding:2px 10px;border-radius:var(--radius-chip);background:var(--accent-warm-soft);color:var(--accent-warm);font-size:.82rem}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.skill-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.skill-card h2{margin:0;font-family:var(--font-sans);font-size:1.2rem}.skill-card p{margin:0;color:var(--text-secondary)}.skill-card .skill-card__alias{font-size:.85rem;overflow-wrap:anywhere}.skill-card .skill-card__focus{color:var(--accent);font-weight:600}.skill-card>.skill-download{margin-top:auto}.skill-download-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.skill-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent);text-decoration:none;font-size:.92rem}.skill-download:hover{background:var(--bg-card)}.skill-example summary{cursor:pointer;min-height:44px;color:var(--text-primary)}.skill-example p{padding-bottom:12px}.skill-install{margin-top:24px}.skill-install h2{margin-top:0;font-size:1.15rem}.skill-install ol{padding-left:24px;color:var(--text-secondary)}.skill-install li{margin-bottom:8px}.skill-install code{overflow-wrap:anywhere}.skill-guide{display:inline-block;padding:12px 0;color:var(--accent)}.skill-disclaimer{color:var(--text-secondary);font-size:.85rem;margin:20px 0}@media (min-width: 768px){.page-head h1{font-size:2.1rem}}.hero{padding:32px 0 24px;text-align:center}.hero__eyebrow{margin:0 0 12px;color:var(--accent);letter-spacing:.12em;font-size:.9rem}.hero__title{font-size:2rem;margin:0 0 8px;letter-spacing:.02em}.hero__subtitle{margin:0 0 24px;color:var(--text-secondary);font-family:var(--font-sans);font-size:1.05rem}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.manifesto{max-width:34em;margin:8px auto 32px;padding:0 8px;text-align:center;font-family:var(--font-sans);font-size:1.1rem;line-height:1.9}.home-section{margin-bottom:32px}.home-section h2{font-size:1.15rem;margin-bottom:12px}.updates{list-style:none;margin:0;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card)}.updates li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.updates li:last-child{border-bottom:none}.updates__date{color:var(--text-secondary);font-size:.82rem}.updates__text{overflow-wrap:anywhere}.quotes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.quote{margin:0;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.quote p{margin:0 0 8px;font-family:var(--font-sans)}.quote footer{color:var(--text-secondary);font-size:.88rem}@media (min-width: 768px){.hero{padding:56px 0 32px}.hero__title{font-size:2.6rem}.updates li{flex-direction:row;gap:16px}.updates__date{flex:0 0 96px}}.book-reader{padding:20px 16px!important;font-size:17px;line-height:1.9!important;overflow-wrap:anywhere}.book-reader h1,.book-reader h2,.book-reader h3{font-family:var(--font-sans)}.book-reader p{margin:12px 0}.book-reader table{display:block;max-width:100%;overflow-x:auto}.book-reader pre{max-width:100%;overflow-x:auto}.book-reader blockquote{margin:14px 0;padding:4px 14px;border-left:3px solid var(--accent-warm);background:var(--accent-warm-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.book-pager{flex-direction:column}.book-pager>a,.book-pager>div{min-height:44px}@media (min-width: 768px){.book-reader{padding:40px 48px!important;font-size:18px;line-height:2!important}.book-pager{flex-direction:row}}.page-hero{background:var(--accent-soft);border-bottom:1px solid var(--border-subtle);padding:24px 16px}.page-hero__inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px}.page-hero__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--accent)}.page-hero__title{margin:0;font-size:1.35rem;line-height:1.35}.page-hero__subtitle{margin:2px 0 0;color:var(--text-secondary);font-size:.9rem}@media (min-width: 768px){.page-hero{padding:32px 24px}.page-hero__title{font-size:1.6rem}}.book-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.book-card__main{display:flex;flex-direction:column;gap:16px;padding:24px 20px;color:inherit;text-decoration:none}.book-card__pdf{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;background:var(--accent-warm-soft);border-top:1px solid var(--border-subtle)}.book-card__pdf-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:600}.book-card__pdf-meta{color:var(--text-secondary);font-size:.9rem}.book-card__pdf-hint{margin:0 0 8px;color:var(--text-secondary);font-size:.92rem;line-height:1.7}.book-card__pdf .btn-primary,.book-card__pdf .btn-ghost{width:100%}@media (min-width: 768px){.book-card{flex-direction:row;align-items:stretch}.book-card__main{flex:1 1 auto;padding:32px}.book-card__pdf{flex:0 0 260px;padding:28px 24px;border-top:none;border-left:1px solid var(--border-subtle)}}.reader-layout{max-width:1240px;margin:0 auto;padding:16px 16px 40px}.reader-main{min-width:0;max-width:860px;margin:0 auto}.reader-top{scroll-margin-top:72px}.chapter-nav{margin-bottom:16px}.chapter-nav__toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;text-align:left}.chapter-nav__toggle-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-nav__toggle .is-flipped{transform:rotate(180deg)}.chapter-nav__panel{display:none;margin-top:8px;max-height:60vh;overflow-y:auto;position:relative;padding:8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.chapter-nav__panel.is-open{display:block}.chapter-nav__part+.chapter-nav__part{margin-top:4px}.chapter-nav__part-title{display:flex;align-items:flex-start;gap:6px;width:100%;min-height:44px;padding:10px 8px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:.92rem;font-weight:600;line-height:1.5;text-align:left}.chapter-nav__part-title svg{flex:0 0 auto;margin-top:4px;transition:transform .15s ease}.chapter-nav__part-title svg.is-open{transform:rotate(90deg)}.chapter-nav__list{list-style:none;margin:0 0 4px;padding:0}.chapter-nav__item{display:flex;gap:8px;align-items:baseline;min-height:44px;padding:8px 10px 8px 22px;border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-size:.92rem;line-height:1.55}a.chapter-nav__item:hover{background:var(--accent-soft)}.chapter-nav__item.is-active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.chapter-nav__item.is-disabled{opacity:.5;cursor:default}.chapter-nav__no{flex:0 0 auto;min-width:2.6em;color:var(--text-secondary);font-size:.82rem}.chapter-nav__text{min-width:0}@media (min-width: 1024px){.reader-layout{display:grid;grid-template-columns:290px minmax(0,860px);gap:32px;justify-content:center;align-items:start;padding:24px 24px 56px}.reader-main{margin:0}.chapter-nav{position:sticky;top:73px;margin-bottom:0}.chapter-nav__toggle{display:none}.chapter-nav__panel{display:block;margin-top:0;max-height:calc(100vh - 97px)}}.page-loading{min-height:40vh;color:var(--text-secondary);text-align:center;padding-top:20vh}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-tabs{position:sticky;top:57px;z-index:20;margin-bottom:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle)}.page-tabs__inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.page-tab{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font:inherit;font-size:.92rem;white-space:nowrap;cursor:pointer}.page-tab:hover{color:var(--text-primary)}.page-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.seg{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.seg__btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-chip);background:var(--bg-card);color:var(--text-secondary);font:inherit;font-size:.85rem;font-weight:500;cursor:pointer}.seg__btn.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 16px;color:var(--text-secondary);font-size:.85rem}.page-toolbar__note{margin-right:auto}.tool-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:.85rem;text-decoration:none;cursor:pointer}.tool-btn:disabled{opacity:.6;cursor:not-allowed}.tool-btn--primary{border-color:var(--accent);background:var(--accent);color:#fff}.animate-spin{animation:shell-spin 1s linear infinite}@keyframes shell-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.animate-spin{animation:none}}.lab-page{overflow-x:clip}.lab-stats{margin-top:8px;color:var(--text-secondary);font-size:.92rem}.lab-section{margin-top:32px}.lab-section>h2{font-family:var(--font-sans);margin-bottom:12px}.lab-showcase{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.lab-showcase__item{flex:0 0 78%;scroll-snap-align:start}.lab-grid{display:grid;grid-template-columns:1fr;gap:16px}.lab-card{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:border-color .2s ease}.lab-card:hover{border-color:var(--accent)}.lab-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem}.lab-card__status{margin-left:auto}.lab-card__title{font-family:var(--font-sans);font-weight:600;font-size:1.1rem}.lab-card__reason{color:var(--text-primary);font-size:.95rem}.lab-card__cost{color:var(--text-secondary);font-size:.85rem}.lab-stars{color:var(--accent-warm);letter-spacing:1px}.lab-badge{display:inline-block;padding:2px 8px;border:1px solid currentColor;border-radius:var(--radius-chip);font-size:.8rem;font-weight:600;line-height:1.5}.lab-badge--strong,.lab-badge--recommend{color:var(--accent)}.lab-badge--strong{background:var(--accent-soft)}.lab-badge--try,.lab-badge--experiment{color:var(--text-primary);border-color:var(--accent-warm)}.lab-badge--avoid{color:var(--text-secondary)}.lab-back{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);text-decoration:none}.lab-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.lab-limits{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px}.lab-limits dt{color:var(--text-secondary)}.lab-limits dd{margin:0}.lab-log{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.lab-log__date{color:var(--text-secondary);font-size:.85rem}@media (min-width: 768px){.lab-showcase{display:grid;grid-template-columns:repeat(4,1fr);overflow-x:visible}.lab-grid{grid-template-columns:repeat(2,1fr)}}.report-card,.report-hero{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;margin-bottom:16px}.report-hero{background:var(--hero-gradient)}.report-section-label{color:var(--accent);font-size:13px;font-weight:700}.report-sub{color:var(--text-secondary)}.report-note{color:var(--text-secondary);font-size:13px}.pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-chip);font-size:12px;font-weight:700}.pill--ok{color:var(--ok);background:var(--ok-soft)}.pill--warn{color:var(--warn);background:var(--warn-soft)}.pill--bad{color:var(--bad);background:var(--bad-soft)}.callout{border-left:5px solid var(--callout-info-bar);background:var(--callout-info-bg);padding:15px;border-radius:8px}.callout--info{border-left-color:var(--callout-info-bar);background:var(--callout-info-bg)}.callout--warn{border-left-color:var(--callout-warn-bar);background:var(--callout-warn-bg)}.callout--bad{border-left-color:var(--callout-bad-bar);background:var(--callout-bad-bg)}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table th,.report-table td{padding:10px;border-bottom:1px solid var(--border-row);text-align:left;vertical-align:top}.report-table th{background:var(--bg-subtle);color:var(--text-strong)}@media (max-width: 700px){.report-table{display:block;overflow-x:auto;white-space:nowrap}}