/* Shared deep-green, lavender, and off-white theme for all free guides. */
:root{
  --paper:#fbf9f5;
  --card:#ffffff;
  --ink:#073b36;
  --muted:#315853;
  --faint:#566d68;
  --line:rgba(7,59,54,.13);
  --line-strong:rgba(7,59,54,.22);
  --teal:#0d4d46;
  --teal-deep:#062f2b;
  --teal-soft:#e4eee9;
  --amber:#86631b;
  --amber-soft:#faf5e9;
  --red:#995044;
  --red-soft:#f8ebef;
  --green:#0d4d46;
  --green-soft:#e4eee9;
  --coral:#6f5aa8;
  --blue:#526ca5;
  --lavender:#d3c4f5;
  --lavender-soft:#eee9fb;
  --focus:#846bd1;
}

html,body{background:var(--paper);color:var(--ink)}
html{overflow-x:clip}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.disp,.snum b,.readout .big,.stat b,.pcard .pt,.pull{font-family:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.guide-skip{position:fixed;z-index:300;top:12px;left:12px;padding:10px 14px;border-radius:10px;background:#fff;color:var(--teal-deep);font-weight:800;transform:translateY(-170%)}
.guide-skip:focus{transform:none}
a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

/* Site shell */
.site-header{padding:10px 20px;background:linear-gradient(var(--paper) 68%,rgba(251,249,245,0))}
.site-nav{
  max-width:960px;min-height:56px;padding:6px 8px 6px 18px;
  background:#f1f0e8;color:var(--teal-deep);border:1px solid rgba(7,59,54,.10);
  border-radius:14px;box-shadow:0 12px 32px rgba(6,47,43,.16)
}
.site-brand,.site-nav-links a{color:var(--teal-deep)}
.site-brand,.site-foot-brand{display:flex;align-items:center;min-height:44px}
.site-nav-links a,.site-foot-col a{display:flex;align-items:center;min-height:32px}
.site-brand .site-mark{background:transparent;color:var(--teal-deep)}
.site-nav-cta a{background:var(--teal);color:#fff;padding:11px 19px}
.site-nav-cta a:hover{background:var(--teal-deep)}
.site-menu-btn{border-color:rgba(7,59,54,.24);color:var(--teal-deep)}

/* Cover */
.hero.guide-cover{
  min-height:min(700px,calc(100svh - 82px));margin-top:4px;
  background:var(--teal-deep);color:#fff;
  padding-block:clamp(64px,8vw,104px)
}
.hero.guide-cover::before{
  content:"";position:absolute;width:340px;height:340px;left:-150px;top:-150px;
  border-radius:50%;background:rgba(211,196,245,.12);pointer-events:none
}
.hero.guide-cover::after{border-color:rgba(211,196,245,.28)}
.guide-cover .eyebrow,.cover-map b{color:var(--lavender)}
.guide-cover .lede{color:#e9f0ed}
.guide-cover .meta span{background:rgba(211,196,245,.13);color:#fff;border:1px solid rgba(211,196,245,.26)}
.cover-map{border-color:rgba(211,196,245,.34)}
.cover-map div{border-color:rgba(211,196,245,.20)}

/* Reading structure */
.guide-intro{background:#fff;border-color:var(--line-strong);box-shadow:0 18px 44px rgba(6,47,43,.07)}
.guide-intro li{border-color:var(--line)}
.guide-intro li::before{color:var(--coral)}
.guide-nav{top:0;background:rgba(251,249,245,.95);border-color:var(--line-strong);backdrop-filter:blur(14px)}
.guide-nav a:hover,.guide-nav a[aria-current="step"]{background:var(--lavender-soft);color:var(--teal-deep)}
.step{border-color:var(--line)}
.snum b{background:var(--teal);color:#fff}
.snum span,.eyebrow{color:var(--coral)}

/* Tools and cards */
.card,.pcard,.cta,.guide-download{background:#fff;border-color:var(--line-strong);box-shadow:0 12px 30px rgba(6,47,43,.05)}
.in,.txt,.pick,.mini{background:#fff;border-color:var(--line-strong)}
.in:focus-within,.txt:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,77,70,.10)}
.pick.sel{background:var(--teal);border-color:var(--teal);color:#fff}
.pick:focus-visible,.btn:focus-visible,.mini:focus-visible,.toolbtn:focus-visible,.site-menu-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.btn.pri{background:var(--teal);border-color:var(--teal);color:#fff}
.btn.pri:hover{background:var(--teal-deep);border-color:var(--teal-deep)}
.btn.sec{color:var(--teal-deep);border-color:var(--line-strong)}
.btn.sec:hover{border-color:var(--teal);background:var(--teal-soft)}
.toolbtn{color:var(--teal-deep);background:var(--lavender-soft);border-color:rgba(111,90,168,.42)}
.toolbtn:hover{border-color:var(--coral);background:#e9e1fa}
.toolbtn .ti{background:var(--teal);color:#fff}
.toolbtn.on{background:#fff;border-color:var(--line-strong)}
.readout{border-color:var(--coral);background:var(--lavender-soft)}
.readout .big{color:var(--teal)}
.readout.good{border-color:var(--teal);background:var(--teal-soft)}
.stat{background:var(--paper);border-color:var(--line)}
.stat b,.stat.g b{color:var(--teal)}
.stat.a b{color:var(--amber)}
.stat.r b{color:var(--red)}
.prompt-library{background:var(--lavender-soft);border-color:rgba(111,90,168,.20)}
.ptext{background:var(--paper);border-color:var(--line-strong)}
.pcard .pk{background:var(--teal-soft);color:var(--teal-deep)}
.pull{border-color:var(--lavender);color:var(--teal-deep)}

/* Dark closing band */
.site-footer{background:var(--teal-deep);color:#fff;border-top:0}
.site-foot-brand,.site-foot-col strong,.site-foot-col a{color:#fff}
.site-footer .site-mark{background:var(--lavender);color:var(--teal-deep)}
.site-foot-grid p,.site-foot-col span,.site-copyright{color:#c8d6d2}
.site-copyright{border-color:rgba(255,255,255,.16)}

/* The Week guide uses worksheet blocks rather than opt-in tool panels. */
@media(min-width:821px){
  #log-the-week,#read-the-week,#hand-one-off{
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    column-gap:18px;row-gap:12px
  }
  #log-the-week>.snum,#read-the-week>.snum,#hand-one-off>.snum{grid-column:1/-1;grid-row:1}
  #log-the-week>h2,#read-the-week>h2,#hand-one-off>h2{grid-column:1/-1;grid-row:2;margin-bottom:0}
  #log-the-week>.sub,#read-the-week>.sub,#hand-one-off>.sub{grid-column:1/-1;grid-row:3;margin-bottom:10px}
  #log-the-week>#groups{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  #log-the-week>#groups>.card{margin-top:0}
  #log-the-week>#groups+.card{grid-column:1/-1;grid-row:5;margin-top:4px}
  #read-the-week>.sub+.card{grid-column:1;grid-row:4;margin-top:0}
  #read-the-week>.sub+.card+.card{grid-column:2;grid-row:4;margin-top:0}
  #hand-one-off>.card{grid-column:1/-1;grid-row:4;margin-top:0}
}

@media(max-width:860px){
  .site-nav-links{
    background:#f1f0e8;color:var(--teal-deep);border-color:rgba(7,59,54,.16);
    box-shadow:0 20px 40px rgba(6,47,43,.20)
  }
  .site-nav-links a{color:var(--teal-deep);min-height:44px}
}
@media(max-width:820px){
  .hero.guide-cover{min-height:auto;padding-block:56px}
  input,select,textarea{font-size:16px!important}
  .mini,.toolbtn{min-height:44px}
  .site-foot-col a{min-height:44px}
  #groups{display:grid;grid-template-columns:1fr;gap:12px}
  #groups>.card{margin-top:0}
}

@media print{
  .site-footer{background:#fff;color:#111}
  .hero.guide-cover{background:#fff;color:#111}
}