/* === WriteEmbeddedCss === */
/* C23 — Ask Scott floating launcher + article-foot card */
.ask-scott-launcher{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;background:var(--wt-forest);color:var(--wt-paper);border-radius:40px;box-shadow:0 4px 20px rgba(38,71,57,0.28);text-decoration:none;font-family:var(--font-sans);font-size:14px;font-weight:600;transition:background 0.18s,transform 0.18s,box-shadow 0.18s;border:none;cursor:pointer;line-height:1;}
.ask-scott-launcher:hover{background:var(--wt-forest-2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(38,71,57,0.36);text-decoration:none;color:var(--wt-paper);}
.ask-scott-launcher img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:var(--wt-paper-warm);flex-shrink:0;border:2px solid rgba(247,242,232,0.25);}
.ask-scott-launcher .launcher-label{display:flex;flex-direction:column;gap:1px;}
.ask-scott-launcher .launcher-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-honey);}
.ask-scott-launcher .launcher-text{font-size:14px;font-weight:600;color:var(--wt-paper);}
@media(max-width:640px){.ask-scott-launcher{bottom:1rem;right:1rem;padding:8px 14px 8px 8px;}.ask-scott-launcher img{width:30px;height:30px;}.ask-scott-launcher .launcher-eyebrow{display:none;}.ask-scott-launcher .launcher-text{font-size:13px;}}
.ask-scott-article-foot{background:var(--wt-surface);border:1.5px solid var(--wt-clay);border-radius:10px;padding:28px 30px;margin:36px 0 0;display:flex;align-items:center;gap:24px;}
.ask-scott-article-foot .aaf-avatar{width:64px;height:64px;border-radius:50%;object-fit:contain;background:var(--wt-paper-warm);flex-shrink:0;border:2px solid var(--wt-clay);}
.ask-scott-article-foot .aaf-body{flex:1;min-width:0;}
.ask-scott-article-foot .aaf-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:4px;}
.ask-scott-article-foot h3{font-family:var(--font-serif);font-weight:600;font-size:20px;color:var(--wt-forest);margin:0 0 6px;line-height:1.25;}
.ask-scott-article-foot p{font-size:14px;color:var(--wt-ink-soft);margin:0;line-height:1.5;}
.ask-scott-article-foot .aaf-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 20px;background:var(--wt-forest);color:var(--wt-paper);border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;transition:background 0.15s;white-space:nowrap;}
.ask-scott-article-foot .aaf-cta:hover{background:var(--wt-forest-2);text-decoration:none;color:var(--wt-paper);}
@media(max-width:640px){.ask-scott-article-foot{flex-direction:column;align-items:flex-start;gap:14px;padding:20px;}.ask-scott-article-foot .aaf-avatar{width:48px;height:48px;}}
/* WT-DESIGN-2 — WineTutorial.com — brand tokens locked to WT-DESIGN-2A */
:root{
  --wt-forest:#264739;
  --wt-forest-2:#1A3328;
  --wt-forest-soft:#E8EDEA;
  --wt-honey:#D6A447;
  --wt-honey-soft:#F5E8C0;
  --wt-honey-deep:#A87E2D;
  --wt-paper:#F7F2E8;
  --wt-paper-warm:#F3ECDC;
  --wt-sage:#A7B39E;
  --wt-sage-soft:#E8EDEA;
  --wt-ink:#2C2A28;
  --wt-ink-soft:#5A554F;
  --wt-clay:#D8C4AF;
  --wt-clay-soft:#EFE4D2;
  --wt-wine:#7E2433;
  --wt-wine-deep:#5C1820;
  --wt-wood:#8B6F47;
  --wt-wood-light:#B89878;
  --wt-metal:#9BA39B;
  --wt-coral:#C04A30;
  --wt-coral-soft:#FCEAE4;
  --wt-surface:#FFFFFF;
  --font-serif:"Playfair Display",Georgia,serif;
  --font-sans:"Source Sans 3",system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-sans);font-weight:400;background:var(--wt-paper);color:var(--wt-ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;}
a{color:var(--wt-forest);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:3px solid var(--wt-forest);outline-offset:2px;border-radius:2px;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.site-header{background:rgba(247,242,232,0.94);backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid var(--wt-clay);position:sticky;top:0;z-index:100;padding:0;}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:14px 32px;gap:32px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--wt-forest);}
.brand:hover{text-decoration:none;}
.brand-mark{width:32px;height:32px;flex-shrink:0;}
.brand-word{font-family:var(--font-serif);font-weight:600;font-size:22px;color:var(--wt-forest);letter-spacing:-0.2px;}
.main-nav{display:flex;gap:4px;margin-left:auto;}
.main-nav a{padding:8px 14px;border-radius:4px;font-size:14px;font-weight:500;color:var(--wt-ink);text-decoration:none;transition:background 0.15s,color 0.15s;}
.main-nav a:hover{background:var(--wt-sage-soft);color:var(--wt-forest);text-decoration:none;}
.main-nav a[aria-current="page"]{color:var(--wt-forest);background:var(--wt-sage-soft);}
.main-nav .nav-cta{padding:8px 16px;background:var(--wt-forest);color:var(--wt-paper);border-radius:4px;font-weight:600;margin-left:8px;}
.main-nav .nav-cta:hover{background:var(--wt-forest-2);color:var(--wt-paper);text-decoration:none;}
.main-nav .nav-cta-active{background:var(--wt-honey);color:var(--wt-forest-2);}
.main-nav .nav-cta-active:hover{background:var(--wt-honey-deep);color:var(--wt-paper);}
.hero-tutorial-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:14px;background:var(--wt-honey-soft);color:var(--wt-honey-deep);font-size:12px;font-weight:600;letter-spacing:0.6px;text-transform:uppercase;margin-bottom:16px;}
.hero-tut-meta{border-top:1px solid var(--wt-clay);padding-top:18px;font-size:13px;color:var(--wt-ink-soft);margin-top:6px;}
.hero-tut-meta strong{color:var(--wt-forest);}
.container-wide{max-width:1200px;margin:0 auto;padding:0 32px;}
.container-page{max-width:980px;margin:0 auto;padding:0 32px;}
.container-reading{max-width:720px;margin:0 auto;padding:0 32px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:5px;font-family:var(--font-sans);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;min-height:44px;}
.btn-primary{background:var(--wt-forest);color:var(--wt-paper);}
.btn-primary:hover{background:var(--wt-forest-2);color:var(--wt-paper);text-decoration:none;}
.btn-ghost{background:transparent;color:var(--wt-forest);border:1.5px solid var(--wt-forest);}
.btn-ghost:hover{background:var(--wt-forest);color:var(--wt-paper);text-decoration:none;}
.eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--wt-honey-deep);}
.eyebrow-sage{color:var(--wt-sage);}
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;color:var(--wt-forest);line-height:1.2;}
.home-hero{padding:48px 32px 24px;}
.hero-card{max-width:1200px;margin:0 auto;background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:48px 56px;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;box-shadow:0 4px 24px rgba(38,71,57,0.06);}
.hero-card-text .eyebrow{margin-bottom:16px;}
.hero-card-text h1{font-family:var(--font-serif);font-weight:700;font-size:54px;line-height:1.05;color:var(--wt-forest);margin-bottom:18px;letter-spacing:-1px;}
.hero-card-text .deck{font-size:18px;color:var(--wt-ink);margin-bottom:28px;line-height:1.5;max-width:440px;}
.hero-card-text .cta-row{display:flex;gap:12px;margin-bottom:32px;}
.hero-features{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--wt-clay);padding-top:24px;}
.hero-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--wt-ink);}
.hero-feature .num{width:28px;height:28px;border-radius:50%;background:var(--wt-forest);color:var(--wt-paper);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:600;font-size:13px;flex-shrink:0;}
.hero-feature .ico{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--wt-honey-soft);border-radius:50%;flex-shrink:0;}
.hero-feature strong{color:var(--wt-forest);font-weight:600;}
.hero-illustration{background:var(--wt-paper-warm);border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:320px;overflow:hidden;}
.hero-illustration svg{width:100%;height:auto;}
.hero-illustration img{width:100%;height:auto;display:block;border-radius:4px;}
.step-flow-section{padding:8px 32px 40px;}
.step-flow{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.step-flow-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;}
.step-flow-card img{width:100%;height:auto;display:block;background:var(--wt-paper-warm);}
.step-flow-card .step-cap{padding:14px 16px 16px;}
.step-flow-card .step-num{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:4px;}
.step-flow-card .step-ttl{font-family:var(--font-serif);font-weight:600;font-size:17px;color:var(--wt-forest);line-height:1.25;margin:0;}
@media (max-width:900px){.step-flow{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.step-flow{grid-template-columns:1fr;}}
.section-eyebrow{text-align:center;margin:64px auto 8px;}
.section-title{text-align:center;font-family:var(--font-serif);font-weight:600;font-size:36px;color:var(--wt-forest);margin-bottom:8px;line-height:1.15;}
.section-deck{text-align:center;color:var(--wt-ink-soft);font-size:16px;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto;}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 32px 56px;max-width:1200px;margin:0 auto;}
.path-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s;}
.path-card:hover{border-color:var(--wt-forest);transform:translateY(-2px);box-shadow:0 6px 18px rgba(38,71,57,0.10);text-decoration:none;color:inherit;}
.path-card-head{display:flex;align-items:center;gap:14px;}
.path-card-icon{width:48px;height:48px;flex-shrink:0;background:var(--wt-paper);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.path-card h3{font-family:var(--font-serif);font-weight:600;font-size:20px;color:var(--wt-forest);margin:0;line-height:1.2;}
.path-card p{font-size:14px;color:var(--wt-ink-soft);line-height:1.5;margin:0;}
.path-card-progress{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px;}
.progress-track{flex:1;height:5px;background:var(--wt-clay-soft);border-radius:3px;overflow:hidden;}
.progress-fill{height:100%;background:var(--wt-honey);border-radius:3px;}
.progress-text{font-size:12px;color:var(--wt-ink-soft);white-space:nowrap;}
.featured-section{padding:24px 32px 64px;background:var(--wt-paper-warm);}
.featured-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.guide-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s;}
.guide-card:hover{border-color:var(--wt-forest);transform:translateY(-2px);box-shadow:0 6px 18px rgba(38,71,57,0.10);text-decoration:none;color:inherit;}
.guide-card-head{display:flex;align-items:center;gap:10px;}
.guide-card-cat{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-sage);}
.guide-card h3{font-family:var(--font-serif);font-weight:600;font-size:19px;line-height:1.25;color:var(--wt-ink);margin:0;}
.guide-card p{font-size:14px;color:var(--wt-ink-soft);line-height:1.5;margin:0;}
.guide-card-meta{font-size:12px;color:var(--wt-ink-soft);font-style:italic;margin-top:auto;padding-top:8px;border-top:1px solid var(--wt-clay-soft);}
.eow-strip{background:var(--wt-forest);color:var(--wt-paper);padding:36px 32px;}
.eow-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px;}
.eow-icon{width:56px;height:56px;flex-shrink:0;background:rgba(255,255,255,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.eow-text{flex:1;}
.eow-text .lbl{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey);margin-bottom:4px;}
.eow-text h3{font-family:var(--font-serif);font-weight:600;font-size:22px;color:var(--wt-paper);margin:0 0 4px;}
.eow-text p{font-size:14px;color:rgba(247,242,232,0.85);margin:0;}
.eow-link{font-size:14px;font-weight:600;color:var(--wt-honey);text-decoration:none;white-space:nowrap;}
.eow-link:hover{color:var(--wt-paper);text-decoration:underline;}
.page-head{background:var(--wt-paper);padding:48px 32px 32px;border-bottom:1px solid var(--wt-clay);}
.page-head-inner{max-width:1200px;margin:0 auto;text-align:center;}
.page-head .eyebrow{margin-bottom:8px;}
.page-head h1{font-family:var(--font-serif);font-weight:700;font-size:44px;color:var(--wt-forest);margin-bottom:12px;line-height:1.15;}
.page-head .deck{font-size:17px;color:var(--wt-ink-soft);max-width:560px;margin:0 auto;}
.filter-bar{background:var(--wt-surface);border-bottom:1px solid var(--wt-clay);padding:18px 32px;position:sticky;top:0;z-index:50;}
.filter-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.filter-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-sage);margin-right:8px;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:var(--wt-paper);border:1px solid var(--wt-clay);color:var(--wt-ink);text-decoration:none;transition:all 0.15s;}
.chip:hover{border-color:var(--wt-forest);color:var(--wt-forest);text-decoration:none;}
.chip.active{background:var(--wt-forest);color:var(--wt-paper);border-color:var(--wt-forest);}
.chip svg{flex-shrink:0;}
.article-section{padding:36px 32px 56px;max-width:1200px;margin:0 auto;}
.article-section-title{font-family:var(--font-serif);font-weight:600;font-size:24px;color:var(--wt-forest);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px;}
.article-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s;min-height:220px;}
.article-card:hover{border-color:var(--wt-forest);transform:translateY(-2px);box-shadow:0 6px 18px rgba(38,71,57,0.10);text-decoration:none;color:inherit;}
.article-card-head{display:flex;align-items:flex-start;gap:12px;}
.article-card-icon{width:40px;height:40px;background:var(--wt-paper);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.article-card-cat{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-sage);}
.article-card h3{font-family:var(--font-serif);font-weight:600;font-size:18px;line-height:1.3;color:var(--wt-ink);margin:0;}
.article-card p{font-size:14px;color:var(--wt-ink-soft);line-height:1.5;margin:0;flex:1;}
.article-card-meta{font-size:12px;color:var(--wt-ink-soft);font-style:italic;margin-top:auto;padding-top:10px;border-top:1px solid var(--wt-clay-soft);display:flex;align-items:center;justify-content:space-between;}
.article-body{background:var(--wt-paper);padding:0 0 64px;}
.breadcrumb{max-width:720px;margin:0 auto;padding:24px 32px 0;font-size:13px;color:var(--wt-sage);}
.breadcrumb a{color:var(--wt-sage);text-decoration:none;}
.breadcrumb a:hover{color:var(--wt-forest);}
.breadcrumb .sep{margin:0 6px;color:var(--wt-clay);}
.article-header{max-width:720px;margin:0 auto;padding:18px 32px 28px;}
.article-cat-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:20px;background:var(--wt-sage-soft);font-size:12px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:var(--wt-forest);margin-bottom:18px;}
.article-cat-pill svg{width:14px;height:14px;}
.article-h1{font-family:var(--font-serif);font-weight:700;font-size:46px;line-height:1.1;color:var(--wt-forest);margin-bottom:14px;letter-spacing:-0.5px;}
.article-meta{font-size:13px;color:var(--wt-ink-soft);font-style:italic;display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.article-meta .sep{color:var(--wt-clay);}
.article-hero-ill{max-width:960px;margin:0 auto;padding:0 32px 32px;}
.article-hero-ill-inner{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;overflow:hidden;}
.article-hero-ill-inner svg{display:block;width:100%;height:auto;background:var(--wt-paper-warm);}
.illustration-caption{padding:10px 18px;font-size:12px;color:var(--wt-ink-soft);font-style:italic;text-align:center;background:var(--wt-surface);border-top:1px solid var(--wt-clay-soft);}
.article-content{max-width:720px;margin:0 auto;padding:8px 32px 0;}
.article-content p{font-size:17px;line-height:1.7;color:var(--wt-ink);margin-bottom:18px;}
.article-content h2{font-family:var(--font-serif);font-weight:600;font-size:28px;color:var(--wt-forest);margin:36px 0 14px;line-height:1.2;}
.article-content h3{font-family:var(--font-serif);font-weight:600;font-size:21px;color:var(--wt-forest);margin:28px 0 10px;line-height:1.25;}
.article-content ul,.article-content ol{padding-left:24px;margin-bottom:18px;}
.article-content li{font-size:17px;line-height:1.7;color:var(--wt-ink);margin-bottom:6px;}
.learn-box{background:var(--wt-honey-soft);border-left:4px solid var(--wt-honey);border-radius:4px;padding:20px 24px;margin:28px 0;}
.learn-box-head{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:12px;}
.learn-box ul{list-style:none;padding:0;margin:0;}
.learn-box li{padding:6px 0 6px 28px;position:relative;font-size:15px;color:var(--wt-ink);line-height:1.5;}
.learn-box li::before{content:"";position:absolute;left:0;top:13px;width:12px;height:12px;border-radius:50%;background:var(--wt-honey);}
.learn-box li::after{content:"";position:absolute;left:3px;top:16px;width:5px;height:8px;border-right:2px solid var(--wt-forest);border-bottom:2px solid var(--wt-forest);transform:rotate(45deg);}
.tip-block,.caution-block{border-radius:6px;padding:18px 22px;margin:24px 0;display:flex;gap:14px;align-items:flex-start;}
.tip-block{background:var(--wt-honey-soft);border-left:4px solid var(--wt-honey);}
.caution-block{background:var(--wt-coral-soft);border-left:4px solid var(--wt-coral);}
.tip-icon,.caution-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--wt-surface);}
.tip-icon{color:var(--wt-honey-deep);}
.caution-icon{color:var(--wt-coral);}
.tip-content,.caution-content{flex:1;}
.tip-label,.caution-label{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:4px;}
.tip-label{color:var(--wt-honey-deep);}
.caution-label{color:var(--wt-coral);}
.tip-content p,.caution-content p{font-size:15px;line-height:1.55;color:var(--wt-ink);margin:0;}
.go-deeper{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;padding:28px 30px;margin:36px 0 24px;}
.go-deeper-head{display:flex;align-items:center;gap:14px;margin-bottom:6px;}
.go-deeper-head .ico{width:36px;height:36px;background:var(--wt-honey-soft);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--wt-honey-deep);}
.go-deeper h3{font-family:var(--font-serif);font-weight:600;font-size:24px;color:var(--wt-forest);margin:0;line-height:1;}
.go-deeper .deck{font-size:14px;color:var(--wt-ink-soft);margin:0 0 18px 50px;}
.go-deeper-list{list-style:none;padding:0;margin:0 0 18px;}
.go-deeper-list li{border-top:1px solid var(--wt-clay-soft);}
.go-deeper-list li:last-child{border-bottom:1px solid var(--wt-clay-soft);}
.go-deeper-list a{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;font-size:15px;color:var(--wt-ink);font-weight:500;text-decoration:none;transition:color 0.15s,background 0.15s;}
.go-deeper-list a:hover{color:var(--wt-forest);text-decoration:none;background:var(--wt-paper);}
.go-deeper-list a .arrow{color:var(--wt-sage);font-weight:400;}
.go-deeper-list a:hover .arrow{color:var(--wt-honey-deep);}
.go-deeper-footer{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:13px;color:var(--wt-ink-soft);font-style:italic;}
.source-block{max-width:720px;margin:32px auto 0;padding:18px 24px;background:var(--wt-sage-soft);border-radius:6px;font-size:13px;color:var(--wt-ink-soft);font-style:italic;line-height:1.5;}
.source-block strong{color:var(--wt-forest);font-style:normal;font-weight:600;}
.article-nav{max-width:720px;margin:36px auto 0;padding:24px 32px 0;border-top:1px solid var(--wt-clay);display:flex;justify-content:space-between;align-items:center;gap:24px;}
.nav-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;flex:1;padding:14px 18px;border-radius:6px;border:1px solid var(--wt-clay);background:var(--wt-surface);}
.nav-link:hover{border-color:var(--wt-forest);text-decoration:none;color:inherit;}
.nav-link .dir{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-sage);}
.nav-link .title{font-family:var(--font-serif);font-weight:600;font-size:17px;color:var(--wt-forest);}
.nav-link.next{text-align:right;}
.about-page{padding:64px 32px;}
.about-inner{max-width:720px;margin:0 auto;}
.about-inner h1{font-family:var(--font-serif);font-weight:700;font-size:48px;color:var(--wt-forest);margin-bottom:18px;}
.about-inner .lede{font-size:20px;line-height:1.5;color:var(--wt-ink);margin-bottom:28px;}
.about-inner p{font-size:16px;line-height:1.7;color:var(--wt-ink);margin-bottom:18px;}
.about-trust{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;padding:24px 28px;margin:28px 0;}
.about-trust h3{font-family:var(--font-serif);font-weight:600;font-size:18px;color:var(--wt-forest);margin-bottom:10px;}
.about-trust p{font-size:14px;color:var(--wt-ink-soft);margin:0;}
.about-author{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:24px 28px;margin:0 0 32px;box-shadow:0 4px 16px rgba(38,71,57,0.05);}
.about-author-photo{width:220px;height:auto;display:block;}
.about-author-body{font-size:15px;line-height:1.6;color:var(--wt-ink);}
.about-author-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:4px;}
.about-author-name{font-family:var(--font-serif);font-weight:700;font-size:24px;color:var(--wt-forest);margin:0 0 10px;line-height:1.15;}
.about-author-body p{font-size:15px;line-height:1.6;color:var(--wt-ink);margin:0;}
.byline{display:inline-flex;align-items:center;gap:6px;}
.byline-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--wt-clay);background:var(--wt-paper-warm);flex-shrink:0;}
@media (max-width:640px){.about-author{grid-template-columns:1fr;text-align:center;justify-items:center;}.about-author-photo{width:180px;margin:0 auto;}}
.tut-hero{padding:56px 32px 24px;background:var(--wt-paper);}
.tut-hero-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;}
.tut-hero h1{font-family:var(--font-serif);font-weight:700;font-size:48px;color:var(--wt-forest);line-height:1.05;letter-spacing:-1px;margin:16px 0;}
.tut-hero .deck{font-size:18px;color:var(--wt-ink);max-width:480px;line-height:1.55;margin-bottom:24px;}
.tut-stats{display:flex;gap:24px;margin:24px 0 32px;flex-wrap:wrap;}
.tut-stat{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--wt-honey);padding-left:14px;}
.tut-stat .v{font-family:var(--font-serif);font-weight:700;font-size:28px;color:var(--wt-forest);line-height:1;}
.tut-stat .l{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-ink-soft);}
.tut-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;}
.tut-hero-ill{background:var(--wt-paper-warm);border-radius:10px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid var(--wt-clay);overflow:hidden;}
.tut-hero-ill img{width:100%;height:auto;display:block;border-radius:4px;}
.tut-lesson-list-section{padding:32px 32px 80px;}
.tut-lesson-list-inner{max-width:1080px;margin:0 auto;}
.tut-section-title{font-family:var(--font-serif);font-weight:600;font-size:28px;color:var(--wt-forest);margin-bottom:6px;}
.tut-section-deck{color:var(--wt-ink-soft);font-size:15px;margin-bottom:24px;max-width:640px;}
.tut-lesson-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.tut-lesson-card{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:18px 22px;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s;text-decoration:none;color:inherit;}
.tut-lesson-card:hover{border-color:var(--wt-forest);transform:translateY(-1px);box-shadow:0 6px 18px rgba(38,71,57,0.10);text-decoration:none;color:inherit;}
.tut-lesson-num{width:48px;height:48px;border-radius:50%;background:var(--wt-paper);border:1.5px solid var(--wt-clay);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:18px;color:var(--wt-forest);}
.tut-lesson-card.first .tut-lesson-num{background:var(--wt-honey);color:var(--wt-forest-2);border-color:var(--wt-honey-deep);}
.tut-lesson-body h3{font-family:var(--font-serif);font-weight:600;font-size:19px;color:var(--wt-forest);margin:0;line-height:1.25;}
.tut-lesson-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--wt-ink-soft);margin-top:3px;}
.tut-lesson-meta .dot{color:var(--wt-clay);}
.tut-lesson-status{font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--wt-ink-soft);}
.tut-lesson-card.first .tut-lesson-status{color:var(--wt-honey-deep);}
/* Tutorial shell */
.tut-shell-topbar{background:var(--wt-forest);color:var(--wt-paper);padding:14px 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--wt-forest-2);flex-wrap:wrap;}
.tut-shell-topbar .tut-tag{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey);}
.tut-shell-progress-inline{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--wt-paper);margin-left:auto;flex-wrap:wrap;}
.tut-shell-progress-inline .mini-bar{width:140px;height:6px;background:rgba(255,255,255,0.15);border-radius:3px;overflow:hidden;}
.tut-shell-progress-inline .mini-fill{height:100%;background:var(--wt-honey);border-radius:3px;transition:width 0.4s;}
.tut-shell-progress-inline a.exit{color:rgba(247,242,232,0.7);font-size:13px;font-weight:500;text-decoration:none;padding:6px 12px;border:1px solid rgba(247,242,232,0.2);border-radius:4px;}
.tut-shell-progress-inline a.exit:hover{color:var(--wt-paper);border-color:rgba(247,242,232,0.4);}
.tut-shell{display:grid;grid-template-columns:300px 1fr;}
.tut-rail{background:var(--wt-surface);border-right:1px solid var(--wt-clay);padding:28px 22px;}
.tut-rail-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-sage);margin-bottom:8px;}
.tut-rail h4{font-family:var(--font-serif);font-weight:600;font-size:18px;color:var(--wt-forest);margin-bottom:14px;}
.tut-rail-progress{margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--wt-clay-soft);}
.tut-rail-progress .label{font-size:12px;color:var(--wt-ink-soft);margin-bottom:6px;display:flex;justify-content:space-between;}
.tut-rail-progress .label strong{color:var(--wt-forest);}
.tut-rail-progress .track{height:8px;background:var(--wt-clay-soft);border-radius:4px;overflow:hidden;}
.tut-rail-progress .fill{height:100%;background:var(--wt-honey);border-radius:4px;transition:width 0.4s;}
.tut-rail-list{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0;}
.tut-rail-item{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px;border-radius:6px;color:var(--wt-ink);font-size:14px;line-height:1.3;text-decoration:none;}
.tut-rail-item:hover{background:var(--wt-paper);text-decoration:none;color:var(--wt-ink);}
.tut-rail-item.current{background:var(--wt-sage-soft);}
.tut-rail-item.current .num{background:var(--wt-honey);color:var(--wt-forest-2);border-color:var(--wt-honey-deep);}
.tut-rail-item.current .title-line{color:var(--wt-forest);font-weight:600;}
.tut-rail-item.complete .num{background:var(--wt-forest);color:var(--wt-paper);border-color:var(--wt-forest);}
.tut-rail-item.complete .title-line{color:var(--wt-forest);}
.tut-rail-item .num{width:28px;height:28px;border-radius:50%;background:var(--wt-paper);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:13px;color:var(--wt-forest);border:1px solid var(--wt-clay);}
.tut-rail-item .num svg{width:14px;height:14px;}
.tut-rail-item .title-line{font-size:14px;}
.tut-main{padding:36px 48px 80px;max-width:840px;}
.tut-main h1{font-family:var(--font-serif);font-weight:700;font-size:42px;line-height:1.1;color:var(--wt-forest);margin-bottom:14px;letter-spacing:-0.5px;}
.tut-main .lesson-meta{font-size:13px;color:var(--wt-ink-soft);font-style:italic;margin-bottom:28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.tut-main .lesson-meta .sep{color:var(--wt-clay);}
.tut-breadcrumb{font-size:13px;color:var(--wt-sage);margin-bottom:14px;}
.tut-breadcrumb a{color:var(--wt-sage);}
.tut-breadcrumb a:hover{color:var(--wt-forest);}
.tut-breadcrumb .sep{margin:0 6px;color:var(--wt-clay);}
.tut-cat-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:var(--wt-sage-soft);font-size:12px;font-weight:600;letter-spacing:0.6px;text-transform:uppercase;color:var(--wt-forest);margin-bottom:12px;}
.tut-cat-pill svg{width:14px;height:14px;}
.tut-learn-box{background:var(--wt-honey-soft);border-left:4px solid var(--wt-honey);border-radius:4px;padding:18px 22px;margin:0 0 28px;}
.tut-learn-box .head{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.tut-learn-box ul{list-style:none;padding:0;margin:0;}
.tut-learn-box li{padding:6px 0 6px 24px;position:relative;font-size:15px;color:var(--wt-ink);line-height:1.5;}
.tut-learn-box li::before{content:"";position:absolute;left:0;top:13px;width:10px;height:10px;border-radius:50%;background:var(--wt-honey);}
.tut-body p{font-size:17px;line-height:1.65;color:var(--wt-ink);margin-bottom:18px;}
.tut-body h2{font-family:var(--font-serif);font-weight:600;font-size:26px;color:var(--wt-forest);margin:30px 0 12px;}
.tut-body h3{font-family:var(--font-serif);font-weight:600;font-size:21px;color:var(--wt-forest);margin:24px 0 10px;}
.tut-body ul,.tut-body ol{padding-left:24px;margin-bottom:18px;}
.tut-body li{font-size:17px;line-height:1.65;color:var(--wt-ink);margin-bottom:4px;}
.tut-lesson-nav{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--wt-clay);align-items:center;}
.tut-lesson-nav .nav-prev{color:var(--wt-ink-soft);font-size:14px;padding:12px 18px;border-radius:6px;border:1px solid var(--wt-clay);background:var(--wt-surface);text-decoration:none;display:inline-flex;flex-direction:column;line-height:1.2;}
.tut-lesson-nav .nav-prev:hover{border-color:var(--wt-forest);color:var(--wt-forest);text-decoration:none;}
.tut-lesson-nav .nav-prev .dir{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-sage);}
.tut-lesson-nav .nav-prev .ttl{font-family:var(--font-serif);font-weight:600;font-size:16px;color:var(--wt-forest);margin-top:2px;}
.tut-lesson-nav .nav-next{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;background:var(--wt-forest);color:var(--wt-paper);border-radius:6px;font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;}
.tut-lesson-nav .nav-next:hover{background:var(--wt-forest-2);text-decoration:none;color:var(--wt-paper);}
.tut-lesson-nav .nav-next.last{background:var(--wt-honey);color:var(--wt-forest-2);}
.tut-lesson-nav .nav-next.last:hover{background:var(--wt-honey-deep);color:var(--wt-paper);}
/* Completion */
.completion-hero{padding:80px 32px 40px;background:linear-gradient(180deg,var(--wt-paper) 0%,var(--wt-paper-warm) 100%);text-align:center;}
.completion-medal{width:120px;height:120px;margin:0 auto 28px;border-radius:50%;background:var(--wt-honey);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(214,164,71,0.35);}
.completion-medal svg{width:60px;height:60px;color:var(--wt-forest);}
.completion-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--wt-honey-deep);margin:8px 0;}
.completion-hero h1{font-family:var(--font-serif);font-weight:700;font-size:54px;color:var(--wt-forest);margin-bottom:16px;letter-spacing:-1px;line-height:1.05;}
.completion-hero .deck{font-size:19px;color:var(--wt-ink);max-width:560px;margin:0 auto 24px;line-height:1.55;}
.completion-byline{font-size:14px;color:var(--wt-ink-soft);font-style:italic;}
.completion-recap{max-width:880px;margin:0 auto;padding:48px 32px;}
.recap-eyebrow{text-align:center;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:10px;}
.recap-title{text-align:center;font-family:var(--font-serif);font-weight:600;font-size:30px;color:var(--wt-forest);margin-bottom:30px;}
.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px;}
.recap-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px;}
.recap-card .check{width:24px;height:24px;border-radius:50%;background:var(--wt-forest);color:var(--wt-paper);display:flex;align-items:center;justify-content:center;}
.recap-card .check svg{width:14px;height:14px;}
.recap-card .ttl{font-family:var(--font-serif);font-weight:600;font-size:15px;color:var(--wt-forest);line-height:1.25;}
/* Share-result CTA */
.share-section{background:var(--wt-honey-soft);padding:48px 32px;border-top:1px solid var(--wt-clay);border-bottom:1px solid var(--wt-clay);}
.share-inner{max-width:880px;margin:0 auto;text-align:center;}
.share-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:8px;}
.share-title{font-family:var(--font-serif);font-weight:600;font-size:32px;color:var(--wt-forest);margin-bottom:8px;line-height:1.15;}
.share-deck{font-size:16px;color:var(--wt-ink);max-width:540px;margin:0 auto 24px;}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.share-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;background:var(--wt-surface);color:var(--wt-forest);border:1.5px solid var(--wt-forest);cursor:pointer;transition:background 0.15s,color 0.15s;font-family:inherit;}
.share-btn:hover{background:var(--wt-forest);color:var(--wt-paper);text-decoration:none;}
.share-btn svg{width:18px;height:18px;}
.share-btn.primary{background:var(--wt-forest);color:var(--wt-paper);}
.share-btn.primary:hover{background:var(--wt-forest-2);color:var(--wt-paper);}
.share-toast{display:none;margin-top:14px;font-size:13px;color:var(--wt-forest);font-style:italic;}
.share-toast.show{display:inline-block;}
/* Where to next */
.next-section{background:var(--wt-paper-warm);padding:64px 32px;}
.next-inner{max-width:1080px;margin:0 auto;}
.next-eyebrow{text-align:center;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:8px;}
.next-title{text-align:center;font-family:var(--font-serif);font-weight:600;font-size:34px;color:var(--wt-forest);margin-bottom:8px;}
.next-deck{text-align:center;font-size:16px;color:var(--wt-ink-soft);max-width:560px;margin:0 auto 36px;}
.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px;}
.next-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s;text-decoration:none;color:inherit;}
.next-card:hover{border-color:var(--wt-forest);transform:translateY(-2px);box-shadow:0 6px 18px rgba(38,71,57,0.10);text-decoration:none;color:inherit;}
.next-card .topic{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wt-sage);}
.next-card h3{font-family:var(--font-serif);font-weight:600;font-size:20px;color:var(--wt-forest);margin:4px 0;}
.next-card p{font-size:14px;color:var(--wt-ink-soft);line-height:1.5;margin:0;}
.next-card .link{font-size:13px;font-weight:600;color:var(--wt-forest);margin-top:auto;padding-top:8px;}
.eow-cta{background:var(--wt-forest);color:var(--wt-paper);border-radius:10px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;}
.eow-cta .lbl{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey);margin-bottom:6px;}
.eow-cta h3{font-family:var(--font-serif);font-weight:600;font-size:26px;color:var(--wt-paper);margin:0 0 8px;}
.eow-cta p{font-size:15px;color:rgba(247,242,232,0.85);margin:0;max-width:560px;line-height:1.5;}
.btn-honey{background:var(--wt-honey);color:var(--wt-forest-2);}
.btn-honey:hover{background:var(--wt-honey-deep);color:var(--wt-paper);text-decoration:none;}
/* Newsletter signup card (large) */
.newsletter-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:32px 36px;margin:40px auto 0;max-width:680px;text-align:center;box-shadow:0 4px 16px rgba(38,71,57,0.05);}
.newsletter-card .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:8px;display:block;}
.newsletter-card h3{font-family:var(--font-serif);font-weight:600;font-size:24px;color:var(--wt-forest);margin-bottom:8px;}
.newsletter-card p{font-size:15px;color:var(--wt-ink-soft);margin:0 0 18px;line-height:1.5;}
.newsletter-form{display:flex;gap:8px;max-width:480px;margin:0 auto;}
.newsletter-form input[type="email"]{flex:1;padding:12px 16px;border:1px solid var(--wt-clay);border-radius:6px;font-size:15px;font-family:inherit;background:var(--wt-paper);color:var(--wt-ink);min-width:0;}
.newsletter-form input[type="email"]:focus{outline:none;border-color:var(--wt-forest);box-shadow:0 0 0 2px rgba(38,71,57,0.1);}
.newsletter-form button{padding:12px 22px;background:var(--wt-forest);color:var(--wt-paper);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;}
.newsletter-form button:hover{background:var(--wt-forest-2);}
.newsletter-card .small{font-size:12px;color:var(--wt-ink-soft);margin-top:14px;}
.newsletter-success{display:none;color:var(--wt-forest);font-weight:600;font-size:15px;}
.newsletter-success.show{display:block;}
.newsletter-form.hidden{display:none;}
/* Footer newsletter (compact) */
.footer-newsletter{background:rgba(255,255,255,0.04);border:1px solid rgba(247,242,232,0.15);border-radius:8px;padding:18px 22px;margin-bottom:24px;max-width:560px;width:100%;}
.footer-newsletter .lbl{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey);margin-bottom:8px;}
.footer-newsletter h4{font-family:var(--font-serif);font-weight:600;font-size:18px;color:var(--wt-paper);margin:0 0 10px;}
.footer-newsletter p{font-size:13px;color:rgba(247,242,232,0.7);margin:0 0 12px;line-height:1.5;}
.footer-newsletter-form{display:flex;gap:6px;}
.footer-newsletter-form input{flex:1;padding:9px 12px;border:1px solid rgba(247,242,232,0.2);border-radius:4px;font-size:13px;background:rgba(0,0,0,0.2);color:var(--wt-paper);font-family:inherit;min-width:0;}
.footer-newsletter-form input::placeholder{color:rgba(247,242,232,0.4);}
.footer-newsletter-form input:focus{outline:none;border-color:var(--wt-honey);}
.footer-newsletter-form button{padding:9px 16px;background:var(--wt-honey);color:var(--wt-forest-2);border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.footer-newsletter-form button:hover{background:var(--wt-honey-deep);color:var(--wt-paper);}
.site-footer{background:var(--wt-forest);color:var(--wt-paper);padding:56px 32px 32px;}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(247,242,232,0.15);}
.footer-brand .brand-word{color:var(--wt-paper);}
.footer-brand p{font-size:14px;color:rgba(247,242,232,0.7);margin-top:12px;line-height:1.5;max-width:300px;}
.footer-col h4{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wt-honey);margin-bottom:14px;}
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:8px;}
.footer-col a{font-size:14px;color:rgba(247,242,232,0.75);text-decoration:none;}
.footer-col a:hover{color:var(--wt-honey);text-decoration:none;}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:28px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;align-items:center;font-size:12px;color:rgba(247,242,232,0.5);}
.footer-tagline{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--wt-honey);}
.footer-corpus-stamp{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:rgba(247,242,232,0.45);letter-spacing:.01em;width:100%;margin-top:8px;}
.footer-corpus-stamp a{color:rgba(247,242,232,0.65);text-decoration:none;}
.footer-corpus-stamp a:hover{color:var(--wt-honey);text-decoration:none;}
.footer-corpus-stamp code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:inherit;background:rgba(247,242,232,0.07);padding:1px 6px;border-radius:4px;}
.footer-corpus-stamp .sep{opacity:.5;}
.footer-corpus-stamp .refreshed{opacity:.85;}
@media (max-width:900px){
  .hero-card{grid-template-columns:1fr;padding:32px;}
  .hero-card-text h1{font-size:40px;}
  .path-grid,.featured-grid,.article-grid{grid-template-columns:1fr 1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .eow-inner{flex-direction:column;text-align:center;}
}
@media (max-width:640px){
  .path-grid,.featured-grid,.article-grid,.footer-inner{grid-template-columns:1fr;}
  .header-inner{padding:12px 20px;flex-wrap:wrap;gap:16px;}
  .main-nav{margin-left:0;width:100%;justify-content:space-between;}
  .article-h1{font-size:34px;}
  .page-head h1{font-size:32px;}
  .article-nav{flex-direction:column;}
  .tut-hero-inner{grid-template-columns:1fr;}
  .tut-shell{grid-template-columns:1fr;}
  .tut-rail{border-right:none;border-bottom:1px solid var(--wt-clay);}
  .tut-main{padding:32px;}
  .recap-grid{grid-template-columns:1fr 1fr;}
  .next-grid{grid-template-columns:1fr;}
  .eow-cta{grid-template-columns:1fr;text-align:center;}
}

/* === WriteWtProgressCss === */

.wt-nav-pill[hidden]{display:none;}
.wt-nav-pill{display:inline-flex;align-items:center;justify-content:center;background:var(--wt-honey-soft);color:var(--wt-honey-deep);font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 9px;border-radius:999px;margin:0 6px;border:1px solid var(--wt-honey);}
.path-card-complete{border-color:var(--wt-honey)!important;}
.path-card-complete .progress-fill{background:var(--wt-honey)!important;}
.wt-mark-block{margin:32px 0 12px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.wt-mark-btn{display:inline-flex;align-items:center;gap:8px;background:var(--wt-forest);color:var(--wt-paper);border:none;padding:11px 22px;border-radius:6px;font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;}
.wt-mark-btn:hover{background:var(--wt-forest-2);}
#wt-mark-read::before{content:'\2713';font-size:14px;font-weight:700;display:inline-block;}
.wt-mark-btn.completed{background:#3B6D11;cursor:default;opacity:.95;}
.wt-mark-btn.completed:hover{background:#3B6D11;}
/* Bookmark button — secondary visual, primary when saved. */
.wt-bookmark-btn{background:transparent;color:var(--wt-forest);border:1px solid var(--wt-clay);}
.wt-bookmark-btn:hover{background:var(--wt-paper-warm);}
.wt-bookmark-btn.is-saved{background:var(--wt-honey);color:var(--wt-forest);border-color:var(--wt-honey-deep);}
.wt-bookmark-btn.is-saved:hover{background:var(--wt-honey-deep);color:var(--wt-paper);}
.wt-firstnag{background:var(--wt-honey-soft);border:1px solid var(--wt-honey);border-radius:10px;padding:18px 22px;margin:14px 0 4px;}
.firstnag-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.firstnag-text strong{display:block;font-family:var(--font-serif);font-size:17px;color:var(--wt-forest);margin-bottom:4px;}
.firstnag-text p{margin:0;font-size:14px;color:var(--wt-honey-deep);}
.firstnag-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;}
.firstnag-cta{background:var(--wt-forest);color:var(--wt-paper);padding:9px 18px;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;}
.firstnag-cta:hover{background:var(--wt-forest-2);text-decoration:none;color:var(--wt-paper);}
.firstnag-skip{background:transparent;border:1px solid var(--wt-clay);color:var(--wt-ink-soft);padding:9px 16px;border-radius:5px;font-size:13px;cursor:pointer;}
.wt-save-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:var(--wt-forest);color:var(--wt-paper);padding:13px 18px;border-radius:10px;box-shadow:0 8px 32px rgba(38,71,57,.22);z-index:300;max-width:680px;width:calc(100% - 36px);}
.wt-save-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;}
.wt-save-text{color:var(--wt-paper);font-size:14px;flex:1;min-width:0;}
.wt-save-text strong{color:#fff;}
.wt-save-cta{background:var(--wt-honey);color:var(--wt-forest-2);padding:8px 16px;border-radius:5px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;}
.wt-save-cta:hover{text-decoration:none;}
.wt-save-dismiss{background:transparent;border:none;color:rgba(247,242,232,.6);font-size:22px;cursor:pointer;line-height:1;padding:0 6px;}
.wt-save-dismiss:hover{color:var(--wt-paper);}

/* WT-TUTORIAL-GAMIFICATION-T1 — progress + nag + nav-pill */
/* === WriteAskScottPageCss === */

.ask-shell{max-width:1080px;margin:0 auto;padding:36px 24px 60px;display:grid;grid-template-columns:1fr;gap:24px;}
.ask-titleblock{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:18px;}
.ask-title h1{font-family:var(--font-serif);font-size:42px;color:var(--wt-forest);font-weight:600;letter-spacing:-0.4px;margin-bottom:8px;line-height:1.1;}
.ask-title p{font-size:16px;color:var(--wt-ink-soft);max-width:520px;}
.counter-pill{display:inline-flex;align-items:center;gap:7px;background:var(--wt-honey-soft);color:var(--wt-honey-deep);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--wt-honey);white-space:nowrap;}
.counter-pill .icon{font-size:12px;line-height:1;}
.counter-pill.warn{background:var(--wt-coral-soft);color:var(--wt-coral);border-color:var(--wt-coral);}
.chat-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:16px;box-shadow:0 8px 32px rgba(38,71,57,0.08);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 260px);min-height:480px;max-height:760px;}
.chat-scroll{padding:32px 28px 12px;flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth;}
.welcome{display:flex;gap:20px;align-items:flex-start;}
.avatar{flex-shrink:0;border-radius:50%;background:var(--wt-honey-soft);border:2px solid var(--wt-honey);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;color:var(--wt-forest);overflow:hidden;}
.avatar.lg{width:64px;height:64px;font-size:24px;}
.avatar.sm{width:36px;height:36px;font-size:14px;}
.avatar.has-photo{padding:0;overflow:hidden;}
.avatar.has-photo img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block;}
.welcome .body{flex:1;}
.welcome-name{font-family:var(--font-serif);font-size:22px;color:var(--wt-forest);font-weight:600;margin-bottom:8px;}
.welcome .body p{font-size:15px;color:var(--wt-ink);margin-bottom:10px;line-height:1.55;}
.welcome .body p.subtle{font-size:14px;color:var(--wt-ink-soft);margin-bottom:18px;}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.chip{background:var(--wt-paper);border:1px solid var(--wt-clay);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--wt-forest);font-family:var(--font-sans);cursor:pointer;transition:all .15s;font-weight:500;}
.chip:hover{background:var(--wt-honey-soft);border-color:var(--wt-honey);color:var(--wt-honey-deep);}
.msg{display:flex;gap:14px;align-items:flex-start;animation:ask-fade .2s ease-out;}
@keyframes ask-fade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.msg.user{flex-direction:row-reverse;}
.msg.user .bubble{background:var(--wt-forest);color:#fff;border-bottom-right-radius:4px;}
.msg.assistant .bubble{background:var(--wt-paper);color:var(--wt-ink);border-bottom-left-radius:4px;}
.bubble{padding:14px 18px;border-radius:14px;max-width:78%;font-size:15px;line-height:1.55;white-space:pre-wrap;}
.bubble .sources{margin-top:12px;padding-top:12px;border-top:1px solid var(--wt-clay);font-size:12px;color:var(--wt-ink-soft);}
.bubble .sources strong{color:var(--wt-forest);font-weight:700;margin-right:6px;}
.bubble .sources .src-link{color:var(--wt-wine);text-decoration:none;display:inline-block;margin:2px 6px 2px 0;padding:2px 8px;border-radius:6px;background:var(--wt-clay-soft);font-size:11px;font-weight:600;}
.bubble .sources .src-link:hover{background:var(--wt-honey-soft);color:var(--wt-honey-deep);text-decoration:none;}
.msg.assistant .chip-row{margin-top:14px;margin-left:50px;}
.msg.assistant .chip-row .chip{background:var(--wt-surface);border:1px dashed var(--wt-clay);}
.bubble.loading{background:var(--wt-paper);min-width:64px;display:inline-flex;align-items:center;gap:5px;}
.bubble.loading .dot-anim{width:6px;height:6px;border-radius:50%;background:var(--wt-ink-soft);animation:ask-bounce 1.4s infinite;}
.bubble.loading .dot-anim:nth-child(2){animation-delay:.2s;}
.bubble.loading .dot-anim:nth-child(3){animation-delay:.4s;}
@keyframes ask-bounce{0%,80%,100%{transform:translateY(0);opacity:.4;}40%{transform:translateY(-6px);opacity:1;}}
.compose-wrap{border-top:1px solid var(--wt-clay);background:var(--wt-paper);padding:18px 24px;}
.compose-row{display:flex;align-items:flex-end;gap:12px;background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:14px;padding:8px 8px 8px 16px;transition:border-color .15s;}
.compose-row:focus-within{border-color:var(--wt-honey);}
.compose-row textarea{flex:1;border:none;outline:none;resize:none;font-family:var(--font-sans);font-size:15px;background:transparent;padding:8px 0;line-height:1.5;color:var(--wt-ink);max-height:140px;}
.send-btn{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--wt-forest);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;}
.send-btn:hover:not(:disabled){background:var(--wt-forest-2);}
.send-btn:disabled{background:var(--wt-clay);cursor:not-allowed;opacity:.7;}
.send-btn svg{width:18px;height:18px;}
/* Gate panel — canon v1 Pane 4: invitational, two-column with benefits aside. */
.gate-panel{display:none;background:linear-gradient(180deg,var(--wt-paper-warm) 0%,var(--wt-surface) 100%);border:1px solid var(--wt-clay);border-radius:16px;padding:34px 36px 36px;}
.gate-panel.is-active{display:block;animation:ask-fade .3s ease-out;}
.gate-panel .gate-head{display:flex;gap:18px;align-items:center;margin-bottom:24px;}
.gate-panel .gate-head .avatar{flex:none;margin:0;}
.gate-panel h2{font-family:var(--font-serif);font-size:26px;color:var(--wt-forest);font-weight:600;margin-bottom:4px;line-height:1.2;}
.gate-panel .gate-sub{font-size:15px;color:var(--wt-ink-soft);line-height:1.55;}
.gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;}
.gate-form{display:flex;flex-direction:column;gap:10px;}
.gate-form label{font-size:12px;font-weight:600;color:var(--wt-forest);letter-spacing:.02em;margin-top:6px;text-transform:uppercase;}
.gate-form input{padding:12px 14px;border:1px solid var(--wt-clay);border-radius:10px;font-family:var(--font-sans);font-size:15px;background:var(--wt-surface);}
.gate-form input:focus{outline:2px solid var(--wt-honey);outline-offset:1px;border-color:var(--wt-honey);}
.gate-form button[type=submit]{margin-top:14px;padding:13px 18px;background:var(--wt-forest);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;}
.gate-form button[type=submit]:hover{background:var(--wt-forest-2);}
.gate-form button[type=submit]:disabled{background:var(--wt-clay);cursor:not-allowed;opacity:.7;}
.gate-form .gate-error{padding:10px 14px;border-radius:8px;background:var(--wt-coral-soft);border:1px solid var(--wt-coral);color:var(--wt-coral);font-size:13px;display:none;}
.gate-form .gate-error.is-visible{display:block;animation:ask-fade .2s ease-out;}
.gate-toggle-note{font-size:12px;color:var(--wt-ink-soft);margin-top:14px;text-align:center;}
.gate-toggle-note a{color:var(--wt-wine);font-weight:600;text-decoration:none;cursor:pointer;}
.gate-toggle-note a:hover{text-decoration:underline;}
/* Benefits aside */
.gate-benefits{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:12px;padding:20px 22px;}
.gate-benefits h3{font-family:var(--font-serif);font-size:16px;color:var(--wt-forest);font-weight:600;margin-bottom:14px;letter-spacing:.01em;}
.gate-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}
.gate-benefits li{display:flex;gap:12px;align-items:flex-start;}
.gate-benefits li svg{flex:none;width:18px;height:18px;color:var(--wt-honey-deep);margin-top:2px;}
.gate-benefits li strong{display:block;font-size:14px;color:var(--wt-forest);font-weight:600;margin-bottom:2px;}
.gate-benefits li span{display:block;font-size:13px;color:var(--wt-ink-soft);line-height:1.45;}
.gate-reassurance{margin-top:18px;padding-top:14px;border-top:1px solid var(--wt-clay);font-size:12px;color:var(--wt-ink-soft);font-style:italic;line-height:1.5;}
/* Login mode: benefits column not applicable (existing user has all of these); hide via JS. */
.gate-panel.is-login .gate-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}
.gate-panel.is-login .gate-benefits{display:none;}
.counter-pill.signed-in{background:var(--wt-forest);color:#fff;border-color:var(--wt-forest);}
.counter-pill.signed-in .icon{color:var(--wt-honey);}
.counter-pill.is-signed{background:var(--wt-forest-soft);color:var(--wt-forest);border-color:var(--wt-forest);}

/* Saved-conversations sidebar (signed-in only) — faithful to v1-canon Pane 6 */
.ask-shell.with-sidebar{grid-template-columns:240px 1fr;}
.ask-main{display:flex;flex-direction:column;gap:18px;min-width:0;}
.saved-rail{background:var(--wt-paper-warm);border:1px solid var(--wt-clay);border-radius:14px;padding:16px;align-self:start;position:sticky;top:88px;}
.saved-rail h4{font-family:var(--font-serif);font-size:15px;color:var(--wt-forest);margin-bottom:10px;font-weight:600;}
.saved-rail .saved-item{padding:9px 11px;border-radius:8px;cursor:pointer;margin-bottom:3px;}
.saved-rail .saved-item:hover{background:var(--wt-surface);}
.saved-rail .saved-item.is-current{background:var(--wt-forest);color:#fff;}
.saved-rail .saved-item .title{font-size:13px;font-weight:600;color:inherit;display:block;margin-bottom:2px;line-height:1.3;}
.saved-rail .saved-item.is-current .title{color:#fff;}
.saved-rail .saved-item .meta{font-size:11px;color:var(--wt-ink-soft);}
.saved-rail .saved-item.is-current .meta{color:rgba(255,255,255,0.7);}
.saved-rail .saved-empty{font-size:12px;color:var(--wt-ink-soft);padding:6px 11px;font-style:italic;}
.saved-rail .new-btn{margin-top:12px;width:100%;padding:9px;background:var(--wt-honey);border:none;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;color:var(--wt-forest);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;}
.saved-rail .new-btn:hover{background:var(--wt-honey-deep);color:#fff;}

/* Welcome variant: signed in */
.welcome.is-signed-in .anon-only{display:none;}
.welcome .signed-in-only{display:none;}
.welcome.is-signed-in .signed-in-only{display:block;}

@media(max-width:900px){
  .ask-shell.with-sidebar{grid-template-columns:1fr;}
  .saved-rail{position:static;}
  .gate-grid{grid-template-columns:1fr;}
  .gate-panel{padding:24px 20px 28px;}
  .gate-panel .gate-head{flex-direction:column;align-items:flex-start;gap:12px;}
}
@media(max-width:640px){
  .ask-title h1{font-size:32px;}
  .ask-shell{padding:20px 16px 40px;}
  .chat-card{height:calc(100vh - 200px);min-height:360px;}
  .chat-scroll{padding:20px 18px 8px;}
  .compose-wrap{padding:14px 16px;}
  .bubble{max-width:88%;}
  .welcome-name{font-size:18px;}
}

/* === WritePairingPageCss === */

/* Pairing hub page — scoped styles */
.pairing-hero{background:radial-gradient(1100px 380px at 18% -10%,rgba(214,164,71,.16),transparent 60%),radial-gradient(900px 360px at 90% 10%,rgba(126,36,51,.10),transparent 60%),var(--wt-paper);padding:72px 0 36px;border-bottom:1px solid var(--wt-clay);}
.pairing-hero h1{font-family:var(--font-serif);font-size:clamp(2.2rem,4.5vw,3.2rem);color:var(--wt-forest);margin:0 0 .4em;line-height:1.05;}
.pairing-hero h1 .accent{color:var(--wt-wine);font-style:italic;}
.pairing-hero .tag{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--wt-ink-soft);max-width:44em;margin:0 0 36px;}
.pairing-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.pairing-section{padding:56px 0;}
.pairing-section-sm{padding:36px 0;}
.pair-eyebrow{display:inline-block;font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wt-honey-deep);margin-bottom:14px;}
.dual-search-card{background:var(--wt-surface);border-radius:16px;box-shadow:0 18px 48px rgba(38,71,57,.13);border:1px solid var(--wt-clay);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;}
.search-pane{padding:32px 32px 28px;}
.search-pane+.search-pane{border-left:1px solid var(--wt-clay);background:linear-gradient(180deg,#fffdf6,#fffaf0);}
.search-pane:first-child{background:linear-gradient(180deg,#fdfaf3,#f9f3e3);}
.search-pane h2{font-family:var(--font-serif);font-size:1.4rem;color:var(--wt-forest);margin:0 0 16px;display:flex;align-items:center;gap:10px;}
.search-pane h2 .icon{width:32px;height:32px;border-radius:50%;background:var(--wt-forest);color:var(--wt-honey);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.search-row{display:flex;align-items:stretch;background:#fff;border:1.5px solid var(--wt-clay);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(38,71,57,.06);}
.search-row input{flex:1;border:0;outline:0;padding:14px 16px;font-family:var(--font-sans);font-size:1rem;color:var(--wt-ink);background:transparent;}
.search-row input::placeholder{color:#9b9183;}
.search-row button{border:0;background:var(--wt-forest);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:.9rem;padding:0 20px;cursor:pointer;}
.search-row button:hover{background:var(--wt-forest-2);}
.pair-chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px;}
.pair-chip-label{width:100%;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wt-ink-soft);font-weight:600;margin-bottom:2px;}
.pair-chip{display:inline-block;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--wt-clay);color:var(--wt-forest);font-size:.9rem;font-weight:500;text-decoration:none;}
.pair-chip:hover{background:var(--wt-forest);color:#fff;border-color:var(--wt-forest);text-decoration:none;}
.pair-chip.wine{background:rgba(126,36,51,.06);border-color:rgba(126,36,51,.25);color:var(--wt-wine);}
.pair-chip.wine:hover{background:var(--wt-wine);color:#fff;border-color:var(--wt-wine);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;}
.principle-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:26px;box-shadow:0 1px 4px rgba(38,71,57,.07);position:relative;}
.principle-card .num{position:absolute;top:16px;right:20px;font-family:var(--font-serif);font-size:1.8rem;color:var(--wt-clay);line-height:1;}
.principle-card h3{font-family:var(--font-serif);color:var(--wt-forest);font-size:1.15rem;margin:0 0 8px;}
.principle-card p{color:var(--wt-ink-soft);margin:0;font-size:.95rem;}
.featured-pairing{background:linear-gradient(180deg,#fffdf6,#fbf4e3);border:1px solid var(--wt-clay);border-radius:16px;box-shadow:0 6px 22px rgba(38,71,57,.09);overflow:hidden;margin-top:24px;}
.featured-pairing-header{padding:26px 32px 22px;border-bottom:1px solid var(--wt-clay);background:#fff;}
.pairing-arrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px;}
.pairing-arrow .item{font-family:var(--font-serif);font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;color:var(--wt-forest);line-height:1.15;}
.pairing-arrow .item .sub{display:block;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--wt-ink-soft);font-weight:600;margin-bottom:3px;}
.pairing-arrow .item.wine{color:var(--wt-wine);}
.pairing-arrow .arrow{color:var(--wt-honey-deep);font-size:1.6rem;}
.featured-pairing-body{padding:26px 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;}
.why-it-works h4,.styles-block h4,.anti-block h4{font-family:var(--font-sans);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wt-forest);margin:0 0 10px;}
.why-text{color:var(--wt-ink);font-size:.95rem;line-height:1.6;}
.style-chip-row{background:#fff;border:1px solid var(--wt-clay);border-radius:6px;padding:10px 13px;margin-bottom:7px;display:flex;align-items:baseline;justify-content:space-between;font-size:.93rem;}
.style-chip-row .name{color:var(--wt-forest);font-weight:600;}
.style-chip-row .price{color:var(--wt-honey-deep);font-weight:700;font-size:.88rem;}
.anti-block{margin-top:20px;padding-top:18px;border-top:1px dashed var(--wt-clay);}
.anti-row{background:rgba(126,36,51,.05);border:1px solid rgba(126,36,51,.18);border-radius:6px;padding:9px 13px;margin-bottom:7px;font-size:.9rem;}
.anti-row .label{color:var(--wt-wine);font-weight:700;margin-right:5px;}
.anti-row .reason{color:var(--wt-ink-soft);font-style:italic;}
.featured-pairing-footer{padding:16px 32px 22px;border-top:1px solid var(--wt-clay);background:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.featured-pairing-footer small{color:var(--wt-ink-soft);font-size:.83rem;}
.featured-pairing-footer .ask-link{color:var(--wt-forest);font-weight:600;display:inline-flex;align-items:center;gap:7px;}
.featured-pairing-footer .ask-link .glyph{width:24px;height:24px;border-radius:50%;background:var(--wt-honey);color:var(--wt-forest-2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.cat-tile{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:22px 20px;display:flex;align-items:center;gap:14px;transition:transform .12s,box-shadow .12s,border-color .12s;color:var(--wt-ink);text-decoration:none;}
.cat-tile:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(38,71,57,.10);border-color:var(--wt-honey);text-decoration:none;}
.cat-icon{width:46px;height:46px;border-radius:10px;background:var(--wt-paper-warm);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.cat-text{flex:1;}
.cat-text .name{font-family:var(--font-serif);font-size:1.05rem;color:var(--wt-forest);font-weight:600;display:block;line-height:1.1;}
.cat-text .count{font-size:.8rem;color:var(--wt-ink-soft);margin-top:2px;display:block;}
.cat-tile .chev{color:var(--wt-honey-deep);font-size:1.15rem;}
.styles-scroller{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 20px;margin:24px 0 0;scroll-snap-type:x mandatory;}
.styles-scroller::-webkit-scrollbar{height:6px;}
.styles-scroller::-webkit-scrollbar-thumb{background:var(--wt-clay);border-radius:3px;}
.style-card{flex:0 0 210px;background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:18px;scroll-snap-align:start;transition:transform .12s,box-shadow .12s;text-decoration:none;color:var(--wt-ink);}
.style-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(38,71,57,.10);text-decoration:none;}
.style-swatch{width:100%;height:56px;border-radius:6px;margin-bottom:12px;}
.swatch-bold-reds{background:linear-gradient(135deg,#5a1424,#7E2433 60%,#a13a4d);}
.swatch-elegant-reds{background:linear-gradient(135deg,#8b3a4a,#b56272);}
.swatch-crisp-whites{background:linear-gradient(135deg,#e9e0b8,#cfc183);}
.swatch-round-whites{background:linear-gradient(135deg,#f3e2a4,#D6A447);}
.swatch-bubbly{background:linear-gradient(135deg,#f8f1d4,#e6d49a);}
.swatch-rose{background:linear-gradient(135deg,#f3c8c0,#e29a92);}
.swatch-sweet{background:linear-gradient(135deg,#e9b85a,#c4862b);}
.swatch-fortified{background:linear-gradient(135deg,#6d2410,#a04020);}
.style-card .name{font-family:var(--font-serif);font-size:1.1rem;color:var(--wt-forest);font-weight:600;line-height:1.1;display:block;}
.style-card .desc{font-size:.83rem;color:var(--wt-ink-soft);margin-top:4px;display:block;}
.anti-feature-block{background:linear-gradient(135deg,#2a0f15,#421821);color:#f5ecd6;border-radius:16px;padding:40px 44px;margin-top:24px;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center;box-shadow:0 18px 48px rgba(38,71,57,.16);position:relative;overflow:hidden;}
.anti-feature-block::before{content:'\2022';position:absolute;top:-30px;right:-10px;font-size:12rem;font-family:var(--font-serif);color:rgba(214,164,71,.07);line-height:1;}
.anti-feature-block .pair-eyebrow{color:var(--wt-honey);}
.anti-feature-block h2{color:#fff;font-family:var(--font-serif);font-size:clamp(1.5rem,2.2vw,1.9rem);margin:0 0 .3em;}
.anti-feature-block h2 .vs{color:var(--wt-honey);font-style:italic;font-weight:500;}
.anti-feature-block p{color:#e2d5b8;margin:0;font-size:.97rem;line-height:1.65;}
.anti-why-row{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(214,164,71,.18);border-radius:6px;padding:12px 14px;margin-bottom:8px;}
.anti-why-row:last-child{margin-bottom:0;}
.anti-why-row .tag{background:var(--wt-honey);color:var(--wt-forest-2);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;flex-shrink:0;margin-top:2px;}
.anti-why-row .body{color:#e2d5b8;font-size:.92rem;line-height:1.55;}
.pairings-cta{background:var(--wt-forest);color:#f5ecd6;border-radius:16px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:0 6px 22px rgba(38,71,57,.10);position:relative;overflow:hidden;margin-top:24px;}
.pairings-cta::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(214,164,71,.18),transparent 70%);}
.pairings-cta h2{color:#fff;font-family:var(--font-serif);font-size:clamp(1.5rem,2.2vw,1.9rem);margin:0 0 .25em;}
.pairings-cta h2 .accent{color:var(--wt-honey);font-style:italic;}
.pairings-cta p{color:#e2d5b8;margin:0;max-width:38em;}
.pairings-cta .ask-btn{background:var(--wt-honey);color:var(--wt-forest-2);padding:13px 24px;border-radius:999px;font-weight:700;font-size:.97rem;display:inline-flex;align-items:center;gap:9px;box-shadow:0 4px 12px rgba(0,0,0,.16);text-decoration:none;z-index:1;position:relative;}
.pairings-cta .ask-btn:hover{background:#e5b65a;text-decoration:none;}
/* Category / style sub-pages */
.pairing-sub-hero{background:var(--wt-paper);padding:28px 0 30px;border-bottom:1px solid var(--wt-clay);}
.pairing-sub-hero h1{font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--wt-forest);margin:0 0 .3em;line-height:1.1;}
.pairing-sub-hero p{color:var(--wt-ink-soft);max-width:46em;margin:0;}
/* override the leaked base .breadcrumb rule (max-width:720px/centered/padding:24px) on pairing sub-pages */
.pairing-sub-hero .breadcrumb{max-width:none;margin:0 0 14px;padding:0;font-size:.85rem;color:var(--wt-ink-soft);}
.breadcrumb{font-size:.85rem;color:var(--wt-ink-soft);margin-bottom:18px;}
.breadcrumb a{color:var(--wt-forest);text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb .sep{margin:0 6px;color:var(--wt-clay);}
.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.food-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:22px;}
.food-card h3{font-family:var(--font-serif);font-size:1.05rem;color:var(--wt-forest);margin:0 0 10px;}
.wine-suggestion{background:var(--wt-paper-warm);border-radius:6px;padding:8px 12px;margin-bottom:6px;font-size:.88rem;color:var(--wt-ink);}
.wine-suggestion .ws-name{color:var(--wt-forest);font-weight:600;}
.wine-suggestion.wine-best{background:var(--wt-honey-soft);border:1px solid var(--wt-honey);}
.ws-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wt-honey-deep);margin-right:6px;}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--wt-forest);font-weight:600;text-decoration:none;margin-top:28px;}
.back-link:hover{text-decoration:underline;}
/* === Category food cards — overhaul 2026-06-19 === */
.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.food-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:14px;padding:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px rgba(38,71,57,.06);transition:transform .14s,box-shadow .14s,border-color .14s;}
.food-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(38,71,57,.12);border-color:var(--wt-honey);}
.food-card-head{padding:20px 22px 0;}
.food-card-head h3{font-family:var(--font-serif);font-size:1.22rem;color:var(--wt-forest);margin:0 0 6px;line-height:1.15;}
.food-card-head h3 a{color:inherit;text-decoration:none;}
.food-card-head h3 a:hover{color:var(--wt-honey-deep);}
.food-card-desc{font-size:.86rem;color:var(--wt-ink-soft);margin:0;line-height:1.5;}
.best-match{margin:16px 22px 0;background:linear-gradient(180deg,var(--wt-honey-soft),#fffdf7);border:1px solid var(--wt-honey);border-radius:11px;padding:13px 15px;}
.best-match-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;}
.bm-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wt-honey-deep);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.bm-star{color:var(--wt-honey-deep);font-size:.9rem;}
.bm-wine{font-family:var(--font-serif);font-size:1.06rem;font-weight:600;color:var(--wt-forest);line-height:1.2;margin-bottom:5px;}
.bm-why{font-size:.85rem;color:var(--wt-ink);line-height:1.5;margin:0;}
.alt-matches{margin:14px 22px 0;}
.alt-label{font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--wt-ink-soft);display:block;margin-bottom:7px;}
.alt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;background:var(--wt-paper-warm);border-radius:8px;margin-bottom:5px;}
.alt-row:last-child{margin-bottom:0;}
.alt-wine{font-size:.87rem;font-weight:600;color:var(--wt-forest);}
.food-card-foot{margin-top:auto;padding:15px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--wt-paper-warm);}
.full-pairing-link{font-size:.83rem;font-weight:700;color:var(--wt-forest);text-decoration:none;}
.full-pairing-link:hover{color:var(--wt-honey-deep);}
.ask-mini{font-size:.8rem;color:var(--wt-ink-soft);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.ask-mini:hover{color:var(--wt-wine);}
.ask-mini::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--wt-honey);display:inline-block;flex-shrink:0;}
.price-pill{font-size:.74rem;font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:999px;line-height:1.35;white-space:nowrap;flex-shrink:0;}
.price-value{background:rgba(59,109,17,.13);color:#346010;}
.price-mid{background:rgba(201,150,42,.18);color:var(--wt-honey-deep);}
.price-splurge{background:rgba(126,36,51,.12);color:var(--wt-wine);}
/* === Working pairing search (rendered inline under the search card) === */
.wt-results{margin-top:30px;padding-top:26px;border-top:1px solid var(--wt-clay);scroll-margin-top:18px;}
.wt-results[hidden]{display:none;}
.wt-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px;}
.wt-results-head h2{font-family:var(--font-serif);font-size:clamp(1.4rem,2.4vw,1.95rem);color:var(--wt-forest);margin:0;line-height:1.15;}
.wt-results-head h2 .q{color:var(--wt-wine);font-style:italic;}
.wt-results-meta{display:flex;align-items:baseline;gap:14px;}
.wt-results-count{font-size:.85rem;color:var(--wt-ink-soft);}
.wt-clear{font-size:.85rem;color:var(--wt-forest);font-weight:600;text-decoration:none;white-space:nowrap;}
.wt-clear:hover{text-decoration:underline;}
.wt-results .food-grid{margin-top:22px;}
.wt-noresult{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:14px;padding:26px 30px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;box-shadow:0 1px 4px rgba(38,71,57,.06);}
.wt-noresult .txt h3{font-family:var(--font-serif);color:var(--wt-forest);margin:0 0 6px;font-size:1.22rem;}
.wt-noresult .txt p{margin:0;color:var(--wt-ink-soft);font-size:.92rem;max-width:38em;line-height:1.55;}
.wt-noresult .wt-ask-btn{background:var(--wt-honey);color:var(--wt-forest-2);padding:12px 22px;border-radius:999px;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.12);text-decoration:none;white-space:nowrap;}
.wt-noresult .wt-ask-btn:hover{background:#e5b65a;text-decoration:none;}
@media(max-width:900px){
  .dual-search-card{grid-template-columns:1fr;}
  .search-pane+.search-pane{border-left:0;border-top:1px solid var(--wt-clay);}
  .why-grid{grid-template-columns:1fr;}
  .featured-pairing-body{grid-template-columns:1fr;gap:20px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .anti-feature-block{grid-template-columns:1fr;padding:28px 24px;}
  .pairings-cta{padding:32px 28px;}
  .food-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .cat-grid{grid-template-columns:1fr;}
  .food-grid{grid-template-columns:1fr;}
}

/* === Per-page inline CSS lifted from page generators (Account, FoodDetail, etc.) === */

/* === Per-page inline CSS lifted from page generators (Account, FoodDetail, etc.) === */
/* === inline CSS from line 3178 === */

.account-wrap{max-width:920px;margin:0 auto;padding:48px 24px 80px;}
.account-hero h1{font-family:var(--font-serif);color:var(--wt-forest);font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 8px;}
.account-hero p{color:var(--wt-ink-soft);margin:0 0 30px;}
.account-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:14px;padding:30px 32px;margin-bottom:22px;box-shadow:0 2px 8px rgba(38,71,57,.05);}
.account-card h2{font-family:var(--font-serif);color:var(--wt-forest);font-size:1.25rem;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.account-card h2 .count{font-family:var(--font-sans);background:var(--wt-honey-soft);color:var(--wt-honey-deep);padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid var(--wt-honey);}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:720px){.account-grid{grid-template-columns:1fr;}}
.account-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--wt-clay);}
.account-tab{background:transparent;border:none;padding:12px 18px;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--wt-ink-soft);cursor:pointer;border-bottom:2px solid transparent;}
.account-tab.active,.account-tab:hover{color:var(--wt-forest);border-bottom-color:var(--wt-honey);}
.account-form{display:flex;flex-direction:column;gap:14px;max-width:380px;}
.account-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--wt-forest);}
.account-form input{padding:10px 12px;border:1.5px solid var(--wt-clay);border-radius:6px;font-family:var(--font-sans);font-size:15px;background:#fff;}
.account-form input:focus{outline:none;border-color:var(--wt-honey);}
.account-form button[type=submit]{background:var(--wt-forest);color:var(--wt-paper);border:none;padding:11px 22px;border-radius:6px;font-weight:600;cursor:pointer;align-self:flex-start;font-size:14px;}
.account-form button[type=submit]:hover{background:var(--wt-forest-2);}
.account-form .account-err{color:var(--wt-wine);font-size:13px;font-weight:600;background:rgba(126,36,51,.06);border:1px solid rgba(126,36,51,.18);border-radius:6px;padding:8px 12px;}
.account-form .account-swap{font-size:13px;color:var(--wt-ink-soft);margin-top:4px;}
.account-form .account-swap a{color:var(--wt-forest);font-weight:600;text-decoration:underline;cursor:pointer;}
.account-lesson-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.account-lesson-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--wt-paper-warm);border-radius:7px;font-size:14px;}
.account-lesson-list .done{color:#3B6D11;font-weight:700;}
.account-lesson-list a{color:var(--wt-forest);font-weight:600;text-decoration:none;}
.account-lesson-list a:hover{text-decoration:underline;}
.account-empty{color:var(--wt-ink-soft);font-size:14px;margin:0;}
.account-empty a{color:var(--wt-forest);font-weight:600;}
.account-meta{display:flex;align-items:center;gap:14px;color:var(--wt-ink-soft);font-size:13px;flex-wrap:wrap;}
.account-meta strong{color:var(--wt-forest);}
.account-signout{background:transparent;border:1px solid var(--wt-clay);color:var(--wt-ink-soft);padding:7px 14px;border-radius:5px;font-size:13px;cursor:pointer;margin-left:auto;}
.account-signout:hover{color:var(--wt-wine);border-color:var(--wt-wine);}


/* === inline CSS from line 3423 === */

/* === inline CSS from line 4287 === */

/* === inline CSS from line 4808 === */

/* === inline CSS from line 4976 === */

.pair-card{background:var(--wt-surface);border:1px solid var(--wt-clay);border-radius:10px;padding:22px;margin-bottom:14px;}
.pair-card h3{font-family:var(--font-serif);color:var(--wt-forest);margin:0 0 8px;font-size:1.1rem;}
.pair-card .strength{display:flex;gap:4px;margin-bottom:8px;}
.str-dot{width:10px;height:10px;border-radius:50%;background:var(--wt-clay);display:inline-block;}
.str-dot.filled{background:var(--wt-honey);}
.pair-card .why{color:var(--wt-ink-soft);font-size:.92rem;line-height:1.6;margin:0;}
.ask-inline{margin-top:24px;padding:16px 20px;background:var(--wt-paper-warm);border:1px solid var(--wt-clay);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ask-inline p{margin:0;font-size:.93rem;color:var(--wt-ink-soft);}
.ask-inline .ask-btn{background:var(--wt-forest);color:#fff;padding:9px 18px;border-radius:999px;font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
.ask-inline .ask-btn:hover{background:var(--wt-forest-2);text-decoration:none;}
.anti-pairings-block{background:#fdf6f3;border:1px solid #e8c4b8;border-radius:10px;padding:22px 24px;margin:20px 0 0;}
.anti-pairings-title{font-family:var(--font-serif);color:#7e2433;font-size:1rem;margin:0 0 14px;}
.anti-pairing-row{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f0d5cc;}
.anti-pairing-row:last-child{border-bottom:0;padding-bottom:0;}
.anti-wine-name{font-weight:700;color:#5c1820;font-size:.9rem;min-width:180px;flex-shrink:0;}
.anti-reason{color:#7e2433;font-size:.9rem;line-height:1.5;}


/* === inline CSS from line 5200 === */