/* motion finalC1016 (#75): durations / easings run on the --gw-dur-* / --gw-ease-* tokens defined in gw-base.css */
/* gw-start.css (nav1014, Shane 10/14): the "Start here" page (/start-here/, scripts/build_start_page.py).
   Goal cards, each a short list of products with a Free / Free account / Members chip. Phone first: one column at 375,
   every row a 48px+ tap target; two columns from 860px. Needs gw-base.css tokens. */
.gw-start main{display:block}
.gwst-wrap{max-width:1120px;margin:0 auto;padding:88px 16px 24px}
.gwst-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gw-faint)}
.gwst-crumbs a{display:inline-flex;align-items:center;min-height:36px;color:var(--gw-muted);text-decoration:none}
.gwst-crumbs a:hover{color:var(--gw-gold-soft)}
.gwst-hero{margin:8px 0 22px}
.gwst-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gw-gold)}
.gwst-h1{margin-top:6px!important;font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--gw-text)}
.gwst-sub{margin-top:8px!important;font-size:16px;line-height:1.5;color:var(--gw-text-2)}
.gwst-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.gwst-jump a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:999px;font-size:13.5px;font-weight:600;
  color:var(--gw-text-2);background:var(--gw-surface-2);border:1px solid var(--gw-line);text-decoration:none;transition:border-color var(--gw-dur-fast,150ms),color var(--gw-dur-fast,150ms)}
.gwst-jump a:hover{color:var(--gw-gold-soft);border-color:rgba(212,160,23,.5)}
.gwst-jump svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--gw-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.gwst-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.gwst-card{min-width:0;padding:18px 16px 12px;border-radius:var(--gw-r-lg,18px);background:var(--gw-surface);border:1px solid var(--gw-line);scroll-margin-top:80px}
.gwst-ch{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:10px}
.gwst-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.25);color:var(--gw-gold)}
.gwst-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gwst-h2{font-size:18px;font-weight:750;line-height:1.25;letter-spacing:-.015em;color:var(--gw-text)}
.gwst-line{margin-top:3px!important;font-size:13.5px;line-height:1.4;color:var(--gw-muted)}
.gwst-list{list-style:none;margin:0;padding:0}
.gwst-list li{margin:0;padding:0;border-top:1px solid var(--gw-line-soft)}
.gwst-list li::before{content:none}
.gwst-row{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:56px;padding:9px 2px;text-decoration:none;color:inherit}
.gwst-rt{min-width:0}
.gwst-rt b{display:block;font-size:15px;font-weight:650;line-height:1.3;color:var(--gw-text)}
.gwst-rt span{display:block;margin-top:1px;font-size:12.5px;line-height:1.35;color:var(--gw-faint)}
.gwst-row:hover b{color:var(--gw-gold-soft)}
.gwst-go{width:16px;height:16px;fill:none;stroke:var(--gw-faint);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gwst-row:hover .gwst-go{stroke:var(--gw-gold)}
.gwst-chip{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:3px 8px;border-radius:999px;font-style:normal;font-size:10.5px;
  font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.gwst-chip--free{color:#86efac;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3)}
.gwst-chip--acct{color:var(--gw-slate-strong);background:var(--gw-slate-bg);border:1px solid var(--gw-slate-line)}
.gwst-chip--mem{color:var(--gw-gold);background:rgba(212,160,23,.08);border:1px solid rgba(212,160,23,.45)}
.gwst-tip{display:flex;align-items:flex-start;gap:8px;margin:4px 0 4px!important;padding:10px 2px 2px;border-top:1px solid var(--gw-line-soft);font-size:12.5px;line-height:1.45;color:var(--gw-muted)}
.gwst-tip a{display:inline-flex;align-items:center;min-height:36px;color:#7cc4ef;text-decoration:none;font-weight:600}
.gwst-i{flex:0 0 auto;display:inline-grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:50%;border:1.5px solid var(--gw-slate);
  color:var(--gw-slate);font:700 11px/1 Georgia,serif;font-style:italic}

.gwst-sports,.gwst-plans{margin-top:28px}
.gwst-sp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.gwst-sp a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-size:15px;font-weight:750;letter-spacing:.02em;
  color:var(--gw-text);background:var(--gw-surface);border:1px solid var(--gw-line);text-decoration:none}
.gwst-sp a:hover{border-color:rgba(212,160,23,.55);color:var(--gw-gold-soft)}
.gwst-pl{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px}
.gwst-p{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--gw-surface);border:1px solid var(--gw-line)}
.gwst-p .gwst-chip{justify-self:start}
.gwst-p p{font-size:13.5px;line-height:1.45;color:var(--gw-text-2)}
.gwst-cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;margin-top:14px;padding:0 20px;border-radius:12px;background:var(--gw-grad-gold);
  color:#1a0d06!important;font-size:14.5px;font-weight:750;text-decoration:none}

@media (min-width:860px){
  .gwst-wrap{padding:110px 24px 32px}
  .gwst-h1{font-size:44px}
  .gwst-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  .gwst-card{padding:20px 20px 12px}
  .gwst-sp{grid-template-columns:repeat(6,minmax(0,1fr))}
  .gwst-pl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .gwst-p{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px}
}
@media (max-width:380px){
  .gwst-h1{font-size:30px}
  .gwst-chip{min-width:0}
  .gwst-p{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media (max-width:640px){
  .gwst-wrap{padding-top:76px}
  .gwst-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .gwst-jump a{min-height:44px;padding:6px 12px;border-radius:12px;font-size:13px;line-height:1.25}
}
/* align1015 (Shane 10/15, "aligning boxes"): side-by-side goal cards share top AND bottom edges. Desktop pairs cards of
   similar length (Games | Plays, Research | Learn, Record | Market) so no card stretches into a tall empty box; the DOM
   order (phones, jump links) is unchanged. */
@media (min-width:860px){
  .gwst-grid{align-items:stretch}
  #goal-games{order:1} #goal-plays{order:2} #goal-research{order:3} #goal-learn{order:4} #goal-record{order:5} #goal-market{order:6}
}