@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/fraunces-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/fraunces-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
:root{
  --ink:#1b1b1f;--muted:#5b5f6b;--paper:#fbfaf7;--card:#fff;--line:#e6e2da;
  --brand:#b23a48;--brand-ink:#7f2431;--accent:#0b6e4f;--gold:#c98a2b;
  --move:#0b6e4f;--think:#1f4e79;--earn:#8a4b08;--connect:#6d2e72;--stories:#b23a48;--eat:#5e7d1e;--money:#2f5d50;--travel:#0e7490;--tech:#4b4f9c;--ai:#3f4a54;--explore:#2f6b3a;--curious:#6a4c2e;
  --serif:"Fraunces",Georgia,serif;--sans:"Source Sans 3",system-ui,sans-serif;
  --r:14px;--shadow:0 6px 24px rgba(30,20,10,.08);
}
*{box-sizing:border-box}
html{font-size:112.5%}          /* 18px base — readable for older eyes */
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-ink)}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.15;margin:.2em 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem)} h2{font-size:clamp(1.5rem,3vw,2.1rem)} h3{font-size:1.25rem} h4{font-size:1.1rem}
em{color:var(--brand)}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600;color:var(--muted);margin:0 0 .4em}
.kicker a{color:inherit;text-decoration:none}
.lead{font-size:1.2rem;color:#333}
.meta{color:var(--muted);font-size:.9rem}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;padding:.75em 1.4em;border-radius:999px;border:2px solid var(--brand);cursor:pointer;font:inherit;font-weight:600;transition:transform .1s}
.btn:hover{transform:translateY(-1px);background:var(--brand-ink);border-color:var(--brand-ink)}
.btn-ghost{background:transparent;color:var(--brand-ink)}
.btn-small{padding:.5em 1.1em;font-size:.95rem}
.linklike{background:none;border:0;color:var(--brand-ink);text-decoration:underline;cursor:pointer;font:inherit;padding:0}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}
.brand-mark{flex:none;display:block}
.brand-foot{display:flex;align-items:center;gap:8px}
.nav{display:flex;gap:18px;flex:1;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-color:var(--brand)}
.header-cta{display:flex;gap:10px;align-items:center}
.icon-btn{font-size:1.3rem;text-decoration:none;color:var(--ink)}
@media (max-width:820px){.nav{display:none}.header-inner{justify-content:space-between}}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-card{display:block;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;color:var(--ink);transform:rotate(1.5deg)}
.hero-card img{aspect-ratio:1200/630;object-fit:cover}
.hero-card .kicker,.hero-card strong{display:block;padding:0 18px}.hero-card .kicker{padding-top:14px}.hero-card strong{font-family:var(--serif);font-size:1.25rem;padding-bottom:18px}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:28px}.hero-card{transform:none}}

/* grid + cards */
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:40px 0 12px}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid-3,.grid-2{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.card-img img{aspect-ratio:1200/630;object-fit:cover}
.card-body{padding:18px 20px 20px}
.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--brand)}
.card-body p{margin:.4em 0}
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:40px 0}
.cat{display:block;padding:18px;border-radius:var(--r);color:#fff;text-decoration:none}
.cat strong{display:block;font-family:var(--serif);font-size:1.3rem}.cat span{font-size:.9rem;opacity:.92}
.cat-move{background:var(--move)}.cat-think{background:var(--think)}.cat-earn{background:var(--earn)}.cat-connect{background:var(--connect)}.cat-stories{background:var(--stories)}.cat-eat{background:var(--eat)}.cat-money{background:var(--money)}.cat-travel{background:var(--travel)}.cat-tech{background:var(--tech)}.cat-ai{background:var(--ai)}.cat-explore{background:#2F6B3A}.cat-curious{background:var(--curious)}
@media (max-width:900px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cat{overflow-wrap:break-word}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin:32px 0}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}
.page-head{padding:40px 0 16px;max-width:820px}
.page-head.cat-move h1{color:var(--move)}.page-head.cat-think h1{color:var(--think)}.page-head.cat-earn h1{color:var(--earn)}.page-head.cat-connect h1{color:var(--connect)}.page-head.cat-stories h1{color:var(--stories)}.page-head.cat-eat h1{color:var(--eat)}.page-head.cat-money h1{color:var(--money)}.page-head.cat-travel h1{color:var(--travel)}.page-head.cat-tech h1{color:var(--tech)}.page-head.cat-ai h1{color:var(--ai)}.page-head.cat-explore h1{color:#2F6B3A}.page-head.cat-curious h1{color:var(--curious)}

/* article */
.article-layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:48px;justify-content:center;padding-top:32px}
@media (max-width:1000px){.article-layout{grid-template-columns:1fr}.sidebar{max-width:720px;margin:0 auto}}
.article .hero-img{border-radius:var(--r);margin:20px 0 28px}
.prose{font-size:1.08rem}.prose p{margin:0 0 1.1em}.prose h2{margin-top:1.6em}.prose blockquote{margin:1.4em 0;padding:.4em 0 .4em 1.2em;border-left:4px solid var(--brand);font-family:var(--serif);font-size:1.2rem;color:#333}
.prose.narrow{max-width:720px}
.try-this{background:#fff6e8;border:1px solid #f1dcb8;border-radius:var(--r);padding:20px 24px;margin:28px 0}
.try-this h3{margin-top:0;color:var(--earn)}
.sources{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:32px}
.sources ul{padding-left:1.2em}
.disclosure{font-size:.8rem;color:var(--muted)}
.share{display:flex;gap:14px;align-items:center;margin:24px 0;flex-wrap:wrap}
.tags a{color:var(--muted);text-decoration:none;margin-right:8px;font-size:.9rem}
.sidebar{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:20px}

/* revenue components */
.ad{margin:28px 0;text-align:center}
.ad-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}
.ad-placeholder{border:1px dashed var(--line);border-radius:var(--r);padding:18px;color:var(--muted);font-size:.85rem;background:#f7f5f0}
.ad-sidebar .ad-placeholder{min-height:250px;display:flex;align-items:center;justify-content:center}
.aff-box,.promo{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.aff-box h4{margin-top:0}.aff-box ul{padding-left:1.1em;margin:0 0 .6em;font-size:.95rem}.aff-box li{margin-bottom:.5em}
.promo{border-top:4px solid var(--gold)}
.promo-members{border-top-color:var(--connect)}
.promo h4{margin-top:0}.price{color:var(--accent);font-weight:700;font-family:var(--sans);font-size:1rem;margin-left:.4em}
.product .price{font-size:1.3rem;margin-left:0}
.tier{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.tier .price{font-size:2rem;margin:0 0 .5em}.tier ul{padding-left:1.2em}
.tier-paid{border:2px solid var(--brand)}
.rate{width:100%;border-collapse:collapse}.rate td{padding:10px 8px;border-bottom:1px solid var(--line)}.rate td:last-child{text-align:right;font-weight:600}

/* newsletter */
.newsletter-band{margin:56px auto 0}
.nl-inner{background:var(--ink);color:#fff;border-radius:var(--r);padding:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.nl-inner h2{margin:0 0 .3em;color:#fff}.nl-inner p{margin:0;opacity:.85}
.nl-form{display:flex;gap:10px}
.nl-form input[type=email]{flex:1;padding:.8em 1em;border-radius:999px;border:1px solid #ccc;font:inherit;min-width:0}
.nl-form-page{margin-top:12px}
@media (max-width:820px){.nl-inner{grid-template-columns:minmax(0,1fr);padding:24px}}
@media (max-width:480px){.nl-form{flex-wrap:wrap}.nl-form input[type=email],.nl-form .btn{flex:1 1 100%}}

/* footer */
.site-footer{margin-top:48px;background:#fff;border-top:1px solid var(--line);padding:40px 0 24px;font-size:.95rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.footer-grid a{display:block;color:var(--ink);text-decoration:none;margin:.3em 0}
.footer-grid h4{margin:0 0 .5em}
.brand-foot{font-family:var(--serif);font-weight:700;font-size:1.3rem;margin:0}
.social a{display:inline-block;margin-right:12px}
.footnote{margin-top:28px;color:var(--muted);font-size:.8rem}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{min-width:0}.footer-grid>div:first-child{grid-column:1/-1}}

/* videos */
.video-grid{display:grid;gap:24px}.video-grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:800px){.video-grid-2{grid-template-columns:1fr}}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video h3{margin:.6em 0 .2em}.why{font-size:.95rem}

/* segments */
.seg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.seg{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:16px;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:4px}
.seg:hover,.seg[aria-pressed=true]{border-color:var(--brand)}
.seg strong{font-family:var(--serif);font-size:1.1rem}.seg span{color:var(--muted);font-size:.9rem}
.seg-grid-page .seg{padding:22px}
.plan{background:var(--card);border-radius:var(--r);padding:28px;margin:24px 0;box-shadow:var(--shadow)}
.plan ol{padding-left:1.2em}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.modal-card{background:var(--paper);border-radius:var(--r);padding:28px;max-width:760px;width:100%;max-height:92vh;overflow:auto}
.modal-card h2{margin-top:0}

/* consent */
.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--r);padding:16px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;z-index:40;flex-wrap:wrap}
.consent p{margin:0;font-size:.95rem}
[hidden]{display:none!important}
#q{width:100%;max-width:560px;padding:.8em 1em;border-radius:999px;border:1px solid #ccc;font:inherit;font-size:1.1rem}

/* US visitors: currency note */
body[data-region=us] .price::after{content:" (charged in USD at checkout)";font-weight:400;font-size:.75em;color:var(--muted)}
body[data-region=us] .tier .price::after{content:""}

/* Category hubs and shop sections */
.cat-start{margin:8px 0 36px}
.cat-pillar{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;color:var(--ink);text-decoration:none}
.cat-pillar img{width:100%;height:100%;object-fit:cover;display:block}
.cat-pillar > div{padding:20px 24px 24px 0}
.cat-pillar h2{margin:.2em 0 .4em;font-family:var(--serif)}
.cat-pillar:hover h2{color:var(--brand)}
.cat-products,.cat-kit{margin:36px 0}
.product{scroll-margin-top:90px}
.product:target{outline:3px solid var(--gold);outline-offset:2px}
.shop-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.shop-jump a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:600}
.shop-jump a:hover{border-color:var(--brand)}
.shop-cat{margin:40px 0;scroll-margin-top:90px}
.promo-bundle{margin:0 0 24px;border-left:6px solid var(--gold)}
.cat-label-move{color:var(--move)}.cat-label-eat{color:var(--eat)}.cat-label-think{color:var(--think)}.cat-label-money{color:var(--money)}.cat-label-earn{color:var(--earn)}.cat-label-connect{color:var(--connect)}.cat-label-travel{color:var(--travel)}.cat-label-tech{color:var(--tech)}.cat-label-ai{color:var(--ai)}.cat-label-stories{color:var(--stories)}.cat-label-explore{color:var(--explore)}.cat-label-curious{color:var(--curious)}
.nav{gap:14px}
@media (max-width:820px){.cat-pillar{grid-template-columns:1fr}.cat-pillar > div{padding:0 18px 20px}}
.page-head[class*="cat-"]{background:transparent}
.page-head[class*="cat-"] .lead{color:var(--muted)}
.cat-pillar img{height:auto;object-fit:contain}
.header-cta .btn{white-space:nowrap}
@media (max-width:820px){.header-cta .btn{font-size:.85rem;padding:6px 12px}}
@media (max-width:820px){.hide-sm{display:none}}
.show-sm{display:none}@media (max-width:820px){.show-sm{display:inline}}

/* product images */
.product-img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.card.product .product-img{border-radius:0}
.promo .product-img{margin:0 0 12px}
.promo-bundle .bundle-img{max-width:320px;float:right;margin:0 0 12px 20px}
@media (max-width:700px){.promo-bundle .bundle-img{float:none;max-width:100%;margin:0 0 12px}}

/* header nav: topics drop-down */
.nav{flex-wrap:nowrap;align-items:center}
.show-sm{display:none}
.topics{position:relative}
.topics summary{list-style:none;cursor:pointer;font-weight:600;padding:6px 0;border-bottom:2px solid transparent}
.topics summary::-webkit-details-marker{display:none}
.topics summary::after{content:" ▾";font-size:.8em}
.topics[open] summary{border-color:var(--brand)}
.topics .dd{position:absolute;top:calc(100% + 10px);left:-16px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:10px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:4px;width:min(560px,92vw)}
.topics .dd a{display:block;padding:10px 12px;border-radius:10px;border:0;text-decoration:none;color:var(--ink)}
.topics .dd a:hover,.topics .dd a[aria-current]{background:#f5f2ec}
.topics .dd strong{display:block;font-family:var(--serif)}
.topics .dd span{display:block;font-size:.82rem;color:var(--muted);font-weight:400;line-height:1.35}
@media (max-width:820px){
  .nav{display:flex!important;gap:14px;flex:1;justify-content:flex-end}
  .hide-sm{display:none!important}.show-sm{display:inline}
  .brand{font-size:1.15rem}
  .topics .dd{position:fixed;left:12px;right:12px;top:70px;width:auto;grid-template-columns:1fr}
}
/* The name is always shown beside the mark, in one style (RUNBOOK §1c). On phones the header
   becomes two rows (name and email button, then the menu) so nothing has to be hidden. */
.brand-name{white-space:nowrap;font-style:normal;color:inherit}
@media (max-width:560px){
  .header-inner{flex-wrap:wrap;gap:4px 10px;min-height:0;padding-top:9px;padding-bottom:5px}
  .brand{font-size:clamp(16px,5vw,21px);gap:7px}
  .brand-mark{width:28px;height:28px}
  .header-cta{margin-left:auto;gap:8px}
  .header-cta .btn{padding:5px 10px}
  .nav{order:3;flex:1 0 100%!important;justify-content:flex-start!important;gap:20px}
  .topics .dd{top:98px}
}

.bundle-value{font-size:1.05rem}.bundle-value s{color:var(--muted)}
.bundle-promise{background:#fff6e8;border-radius:10px;padding:10px 14px}
.credit-note{font-size:.85rem;color:var(--muted)}

/* Try it near you */
.near-you{background:#EAF3EC;border:1px solid #cfe3d3;border-radius:var(--r);padding:20px 24px;margin:28px 0}
.near-you h3{margin:.2em 0 .6em;color:#2F6B3A}
.near-you ul{list-style:none;padding:0;margin:0}
.near-you li{padding:12px 0;border-top:1px solid #cfe3d3}
.near-you li:first-child{border-top:0}
.near-you li>a{font-weight:700}
.near-you .near-where,.near-you .near-what,.near-you .near-price{display:block;font-size:.95em}
.near-you .near-where{color:#555}
.near-you .near-price{font-weight:600;margin-top:2px}
.near-you .near-switch{margin:12px 0 4px;font-size:.95em}
.near-you select{font:inherit;padding:4px 8px;margin-left:6px;border-radius:6px;border:1px solid #9bbfa2;background:#fff;max-width:100%}
.sponsored-label{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #9bbfa2;border-radius:4px;padding:1px 6px;margin-left:4px}

/* ---------- Your say ---------- */
.say-block{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(18px,3vw,32px);margin:24px 0;max-width:900px}
.say-num{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--brand);color:#fff;font-size:.8em;margin-right:.3em;vertical-align:.1em}
.say-offline{background:#fff4e0;border-left:4px solid var(--gold);padding:12px 16px;border-radius:8px;max-width:900px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:inherit;font-weight:600;padding:.55em 1.1em;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;min-height:44px}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.chip[aria-pressed="true"]::before{content:"✓ "}
.proposals{display:grid;gap:14px}
.proposal{border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.proposal h3{margin:.1em 0 .3em}.proposal p{margin:.2em 0 .6em}
.vote-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vote-btn{min-height:44px}.vote-btn .v-on{display:none}
.vote-btn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.vote-btn[aria-pressed="true"] .v-on{display:inline}.vote-btn[aria-pressed="true"] .v-off{display:none}
.vote-bar{flex:1;min-width:80px;height:8px;background:#efe9df;border-radius:999px;overflow:hidden}
.vote-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .4s}
.vote-count{color:var(--muted);font-size:.95rem;min-width:5em}
.suggest-form{display:grid;gap:14px;max-width:640px}
.suggest-form label{display:grid;gap:6px;font-weight:600}
.suggest-form select,.suggest-form textarea,.suggest-form input{font:inherit;font-weight:400;padding:.6em .8em;border:2px solid var(--line);border-radius:10px;background:#fff}
.suggest-form .hp{position:absolute;left:-9999px}
.say-status{color:var(--accent);font-weight:600;min-height:1.4em;margin:.4em 0 0}
.did-list{padding-left:0;list-style:none}.did-list li{margin:.5em 0}
.did-tag{display:inline-block;font-size:.8rem;font-weight:700;padding:.15em .6em;border-radius:999px;background:#e8f3ee;color:var(--accent)}
.did-planned{background:#fff4e0;color:#8a5a12}
.say-privacy{max-width:900px}
button:disabled,textarea:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}


/* ================= Design refresh, 30 Sept 2026 =================
   One bold idea: the logo's sunrise, behind the home headline and on every
   story image. Everything else is quieter: white page, calm topic tiles,
   sentence-case labels, bordered cards. Readability for older eyes first. */
:root{--paper:#fff;--line:#e8e2da;--sun:#F2B45A;--dawn:#FFF3E6}
html{overflow-x:clip}
body{background:var(--paper)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* labels: sentence case, not shouty caps */
.kicker{text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:600;color:var(--muted)}
.ad-label{text-transform:none;letter-spacing:0;font-size:.8rem}

/* home hero: dawn sky and rising sun, full width */
.hero{position:relative;isolation:isolate;padding:64px 0 72px}
.hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220'%3E%3Cg stroke='%23F2B45A' stroke-opacity='.55' stroke-width='11' stroke-linecap='round'%3E%3Cline x1='58' y1='186' x2='22' y2='176'/%3E%3Cline x1='84' y1='124' x2='56' y2='98'/%3E%3Cline x1='138' y1='80' x2='124' y2='44'/%3E%3Cline x1='200' y1='64' x2='200' y2='26'/%3E%3Cline x1='262' y1='80' x2='276' y2='44'/%3E%3Cline x1='316' y1='124' x2='344' y2='98'/%3E%3Cline x1='342' y1='186' x2='378' y2='176'/%3E%3C/g%3E%3Ccircle cx='200' cy='220' r='118' fill='%23F2B45A' fill-opacity='.9'/%3E%3C/svg%3E") no-repeat right max(24px,calc(50vw - 560px)) bottom/min(520px,70vw) auto,
             linear-gradient(180deg,#fff 0%,var(--dawn) 55%,#FFE6CC 100%);border-bottom:1px solid #f3dcc3}
.hero h1{font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.05;letter-spacing:-.02em}
.hero h1 em{color:inherit;font-style:italic}
.hero .lead{max-width:34em;color:#2e2a28}
.hero-card{transform:none;box-shadow:0 18px 50px rgba(120,60,20,.16);border-radius:16px}
.hero-card .kicker{color:var(--brand-ink)}
@media (max-width:820px){
  .hero{padding:32px 0 150px}
  .hero::before{background-position:right -40px bottom,0 0;background-size:300px auto,auto}
  .hero .lead{font-size:1.1rem}
}
.manifesto{padding-top:24px}
.manifesto h2{max-width:24em}

/* cards: a hairline edge instead of a floating shadow, tidy excerpts */
.card{box-shadow:none;border:1px solid var(--line);border-radius:12px;transition:border-color .15s}
.card:hover{border-color:#cdbfae}
.card-body{padding:16px 20px 20px}
.card h3{font-size:1.3rem;line-height:1.2;margin:.25em 0 .4em}
.card-body p:not(.kicker):not(.meta){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#3a3a40}
.card .kicker a{color:var(--brand-ink)}

/* topic tiles: white, with the topic's colour carried by a small sun */
.cats{gap:12px}
.cat{--c:var(--brand);background:#fff!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:12px;padding:18px 18px 18px 58px;position:relative;transition:border-color .15s}
.cat::before{content:"";position:absolute;left:18px;top:22px;width:26px;height:13px;border-radius:26px 26px 0 0;background:var(--c)}
.cat::after{content:"";position:absolute;left:14px;top:37px;width:34px;height:3px;border-radius:2px;background:var(--c);opacity:.5}
.cat strong{color:var(--c);font-size:1.25rem}
.cat span{color:var(--muted);opacity:1}
.cat:hover{border-color:var(--c)}
.cat-move{--c:var(--move)}.cat-think{--c:var(--think)}.cat-earn{--c:var(--earn)}.cat-connect{--c:var(--connect)}.cat-stories{--c:var(--stories)}
.cat-eat{--c:var(--eat)}.cat-money{--c:var(--money)}.cat-travel{--c:var(--travel)}.cat-tech{--c:var(--tech)}.cat-ai{--c:var(--ai)}.cat-explore{--c:var(--explore)}.cat-curious{--c:var(--curious)}
@media (max-width:600px){.cats{grid-template-columns:1fr}}

/* article page */
.article .hero-img{border-radius:12px}
.prose{font-size:1.1rem;line-height:1.7}
.try-this{background:var(--dawn);border-color:#f3d6b5}
.promo,.aff-box,.tier,.plan,.say-block{box-shadow:none;border:1px solid var(--line)}
.site-header{box-shadow:0 1px 0 var(--line)}

/* ---------- personal profile ---------- */
.profile-form fieldset{border:0;padding:0;margin:0 0 18px}
.profile-form legend{font-family:var(--serif);font-weight:700;font-size:1.15rem;margin-bottom:8px}
.profile-form legend small{font-family:var(--sans);font-weight:400;color:var(--muted);font-size:.85rem}
.opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.opt{font:inherit;text-align:left;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;display:grid;gap:2px;color:var(--ink)}
.opt span{color:var(--muted);font-size:.9rem}
.opt[aria-pressed="true"]{border-color:var(--accent);background:#e8f3ee}
.modal-card{max-height:92vh;overflow:auto}
.try-label{font-weight:700;margin:.6em 0 .2em;color:var(--muted);text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}
.fit-box{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:24px 0;background:#fff}
.fit-box p{margin:0 0 8px}.fit-box .chip{min-height:40px;padding:.4em .9em;font-size:.95rem}
.fit-box .chip::before{content:none}
@media(max-width:640px){.opt-grid{grid-template-columns:1fr}}

/* ================= Home hero and story artwork, 4 Oct 2026 =================
   The top of the page shows a story instead of describing the site: headline,
   one sentence, today's story. The sunrise is a landscape in the topic colours.
   Story images keep the sun and the topic colour and add a scene (art.py). */
.hero{grid-template-columns:1.05fr .95fr;gap:48px;align-items:start;padding:56px 0 250px}
.hero::before{background:linear-gradient(180deg,#fff 0%,var(--dawn) 50%,#FFE1C2 100%);border-bottom:0}
.hero-land{position:absolute;z-index:-1;left:50%;bottom:0;width:100vw;height:240px;transform:translateX(-50%);display:block}
.hero h1{margin-top:.1em}
.hero-side{display:grid;gap:14px}
.hero-card{padding:22px 26px 24px;border-top:6px solid var(--c);border-radius:14px;box-shadow:0 18px 50px rgba(120,60,20,.14)}
.hero-card .kicker,.hero-card strong{padding:0}
.hero-card .kicker{color:var(--c)}
.hero-card strong{font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.15;letter-spacing:-.01em;margin:.2em 0 .45em}
.hero-sub{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#3a3a40}
.hero-read{display:inline-block;margin-top:14px;font-weight:600;color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.hero-card:hover .hero-read{color:var(--brand)}
.hero-more{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hero-more li{position:relative;padding-left:30px;line-height:1.3}
.hero-more li::before{content:"";position:absolute;left:4px;top:.35em;width:16px;height:8px;border-radius:16px 16px 0 0;background:var(--c)}
.hero-more a{color:var(--ink);font-weight:600;text-decoration:none}
.hero-more a:hover{text-decoration:underline}
[data-cat=move]{--c:var(--move)}[data-cat=think]{--c:var(--think)}[data-cat=earn]{--c:var(--earn)}[data-cat=connect]{--c:var(--connect)}[data-cat=stories]{--c:var(--stories)}[data-cat=eat]{--c:var(--eat)}[data-cat=money]{--c:var(--money)}[data-cat=travel]{--c:var(--travel)}[data-cat=tech]{--c:var(--tech)}[data-cat=ai]{--c:var(--ai)}[data-cat=explore]{--c:var(--explore)}[data-cat=curious]{--c:var(--curious)}
@media (max-width:820px){
  .hero{grid-template-columns:1fr;gap:28px;padding:28px 0 190px}
  .hero-land{height:170px}
}
.manifesto{padding-top:40px}
.card-img{display:block;background:var(--line)}
.hero-fig{margin:20px 0 28px}.hero-fig .hero-img{margin:0}
.hero-fig figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}

/* Share button (macro share_button) */
.share-wrap{position:relative;display:inline-block;margin:6px 0 14px}
.share-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border:1.5px solid var(--line);border-radius:999px;padding:.5em 1.1em;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
.share-btn:hover,.share-btn[aria-expanded=true]{border-color:var(--brand);color:var(--brand-ink)}
.share-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:15;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:6px;min-width:220px;display:grid}
.share-menu[hidden]{display:none}
.share-menu a,.share-menu button{display:block;text-align:left;padding:11px 14px;border-radius:8px;border:0;background:none;font:inherit;color:var(--ink);text-decoration:none;cursor:pointer;min-height:44px}
.share-menu a:hover,.share-menu button:hover{background:#f5f2ec}
.page-head .share-wrap{margin-top:10px}
@media print{.share-wrap,.friend-bar,.friend-more{display:none}}

/* Welcome for someone who arrived from a friend's share: one line, in the flow, closable */
.friend-bar{display:flex;align-items:flex-start;gap:12px;background:#fff6e8;border:1px solid #f0dfc2;border-radius:12px;padding:10px 14px;margin:16px 0 0;font-size:.98rem}
.friend-bar p{margin:0;flex:1}
.friend-bar button{flex:none;background:none;border:0;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted);min-width:44px;min-height:44px;margin:-8px -10px -8px 0}
.friend-more{color:var(--muted);font-size:.98rem;margin:22px 0 8px}

/* Scam help */
.hub-tool a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;text-decoration:none;color:var(--ink);margin:0 0 20px}
.hub-tool a:hover{border-color:var(--brand)}
.scam{max-width:860px}
.scam-region{color:var(--muted);margin:0 0 14px}
.scam-region select{font:inherit;padding:6px 10px;border-radius:8px;border:1.5px solid var(--line);background:#fff;min-height:44px}
.scam-paid{background:#fdecee;border:1px solid #f2c9ce;border-radius:var(--r);padding:18px 22px;margin:0 0 28px}
.scam-paid h2{margin-top:0;font-size:1.45rem;color:var(--brand-ink)}
.scam-paid ol{margin:.3em 0 .6em;padding-left:1.3em}
.scam-reg-label{font-weight:600;color:var(--muted);font-size:.9rem;margin:.9em 0 .2em}
.scam-types{display:grid;gap:10px;margin-bottom:24px}
.scam-type{background:#fff;border:1.5px solid var(--line);border-radius:12px}
.scam-type[open]{border-color:var(--brand)}
.scam-type summary{cursor:pointer;padding:16px 20px;font-family:var(--serif);font-weight:700;font-size:1.2rem;min-height:56px;list-style-position:inside}
.scam-body{padding:0 20px 18px}
.scam-tools,.scam-routes{list-style:none;padding:0;margin:.3em 0 1em;display:grid;gap:10px}
.scam-tool{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--ink);min-height:52px}
.scam-tool:hover{border-color:var(--brand)}
.scam-go{flex:none;font-weight:600;color:var(--brand-ink)}
.scam-how{display:block;color:var(--muted);font-size:.95rem;margin:6px 2px 0}
.scam-routes li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px}
.scam-src{white-space:nowrap;font-size:.92rem}
.scam-note{background:#fff6e8;border-radius:12px;padding:4px 18px;margin:0 0 28px}
.scam-q{border:0;padding:0;margin:0 0 14px}
.scam-q legend{font-weight:600;padding:0;margin-bottom:6px}
.scam-q .chip{min-width:84px;min-height:46px}
.scam-verdict{border-radius:12px;padding:16px 18px;margin-top:8px;border:2px solid var(--line);background:#fff}
.scam-verdict h3{margin-top:0}
.scam-verdict.scam-scam{border-color:var(--brand);background:#fdecee}
.scam-verdict.scam-suspicious{border-color:var(--gold);background:#fff6e8}

/* The Daily Wheel */
.pz{max-width:560px;margin:0 auto 32px}
.pz-streak{background:#fff6e8;border:1px solid #f0dfc2;border-radius:12px;padding:10px 16px;margin:0 0 16px;font-size:1.02rem}
.pz-streak strong{font-family:var(--serif);font-size:1.35rem}
.pz-word{min-height:58px;display:flex;justify-content:center;align-items:center;gap:2px;font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,8vw,2.4rem);text-transform:uppercase;letter-spacing:.04em;border-bottom:3px solid var(--line);margin:0 12px}
.pz-word .pz-mid{color:var(--brand)}
.pz-word .pz-ph{font-family:var(--sans);font-weight:400;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.pz-msg{text-align:center;min-height:1.7em;margin:8px 0 0;font-weight:600}
.pz-msg[data-kind=no]{color:var(--brand-ink)}.pz-msg[data-kind=yes]{color:var(--accent)}.pz-msg[data-kind=hint]{color:var(--think)}
.pz-wheel{position:relative;width:min(88vw,340px);aspect-ratio:1;margin:10px auto 14px}
.pz-l{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--ink);font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,7.5vw,2rem);text-transform:uppercase;cursor:pointer;
  transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-148%) rotate(calc(var(--i)*-45deg));touch-action:manipulation}
.pz-l:hover{border-color:var(--brand)}.pz-l:active{background:#f5f2ec}
.pz-l.pz-c{transform:translate(-50%,-50%);background:var(--brand);border-color:var(--brand);color:#fff;width:28%}
.pz-keys{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.pz-keys .chip,.pz-keys .btn{min-height:50px;min-width:92px}
.pz-keys .chip::before{content:none}
.pz-bar{position:relative;height:12px;border-radius:999px;background:var(--line);overflow:visible;margin:4px 0 8px}
.pz-bar i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.pz-bar b{position:absolute;top:-3px;width:3px;height:18px;background:var(--ink);opacity:.45;transform:translateX(-2px)}
.pz-progress p{margin:.2em 0}
.pz-tools{text-align:center;margin:10px 0 18px}
.pz-found h2{font-size:1.2rem;margin-bottom:.3em}
.pz-list span{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 9px;margin:0 2px 6px 0}
.pz-list .pz-nine{border-color:var(--brand);font-weight:600}
.pz-share{background:#EAF3EC;border:1px solid #cfe3d3;border-radius:12px;padding:6px 16px 14px;margin:18px 0}
.pz-foot{margin-top:22px;border-top:1px solid var(--line);padding-top:10px}
.pz-foot p{margin:.35em 0}
.pz-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:28px 0;text-decoration:none;color:var(--ink)}
.pz-card:hover{border-color:var(--brand)}
.pz-card h3{margin:.1em 0 .2em}.pz-card p{margin:0}
.pz-badge{background:#fff6e8;border:1px solid #f0dfc2;border-radius:999px;padding:3px 12px;font-weight:600;font-size:.92rem;white-space:nowrap}

/* ---- Fifty at Fifty (/list/, RUNBOOK §6h) ---- */
.fl-tabs{display:flex;gap:8px;border-bottom:2px solid var(--line);margin:8px 0 22px}
.fl-tab{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:12px 14px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;min-height:48px}
.fl-tab[aria-selected=true]{color:var(--ink);border-color:var(--brand)}
.fl-quiet{color:var(--muted);font-size:.98rem;margin:0 0 18px}
.fl-filters{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 14px}
.fl-search input{width:100%;font:inherit;padding:.7em 1em;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.fl-selects{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:14px 0 4px}
.fl-selects label,.fl-set-grid label,.fl-row-more label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:600;color:var(--muted)}
.fl-selects select,.fl-row select,.fl-set-grid input,.fl-row-more input,.fl-row-more textarea,.fl-custom input{font:inherit;font-size:1rem;font-weight:400;color:var(--ink);padding:.5em .6em;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:44px;max-width:100%}
.fl-selects label{min-width:0}.fl-selects select{width:100%}
.fl-actions{margin:12px 0 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.fl-grid{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.fl-grid>li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;min-width:0}
.fl-grid>li[hidden]{display:none}
.fl-grid h3{font-size:1.15rem;margin:.1em 0 .35em}.fl-grid h3 a{color:var(--ink);text-decoration:none}.fl-grid h3 a:hover{color:var(--brand)}
.fl-why{margin:0 0 .6em;font-size:.98rem}.fl-meta{margin:0 0 .9em;color:var(--muted);font-size:.86rem}
.fl-add.chip{margin-top:auto;align-self:flex-start;min-height:44px}
.fl-add[aria-pressed=true]{background:#eef6f1;border-color:var(--accent);color:var(--accent)}
.btn.fl-add[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.fl-picked{outline:3px solid var(--gold);outline-offset:2px}
.fl-suggest{background:#fff6e8;border:1px solid #f0dfc2;border-radius:12px;padding:16px 16px 4px;margin:0 0 20px}
.fl-suggest h2{font-size:1.3rem;margin:0}.fl-suggest-head{margin-bottom:12px}.fl-suggest-head p{margin:.2em 0 0}.fl-suggest .fl-grid{margin-bottom:14px}
.fl-progress p{margin:0 0 6px;font-size:1.15rem}
.fl-bar{height:12px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:8px}.fl-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.fl-kind{color:var(--accent);font-weight:600;min-height:1.4em;margin:6px 0}
.fl-rows{list-style:none;margin:10px 0 22px;padding:0}
.fl-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px}
.fl-row.is-done{background:#f4f9f6;border-color:#cfe5d9}
.fl-row-main{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fl-row-title{font-weight:600;flex:1 1 200px;min-width:0;overflow-wrap:anywhere}.fl-row-title a{color:var(--ink)}
.fl-row summary{cursor:pointer;color:var(--muted);font-size:.9rem;padding:8px 0 2px;overflow-wrap:anywhere}
.fl-row-more{display:grid;gap:10px;padding:8px 0 4px}.fl-row-more textarea{width:100%;resize:vertical}
.fl-row-acts{display:flex;gap:8px;flex-wrap:wrap;margin:0}.fl-row-acts .chip{min-height:44px}.fl-row-acts .chip[disabled]{opacity:.4;cursor:default}
.fl-reg{font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--muted);white-space:nowrap}
.fl-custom{margin:0 0 20px}.fl-custom label{display:block;font-weight:600;margin-bottom:6px}.fl-custom div{display:flex;gap:8px;flex-wrap:wrap}.fl-custom input{flex:1 1 220px}
.fl-remind{background:#fff6e8;border:1px solid #f0dfc2;border-radius:12px;padding:10px 14px;font-size:.96rem;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fl-remind span{flex:1 1 220px}.fl-remind [data-fl-remind-close],.fl-x{background:none;border:0;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted);min-width:44px;min-height:44px}
.fl-settings{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 16px;background:#fff}.fl-settings summary{cursor:pointer;font-weight:600;min-height:28px}
.fl-set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 4px}
.fl-tools{display:flex;gap:8px;flex-wrap:wrap}.fl-tools .chip{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);cursor:pointer}
.fl-small{max-width:720px}.fl-print{display:none}.fl-about{margin-top:28px}
.fl-invited{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff6e8;border:1px solid #f0dfc2;border-radius:12px;padding:10px 14px;margin:0 0 16px}.fl-invited p{margin:0;flex:1 1 200px}
.fl-invited[hidden]{display:none}
.fl-facts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.fl-facts span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 12px;font-size:.88rem}
.fl-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 8px}.fl-cta .share-wrap{margin:0}
.fl-page h2{margin-top:1.5em}.fl-start li,.fl-links li,.fl-more li{margin-bottom:.5em}.fl-links a{font-weight:600}
.fl-safety{border-left:4px solid var(--gold);background:#fff;padding:12px 16px;margin:18px 0;border-radius:0 8px 8px 0}
.fl-with{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:24px 0}.fl-with h3{margin:0 0 .3em}.fl-with p{margin:0 0 .8em}
.fl-line{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:22px 0}
@media (max-width:560px){.fl-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-grid{grid-template-columns:1fr}.fl-row select{width:100%}}
@media print{
  body[data-page=list] .site-header,body[data-page=list] .newsletter-band,body[data-page=list] .site-footer,body[data-page=list] .fl-tabs,body[data-page=list] [data-fl-view=find],body[data-page=list] .fl-rows,body[data-page=list] .fl-custom,body[data-page=list] .fl-settings,body[data-page=list] .fl-tools,body[data-page=list] .fl-small,body[data-page=list] .fl-about,body[data-page=list] .fl-remind,body[data-page=list] .lead,body[data-page=list] .consent,body[data-page=list] .fl-kind{display:none!important}
  body[data-page=list] [data-fl-view=mine]{display:block!important}
  body[data-page=list] .fl-print{display:block;padding-left:1.4em}.fl-print li{margin:0 0 .6em;break-inside:avoid}.fl-print small{color:#444}
}
/* four links in the phone header row: keep each on one line, and tighten on the narrowest phones */
.nav a,.topics summary{white-space:nowrap}
@media (max-width:360px){.nav{gap:10px!important;font-size:.92rem}}


/* ================= Accessibility pass, 7 Oct 2026 =================
   Found by an axe-core and keyboard probe of the built site. Keep these when restyling. */
:root{--focus:#8a5a0c}                                   /* 3:1 or better on white, paper and the dark band */
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.nl-inner :focus-visible,.back :focus-visible{outline-color:#ffd58a}
/* links that sit inside a line of grey text must not rely on colour alone */
.kicker a,.card .kicker a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Topics menu: always reachable, however short the screen or large the zoom */
.topics .dd{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
/* headings that changed level for screen readers keep their old look */
.h4,.foot-h{font-family:var(--serif);font-size:1.1rem;line-height:1.15;letter-spacing:-.01em}
.foot-h{margin:0 0 .5em}.promo .h4,.aff-box .h4{margin-top:0}
/* profile questions: a real dialog (focus kept inside, Escape closes, focus returns to the button that opened it) */
dialog.modal-card{border:0;margin:auto;width:min(760px,calc(100vw - 32px));max-height:92vh;max-height:92dvh;overflow:auto;position:fixed;inset:0;color:var(--ink)}
dialog.modal-card:not([open]){display:none}
dialog.modal-card::backdrop{background:rgba(0,0,0,.55)}
.modal-x{position:sticky;top:0;float:right;margin:-12px -12px 0 8px;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink);z-index:1}
.modal-x:hover{border-color:var(--brand)}
.modal-skip{min-height:44px}
/* touch targets: 44px on anything a thumb has to hit */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.header-cta .btn{min-height:44px;display:inline-flex;align-items:center}
.linklike{min-height:24px}
@media (pointer:coarse),(max-width:820px){
  .footer-grid a,.footer-grid .linklike{display:flex;align-items:center;min-height:44px;margin:0}
  .social a{display:inline-flex;align-items:center;min-height:44px}
  .tags a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
  .share a{display:inline-flex;align-items:center;min-height:44px}
  .card .kicker a,.article .kicker a{display:inline-block;padding:10px 0;margin:-10px 0}
  .nav a,.topics summary{min-height:44px;display:inline-flex;align-items:center}
  .section-head a,.section-head .linklike{min-height:44px;display:inline-flex;align-items:center}
}
.h3{font-family:var(--serif);font-size:1.25rem;line-height:1.15;letter-spacing:-.01em;margin:.2em 0 .5em}.video .h3{margin:.6em 0 .2em}.card .h3{font-size:1.3rem;line-height:1.2;margin:.25em 0 .4em}.card .h3 a{color:var(--ink);text-decoration:none}.card .h3 a:hover{color:var(--brand)}
/* Header: two rows whenever one row cannot hold the name, the menu and the buttons (tablets, and laptops
   zoomed to 200%), so the page never scrolls sideways. The Topics panel hangs from the header itself. */
@media (max-width:1040px){
  .header-inner{flex-wrap:wrap;gap:4px 14px;min-height:0;padding-top:9px;padding-bottom:5px}
  .header-cta{margin-left:auto}
  .nav{order:3;flex:1 0 100%!important;justify-content:flex-start!important;gap:20px}
}
@media (max-width:820px){
  .topics{position:static}
  .topics .dd{position:absolute;top:100%;left:12px;right:12px;width:auto;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}
}
@media (max-width:360px){.nav{gap:12px!important}}
.topics .dd a{white-space:normal;min-height:44px}.topics .dd{overflow-x:hidden}

/* Scam checker: a button in the header on every screen size, so it is one tap from anywhere */
.scam-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:2px solid var(--accent);border-radius:999px;color:var(--accent);background:#fff;font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap}
.scam-btn:hover,.scam-btn[aria-current]{background:var(--accent);color:#fff}
@media (max-width:820px){.scam-btn{font-size:.85rem;padding:0 11px}}
/* Phones: the Scam checker button takes the place beside the name; the email link moves into the menu row */
.nav-email{display:none!important}
@media (max-width:560px){
  .header-cta .btn{display:none!important}
  .nav .nav-email{display:inline-flex!important}
  .nav{gap:16px!important}
  .scam-btn{font-size:.8rem;padding:0 10px;gap:5px}
  .header-cta{gap:2px!important}
}
@media (max-width:560px){.brand{font-size:clamp(15px,4.3vw,19px)!important}}
@media (max-width:440px){.scam-btn svg{display:none}.brand{gap:6px!important}.brand-mark{width:26px!important;height:26px!important}}
@media (max-width:374px){.nav{gap:10px!important}.brand{font-size:15px!important;gap:5px!important}.brand-mark{width:24px!important;height:24px!important}.scam-btn{font-size:.76rem;padding:0 9px}.header-inner{column-gap:6px!important}.header-cta .icon-btn{min-width:38px}}
.scam-jump{margin:0 0 6px;font-size:.98rem}.scam-jump a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.scam-paid{scroll-margin-top:150px}
/* Scam checker: each type is a button, so tapping it clearly starts the check */
.scam-types{gap:12px}
.scam-type{border:0;background:none;border-radius:14px}
.scam-type summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;background:var(--accent);color:#fff;border-radius:14px;padding:14px 16px 14px 20px;min-height:64px;box-shadow:0 2px 0 #07503a,0 3px 10px rgba(0,0,0,.08);transition:transform .08s,background .15s;font-size:1.15rem;line-height:1.25}
.scam-type summary::-webkit-details-marker{display:none}
.scam-type summary:hover{background:#095c42}
.scam-type summary:active{transform:translateY(2px);box-shadow:0 0 0 #07503a}
.scam-type summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.scam-cta{flex:none;background:#fff;color:var(--accent);font-family:var(--sans,inherit);font-size:.9rem;font-weight:700;border-radius:999px;padding:8px 14px;white-space:nowrap}
.scam-cta-closed::after{content:" →"}.scam-cta-open{display:none}
.scam-type[open] .scam-cta-closed{display:none}.scam-type[open] .scam-cta-open{display:inline}
.scam-type[open] summary{border-radius:14px 14px 0 0;box-shadow:none}
.scam-type[open]{background:#fff;box-shadow:0 0 0 2px var(--accent)}
.scam-type[open] .scam-body{padding-top:16px}

/* ================= Photographs and films on stories, 7 Oct 2026 (RUNBOOK §6l) =================
   A photo sits in a fixed frame; the file itself is never cropped. The sunrise mark rides on the
   corner in the topic colour, so a photographed story still looks like one of ours. */
.hero-fig{margin:20px 0 28px}
.hero-photo{position:relative;border-radius:12px;overflow:hidden;background:var(--line)}
.hero-photo .hero-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:0}
.hero-fig figcaption{font-size:.92rem;line-height:1.45;color:var(--muted);margin-top:8px}
.hero-fig figcaption .credit{display:inline-block}
.hero-fig figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.has-photo .card-img,.hero-card-photo{position:relative}
.has-photo .card-img::before,.hero-photo::before,.hero-card-photo::before{content:"";position:absolute;left:0;bottom:0;width:58px;height:44px;background:var(--paper);border-top-right-radius:14px;z-index:1}
.has-photo .card-img::after,.hero-photo::after,.hero-card-photo::after{content:"";position:absolute;left:11px;bottom:9px;width:36px;height:23px;background:var(--c,var(--brand));
  -webkit-mask:url(/static/sun-tab.svg) center/contain no-repeat;mask:url(/static/sun-tab.svg) center/contain no-repeat;z-index:2}
.card.has-photo .card-img::before{background:var(--card)}
.card.has-photo{border-bottom:5px solid var(--c,var(--brand))}
.hero-photo::before{width:76px;height:56px;border-top-right-radius:18px}
.hero-photo::after{left:15px;bottom:12px;width:46px;height:30px}
.hero-card-photo{display:block;margin:-22px -26px 18px;overflow:hidden;border-radius:8px 8px 0 0}
.hero-card-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hero-card-photo::before{background:var(--card)}
.story-film{margin:28px 0}
.story-film figcaption{font-size:.92rem;line-height:1.45;color:var(--muted);margin-top:8px}
.credit-list{padding-left:1.1em}.credit-list li{margin:0 0 14px}
@media (max-width:600px){.hero-photo .hero-img{aspect-ratio:4/3}.hero-photo::before{width:62px;height:46px}.hero-photo::after{left:12px;bottom:10px;width:38px;height:24px}}

/* ================= Four daily puzzles, 7 Oct 2026 ================= */
.pz-count{display:inline-block;background:#fff;border:1px solid #f0dfc2;border-radius:999px;padding:1px 10px;margin-left:6px;font-weight:600;font-size:.92rem}
.pz-level{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-weight:600}
.pz-level .chip{min-width:88px}
.pz-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}
.pz-tabs button{font:inherit;min-height:60px;padding:8px 4px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:manipulation}
.pz-tabs button strong{font-family:var(--serif);font-size:1.08rem}
.pz-tabs button span{font-size:.85rem;color:var(--muted)}
.pz-tabs button[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 -4px 0 var(--brand)}
.pz-tabs button.pz-done span{color:var(--accent);font-weight:600}
.pz-tabs button[hidden]{display:none}
@media (max-width:380px){.pz-tabs{grid-template-columns:repeat(2,1fr)}}
.pz-panel>h2{font-size:1.5rem;margin:0 0 .2em}.pz-panel>h2:focus{outline:none}
.pz-how{margin:0 0 14px;color:#3a3a40}
.pz-found h3{font-size:1.15rem;margin-bottom:.3em}
.pz-yest summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.pz-yest p{margin:.3em 0;font-size:.98rem}
/* the Ladder */
.lad{list-style:none;margin:0 auto 6px;padding:0;display:grid;gap:8px;justify-items:center}
.lad li{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%}
.lad li::before{content:""}
.lad-fixed{font-family:var(--serif);font-weight:700;font-size:1.7rem;text-transform:uppercase}
.lad-fixed span{display:inline-grid;place-items:center;width:1.55em;height:1.75em;margin:0 2px;background:var(--brand);color:#fff;border-radius:8px}
.lad-fixed{display:block!important;text-align:center}.lad-fixed::before{display:none}
.lad input{font-family:var(--serif);font-weight:700;font-size:1.7rem;text-transform:uppercase;letter-spacing:.28em;text-indent:.28em;text-align:center;width:calc(var(--len)*1.75em + 1em);max-width:72vw;height:1.9em;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0}
.lad input:focus{border-color:var(--brand)}
.lad input[aria-invalid=true]{border-color:var(--brand);background:#fdf1f2}
.lad-mark{font-size:.9rem;font-weight:600;justify-self:start;line-height:1.2}
.lad-mark[data-kind=yes]{color:var(--accent);font-size:1.2rem}.lad-mark[data-kind=no]{color:var(--brand-ink)}
@media (max-width:560px){.lad li{grid-template-columns:1fr}.lad li::before{display:none}.lad input{justify-self:center}.lad-mark{justify-self:center;min-height:1.2em}}
/* Sudoku */
.sud{display:grid;grid-template-columns:repeat(var(--n),1fr);width:min(92vw,468px);margin:0 auto 10px;border:3px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--ink);gap:1px}
.sud-c{aspect-ratio:1;border:0;border-radius:0;background:#fff;color:#1d4f91;font:inherit;font-family:var(--sans);font-weight:600;font-size:clamp(1.15rem,5.2vw,1.6rem);padding:0;cursor:pointer;display:grid;place-items:center;touch-action:manipulation;min-width:0}
.sud[style*="--n:6"] .sud-c,.sud[style*="--n: 6"] .sud-c{font-size:clamp(1.4rem,7vw,2rem)}
.sud-c.given{color:var(--ink);font-weight:700;background:#f4f1ea}
.sud-c.br{margin-right:2px}.sud-c.bb{margin-bottom:2px}
.sud-c.peer{background:#fbf3e2}.sud-c.given.peer{background:#f1e8d4}
.sud-c.same{background:#dcebdf}
.sud-c.sel{background:#ffe2a8;box-shadow:inset 0 0 0 3px var(--focus)}
.sud-c.bad{color:#fff;background:var(--brand)}
.sud-c:focus-visible{outline:none;box-shadow:inset 0 0 0 4px var(--focus)}
.sud-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;font-size:.5em;line-height:1;color:var(--muted);font-weight:600;align-content:space-evenly;justify-items:center}
.sud-notes i{font-style:normal}
.sud-pad{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px auto 14px;max-width:468px}
.sud-pad button{font:inherit;font-family:var(--serif);font-weight:700;font-size:1.4rem;width:48px;height:52px;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;touch-action:manipulation}
.sud-pad button:hover{border-color:var(--brand)}.sud-pad button.full{opacity:.4}
@media (max-width:420px){.sud-pad{gap:5px}.sud-pad button{width:calc((92vw - 40px)/9);min-width:34px}.sud[style*="--n:6"]~.sud-pad button{width:48px}}
/* Numbers */
.num-target{text-align:center;margin:0 0 12px;font-weight:600;color:var(--muted)}
.num-target strong{display:block;font-family:var(--serif);font-size:3rem;line-height:1.05;color:var(--ink)}
.num-tiles,.num-ops{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 12px}
.num-tiles{min-height:64px}
.num-tiles button,.num-ops button{font:inherit;font-family:var(--serif);font-weight:700;font-size:1.5rem;min-width:64px;height:60px;padding:0 12px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;touch-action:manipulation}
.num-tiles button.made{background:#fff6e8;border-color:#f0dfc2}
.num-tiles button.hit{background:var(--accent);border-color:var(--accent);color:#fff}
.num-ops button{min-width:56px;border-radius:50%;width:56px;height:56px;background:#f4f1ea}
.num-tiles button[aria-pressed=true],.num-ops button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.num-steps{max-width:320px;margin:0 auto 14px;padding-left:1.4em;font-size:1.1rem}
.num-steps:empty{display:none}
body[data-page=puzzle] .page-head{padding:18px 0 6px}
body[data-page=puzzle] .page-head h1{font-size:clamp(1.5rem,5.5vw,2.2rem);margin-bottom:.25em}
body[data-page=puzzle] .page-head .lead{font-size:1.02rem;margin:0}
.sud-pad{display:grid;grid-template-columns:repeat(var(--n,9),1fr);width:min(92vw,468px);max-width:none;gap:6px}
.sud-pad button,.sud[style*="--n:6"]~.sud-pad button{width:auto;min-width:0;height:52px}
@media (max-width:420px){.sud-pad{gap:4px}.sud-pad button{width:auto;min-width:0}}
.sud-c.given{background:#fff;color:var(--ink);font-weight:800}
.sud-c{color:#1d5fa8;font-weight:500}
.sud-c.peer,.sud-c.given.peer{background:#f6f1e4}.sud-c.same{background:#d5e8da}.sud-c.sel{background:#ffe2a8}.sud-c.bad{background:var(--brand);color:#fff}
@media (max-width:480px){.num-tiles{gap:8px}.num-tiles button{min-width:52px;padding:0 8px;font-size:1.4rem}}
.fl-colls{margin:0 0 10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fl-colls .chip{text-decoration:none}
.cat-acts{margin:36px 0}.cat-acts-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 24px}
.new-tag{display:inline-block;background:var(--brand);color:#fff;border-radius:999px;padding:0 8px;font-size:.78rem;font-weight:700;margin-right:4px}

/* ================= Look refresh, 14 Oct 2026 (RUNBOOK §1d) =================
   Feedback: the site looked dated next to Saga, Rest Less and AARP. What those do and we did not:
   lead with the picture, keep the page white and quiet, let one colour act, put titles in a plain
   modern face and give topics solid colour. This layer does that and keeps the house brand. */
:root{--paper:#fff;--stone:#f3f2f0;--line:#e7e4df;--r:16px}
[data-cat=move]{--c:var(--move)}[data-cat=eat]{--c:var(--eat)}[data-cat=think]{--c:var(--think)}[data-cat=money]{--c:var(--money)}[data-cat=earn]{--c:var(--earn)}[data-cat=connect]{--c:var(--connect)}[data-cat=travel]{--c:var(--travel)}[data-cat=tech]{--c:var(--tech)}[data-cat=ai]{--c:var(--ai)}[data-cat=explore]{--c:var(--explore)}[data-cat=curious]{--c:var(--curious)}[data-cat=stories]{--c:var(--stories)}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.015em}
h1{line-height:1.04}
.section-head{margin:56px 0 18px;align-items:center}
.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}
.section-head a{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--brand)}
.btn{border-radius:12px;padding:.8em 1.4em}
.btn-small{border-radius:10px}
.btn:hover{transform:none}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* header: quieter, lighter rule */
.site-header{box-shadow:none;border-bottom:1px solid var(--line);background:#fff}
.nav a,.topics summary{font-weight:400}
.nav a[aria-current],.topics[open] summary{font-weight:600}

/* home: the promise, then today's story as a big picture */
.hero.hero-v3{display:block;padding:48px 0 8px}
.hero.hero-v3::before,.hero.hero-v3 .hero-land{display:none}
.hero-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:24px 56px;align-items:center;margin-bottom:36px}
.hero-v3 h1{font-size:clamp(2.1rem,4.9vw,3.6rem);margin:0;letter-spacing:-.025em}
.hero-v3 .lead{font-size:1.15rem;color:#3a3a40;margin:0 0 18px;max-width:32em}
.hero-v3 .hero-actions{margin-top:0}
.lead-story{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0;background:var(--stone);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink)}
.lead-img{display:block;min-height:100%;background:var(--line)}
.lead-img img{width:100%;height:100%;min-height:340px;object-fit:cover;aspect-ratio:auto}
.lead-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px)}
.lead-text .kicker{color:var(--ink);font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lead-cat{background:var(--c);color:#fff;border-radius:999px;padding:2px 12px;font-size:.85rem}
.lead-text strong{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.02em;margin:.35em 0 .45em}
.lead-text .hero-sub{-webkit-line-clamp:5;color:#3a3a40;font-size:1.05rem}
.lead-text .hero-read{margin-top:20px;align-self:flex-start;background:var(--brand);color:#fff;text-decoration:none;border-radius:12px;padding:.65em 1.2em}
.lead-story:hover .hero-read{background:var(--brand-ink);color:#fff}
.lead-story:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.lead-story:focus-visible{outline:3px solid var(--focus,#8a5a00);outline-offset:4px}
@media (max-width:900px){
  .hero-intro{grid-template-columns:1fr;gap:16px;margin-bottom:24px}
  .lead-story{grid-template-columns:1fr;border-radius:18px}
  .lead-img img{min-height:0;aspect-ratio:16/10}
  .hero.hero-v3{padding-top:24px}
}

/* story cards: picture first, no box, topic in its own colour, title in the plain face */
.card{border:0;border-radius:0;background:transparent;box-shadow:none}
.card-img{border-radius:var(--r);overflow:hidden}
.card-img img{aspect-ratio:3/2;transition:transform .4s ease}
.card:hover .card-img img{transform:scale(1.03)}
.card-body{padding:14px 2px 4px}
.card .kicker{margin:0 0 6px}
.card .kicker a,.card .kicker{color:var(--c,var(--brand-ink));font-weight:600}
.card h3,.card .h3{font-family:var(--sans);font-weight:600;font-size:1.22rem;line-height:1.28;letter-spacing:-.005em;margin:0 0 .35em}
.card h3 a:hover,.card .h3 a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.card-body p:not(.kicker):not(.meta){-webkit-line-clamp:2;color:#4a4a52;font-size:.98rem}
.card .meta{font-size:.85rem;margin-top:6px}
.card.product{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card.product .card-body{padding:16px 20px 20px}
.grid{gap:40px 28px}
/* the newest story gets more room */
.latest-grid>.card:first-child{grid-column:span 2}
.latest-grid>.card:first-child h3{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.15}
.latest-grid>.card:first-child .card-img img{aspect-ratio:16/9}
@media (max-width:900px){.latest-grid>.card:first-child{grid-column:1/-1}}
@media (max-width:600px){.latest-grid>.card:first-child{grid-column:auto}.latest-grid>.card:first-child .card-img img{aspect-ratio:3/2}}

/* three things to do: solid tiles in a row */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:56px 0 0}
.tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px 24px 24px;border-radius:var(--r);color:#fff;text-decoration:none;min-height:170px}
.tile strong{font-family:var(--serif);font-weight:600;font-size:1.55rem;line-height:1.15}
.tile span{opacity:.92}
.tile .tile-k{font-weight:600;font-size:.9rem;opacity:.85}
.tile:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.tile-list{background:var(--connect)}.tile-puzzle{background:var(--think)}.tile-scam{background:var(--accent)}
.tile .pz-badge{position:absolute;top:18px;right:18px;opacity:1;background:#fff;color:var(--ink);border:0}
@media (max-width:820px){.tiles{grid-template-columns:1fr}.tile{min-height:0}}

/* what we believe: on a full-width stone band */
.band{position:relative;isolation:isolate;padding:56px 0 48px;margin-top:64px}
.band::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:var(--stone)}
.manifesto h2{font-size:clamp(1.7rem,3.4vw,2.6rem);max-width:22em;margin-bottom:1em}
.manifesto-grid h3{font-family:var(--sans);font-weight:600;font-size:1.15rem}
.manifesto-grid p{color:#3a3a40}

/* topics: solid colour, Saga-style, one tap each */
.cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 40px}
.cat{background:var(--c)!important;color:#fff!important;border:0;padding:18px 20px 20px;border-radius:14px;min-height:118px;display:flex;flex-direction:column;gap:4px}
.cat::before,.cat::after{display:none}
.cat strong{color:#fff;font-weight:600;font-size:1.3rem}
.cat span{color:#fff;opacity:.88;font-size:.88rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat:hover strong{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.cat{min-height:0;padding:14px 16px}.cat span{display:none}}

/* side boxes: soft panels, not outlines */
.aff-box,.promo{border:0;background:var(--stone);border-radius:var(--r)}
.promo{border-top:0}
.promo-members{border-top:0}

/* article page */
.article h1,.page-head h1{letter-spacing:-.025em}
.article h1{font-size:clamp(2.1rem,4.6vw,3.3rem)}
.article .hero-img,.hero-fig .hero-img{border-radius:20px}
.try-this{background:#fff7ea;border:0;border-radius:var(--r)}
.near-you{border:0;border-radius:var(--r)}

/* newsletter and footer */
.nl-inner{border-radius:24px;padding:clamp(28px,4vw,48px)}
.nl-form input[type=email]{border-radius:12px}
.site-footer{background:var(--stone);border-top:0}
@media (prefers-reduced-motion:reduce){.card-img img{transition:none}.card:hover .card-img img{transform:none}}
/* photos in the open cards: no coloured bar underneath; the sunrise corner mark stays (RUNBOOK §6l) */
.card.has-photo{border-bottom:0}
.card.has-photo .card-img::before{background:#fff}
.lead-img.has-photo{position:relative}
.lead-img.has-photo::before{content:"";position:absolute;left:0;bottom:0;width:58px;height:44px;background:var(--stone);border-top-right-radius:14px;z-index:1}
.lead-img.has-photo::after{content:"";position:absolute;left:11px;bottom:9px;width:36px;height:23px;background:var(--c,var(--brand));-webkit-mask:url(/static/sun-tab.svg) center/contain no-repeat;mask:url(/static/sun-tab.svg) center/contain no-repeat;z-index:2}
/* feed reader page */
.feed-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.feed-row code{background:var(--stone);border-radius:8px;padding:6px 10px;font-size:.92rem;overflow-wrap:anywhere}
.feed-list{list-style:none;padding:0}.feed-list li{margin:0 0 14px}

/* ---- Get involved (27 Oct 2026, Robin): renamed from Fifty at Fifty; home panel after the second story;
   activity cards in their topic colour; a results bar that makes it obvious a search has answered ---- */
.get-involved{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 32px;padding:28px 32px;border-radius:var(--r);background:var(--connect);color:#fff;text-decoration:none}
.get-involved .gi-text{display:flex;flex-direction:column;gap:4px;max-width:44em}
.get-involved .tile-k{font-weight:600;font-size:.9rem;opacity:.9;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.get-involved strong{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1}
.get-involved .pz-badge{position:static;background:#fff;color:var(--ink);border:0}
.gi-go{display:inline-flex;align-items:center;min-height:44px;background:#fff;color:var(--connect);font-weight:600;padding:.6em 1.3em;border-radius:999px;white-space:nowrap}
.get-involved:hover .gi-go{text-decoration:underline;text-underline-offset:3px}
.get-involved:focus-visible{outline:3px solid var(--focus,#8a5a12);outline-offset:3px}
@media (min-width:601px) and (max-width:900px){.latest-grid{grid-auto-flow:row dense}}
@media (max-width:640px){.get-involved{grid-template-columns:1fr;padding:22px 20px}.gi-go{justify-self:start}}
.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.tiles{grid-template-columns:1fr}}

.fl-grid>li[data-cat]{background:var(--c);border-color:transparent;color:#fff}
.fl-grid>li[data-cat] .kicker,.fl-grid>li[data-cat] .fl-meta{color:#fff;opacity:.9}
.fl-grid>li[data-cat] h3 a,.fl-grid>li[data-cat] .h3 a{color:#fff}
.fl-grid>li[data-cat] h3 a:hover,.fl-grid>li[data-cat] .h3 a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fl-grid>li[data-cat] .fl-add{background:transparent;border-color:rgba(255,255,255,.8);color:#fff}
.fl-grid>li[data-cat] .fl-add:hover{background:rgba(255,255,255,.15)}
.fl-grid>li[data-cat] .fl-add[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--c)}
.fl-grid>li[data-cat] a:focus-visible,.fl-grid>li[data-cat] button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fl-grid>li.fl-picked{outline:4px solid var(--gold);outline-offset:3px}
.fl-mine-title{font-size:1.4rem;margin:0 0 10px}

.fl-results{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 16px;padding:12px 18px;border-radius:12px;background:var(--stone);color:var(--ink);font-size:1.05rem;scroll-margin-top:150px}
.fl-results strong{font-size:1.2rem}
.fl-results.is-filtered{background:var(--ink);color:#fff}
.fl-results.is-none{background:var(--brand);color:#fff}
.fl-results-of{opacity:.75;font-size:.92rem}
.fl-flash{animation:fl-flash .9s ease-out}
@keyframes fl-flash{0%{box-shadow:0 0 0 0 rgba(201,138,43,.95);transform:scale(1.015)}100%{box-shadow:0 0 0 16px rgba(201,138,43,0);transform:none}}
.fl-in{animation:fl-in .45s ease-out both;animation-delay:calc(var(--i,0) * 35ms)}
@keyframes fl-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fl-flash,.fl-in{animation:none}}
/* the whole card opens the activity page (27 Oct 2026, Robin: make it clear a card leads to the next stage) */
.fl-grid>li{position:relative;transition:transform .15s ease,box-shadow .15s ease}
.fl-grid>li h3 a::after,.fl-grid>li .h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.fl-grid>li .fl-add{position:relative;z-index:1}
.fl-grid>li:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,20,30,.18)}
.fl-go{margin:0 0 .9em;font-weight:700;font-size:.98rem}
.fl-go span{display:inline-block;transition:transform .15s ease}
.fl-grid>li:hover .fl-go span{transform:translateX(4px)}
.fl-grid>li:hover h3 a{text-decoration:underline;text-underline-offset:3px}
.fl-grid>li:has(h3 a:focus-visible),.fl-grid>li:has(.h3 a:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.fl-grid>li,.fl-go span{transition:none}.fl-grid>li:hover{transform:none}}

/* ---- Get involved: the map and "Someone who has done it" (27 Oct 2026, Robin) ---- */
.fl-map{background:var(--stone);border-radius:16px;padding:18px 18px 10px;margin:0 0 16px}
.fl-map-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fl-map-head h2{font-size:1.35rem;margin:0}
.fl-map-tabs{display:flex;gap:8px}.fl-map-tabs .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.fl-map-help{margin:.5em 0 .6em}
.fl-map-wrap svg{display:block;width:100%;height:auto}
.fl-map-uk svg{max-height:440px;max-width:300px;margin:0 auto}
.fl-map-us svg{max-height:460px}
.fl-map path{fill:#dcd8d1;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}
.fl-map path.has{fill:var(--connect);cursor:pointer;transition:fill .15s}
.fl-map path.has:hover,.fl-map path.has:focus-visible{fill:var(--gold);outline:none}
.fl-map path.sel{fill:var(--brand)}
.fl-map-pick{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:600;color:var(--muted);margin:10px 0 0;max-width:320px}
.fl-map-pick select{font:inherit;font-size:1rem;font-weight:400;color:var(--ink);padding:.5em .6em;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:44px}
.fl-map-credit{font-size:.78rem;margin:8px 0 0}
.fl-results-btn{font:inherit;font-weight:600;background:#fff;color:var(--ink);border:0;border-radius:999px;padding:.4em 1em;min-height:40px;cursor:pointer;margin-left:auto}
.fl-insp{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 .8em}
.fl-insp span{font-size:.8rem;font-weight:700;border-radius:999px;padding:2px 10px;background:rgba(255,255,255,.95);color:var(--c,var(--ink))}
.fl-inspire{margin:8px 0 24px}
.fl-inspire-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:0 0 14px}
.fl-ins-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:12px;background:var(--c,var(--connect));color:#fff;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.fl-ins-card .kicker{color:#fff;opacity:.9;margin:0}
.fl-ins-card strong{font-family:var(--serif);font-weight:600;font-size:1.2rem;line-height:1.2}
.fl-ins-card .fl-go{margin:.4em 0 0}
.fl-ins-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,20,30,.18)}
.fl-ins-card:hover .fl-go span{transform:translateX(4px)}
.fl-ins-film{margin:0 0 14px}.fl-ins-film figcaption{margin-top:8px}
@media (prefers-reduced-motion:reduce){.fl-ins-card{transition:none}.fl-ins-card:hover{transform:none}}
.fl-map-wrap[hidden]{display:none}
@media (min-width:820px){
  .fl-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:28px;align-content:start;padding:24px}
  .fl-map>*{grid-column:1}
  .fl-map-wrap{grid-column:2;grid-row:1 / span 5;align-self:center}
  .fl-map-head{align-items:flex-start;flex-direction:column}
  .fl-map-uk svg{max-height:520px;max-width:360px}
}

/* Topics menu: each topic is a solid button in its own colour (27 Oct 2026, Robin: "it looks like a list") */
.topics .dd{gap:10px;padding:12px}
.topics .dd a{position:relative;background:var(--c,var(--ink));color:#fff;border-radius:12px;padding:12px 40px 12px 14px;box-shadow:0 2px 0 rgba(0,0,0,.12);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.topics .dd a.dd-scam{--c:var(--accent)}
.topics .dd a strong{font-family:var(--sans);font-weight:700;font-size:1.05rem;color:#fff}
.topics .dd a span{color:#fff;opacity:.88}
.topics .dd a::after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:700;color:#fff;transition:transform .12s ease}
.topics .dd a:hover,.topics .dd a[aria-current]{background:var(--c,var(--ink));filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.topics .dd a:hover::after{transform:translate(4px,-50%)}
.topics .dd a[aria-current]{outline:3px solid var(--gold);outline-offset:2px}
.topics .dd a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.topics .dd a,.topics .dd a::after{transition:none}.topics .dd a:hover{transform:none}}

/* Activity guides: headed sections, a comparison table and common questions (27 Oct 2026) */
.fl-detail{margin:0 0 8px}.fl-detail ul{padding-left:1.2em}.fl-detail li{margin:0 0 .35em}
.fl-table-wrap{overflow-x:auto;margin:0 0 1em;-webkit-overflow-scrolling:touch}
.fl-table{border-collapse:collapse;width:100%;min-width:300px;font-size:.98rem}
.fl-table th,.fl-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.fl-table thead th{background:var(--stone);font-weight:700}
.fl-table tbody th{font-weight:600}
.fl-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.fl-faq summary{cursor:pointer;font-weight:600;padding:10px 0;min-height:44px;display:flex;align-items:center}
.fl-faq details p{margin:0 0 12px}

/* Links between pages (27 Oct 2026, Robin): activity cards at the foot of stories and activities, links in the text */
.fl-grid-mini{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 0 10px}
.fl-grid-mini>li{padding:14px 16px}
.fl-grid-mini h3{font-size:1.05rem}
.fl-grid-mini .fl-go{margin:0;font-size:.92rem}
.next-acts{margin:28px 0}
.next-acts .meta a{font-weight:600}
.auto-link{text-decoration-thickness:1px;text-underline-offset:3px}
.fl-map-world svg{display:block;width:100%;height:auto}
.fl-map path.jump{fill:var(--think)}
@media (min-width:820px){.fl-map-world{grid-column:1 / -1;grid-row:auto}}
.fl-book{margin:18px 0}

/* Activity photographs (RUNBOOK §6h, 28 Oct 2026): the card picture bleeds to the card's edges; the page uses .hero-fig */
.fl-grid>li .fl-photo{display:block;width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-16px -18px 12px;border-radius:11px 11px 0 0}
.gi-wrap{margin:28px 0 0}

/* Puzzle books (RUNBOOK §6s, 29 Oct 2026): the book page, the shop panel, the home tile and the line on /puzzle/ */
.tile-book{background:#8E1F2F}
.book{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:start;margin:24px 0 40px}
.book-cover img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 14px 34px rgba(30,20,10,.18)}
.book-text h2{margin:.2em 0 .4em}
.book-lead{font-size:1.15rem}
.book-facts{padding-left:1.1em;margin:0 0 24px}.book-facts li{margin:.45em 0}
.book-small{font-size:.92rem;color:var(--muted)}
.book-kinds{background:var(--stone);border-radius:var(--r);padding:24px 28px;margin:0 0 32px}
.book-kind-list{columns:3 200px;column-gap:28px;padding-left:1.1em;margin:12px 0 16px}.book-kind-list li{break-inside:avoid;margin:.2em 0}
.book-promo{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;background:var(--stone);border-radius:var(--r);padding:20px 24px;margin:0 0 24px;border-left:6px solid #8E1F2F}
.book-promo-img{display:block;width:120px;height:auto;border-radius:4px}
.book-promo h2 a{color:inherit}
.pz-book{margin:-4px 0 20px}.pz-book a{display:inline-block;padding:10px 14px;min-height:44px;border-radius:12px;background:var(--stone);color:var(--ink);text-decoration:none}
.pz-book a:hover{text-decoration:underline}
@media (max-width:720px){.book{grid-template-columns:1fr;gap:24px}.book-cover{max-width:260px}.book-promo{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:16px}.book-promo-img{width:84px}}
@media (min-width:821px){.tiles:has(.tile-book){grid-template-columns:repeat(3,minmax(0,1fr))}}
/* My year: "Plan this" on activity pages (RUNBOOK §6s, day 3) */
.pl{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:32px 0;scroll-margin-top:96px}
.pl:focus{outline:none}.pl:focus-visible{outline:3px solid var(--focus,#8a5a00);outline-offset:3px}
.pl>h2{margin-top:0}
.pl fieldset{border:0;padding:0;margin:0 0 8px;min-width:0}
.pl legend{font-weight:600;padding:0;margin-bottom:6px}
.pl-when{display:flex;flex-wrap:wrap;gap:4px 18px}
.pl-choice{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.pl-choice input{width:20px;height:20px;margin:0;accent-color:var(--brand)}
.pl-pick input,.pl-pick select{font:inherit;font-size:1rem;color:var(--ink);padding:.5em .6em;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:44px;max-width:100%}
.pl-suggest{margin:6px 0 0}
.pl-err{color:var(--brand-ink);font-weight:600;margin:8px 0 0}
.pl-acts{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.pl-acts .btn{min-height:44px}
.pl-out:empty{display:none}
.pl-out{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}
.pl-head h3{margin:.6em 0 .1em}.pl-head h3:focus{outline:none}.pl-head h3:focus-visible{outline:3px solid var(--focus,#8a5a00);outline-offset:2px}
.pl-head .meta{margin:0 0 .6em}
.pl-notes{background:#f7f2e6;border-radius:10px;padding:10px 14px 10px 32px;margin:10px 0;font-size:.95rem}
.pl-month{font-family:var(--serif);font-size:1.05rem;margin:22px 0 8px;color:var(--brand-ink)}
.pl-steps{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid var(--line)}
.pl-step{position:relative;margin:0 0 16px;padding:0 0 0 4px}
.pl-step::before{content:"";position:absolute;left:-27px;top:.45em;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--gold)}
.pl-step.is-day::before{background:var(--brand);border-color:var(--brand)}
.pl-step[data-strand="train"]::before{border-color:var(--move)}
.pl-step[data-strand="safety"]::before{border-color:var(--brand)}
.pl-step p{margin:0 0 4px}
.pl-date{font-size:.9rem;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pl-date time{font-weight:600;color:var(--ink)}
.pl-tag{font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}
.pl-tag-gone{background:#f1efea}
.pl-text{font-weight:600;font-size:1.02rem}
.pl-step.is-day .pl-text{font-family:var(--serif);font-size:1.15rem}
.pl-detail{font-size:.95rem}
.pl-links{margin:2px 0 6px;padding-left:20px;font-size:.95rem}
.pl-links li{margin:2px 0}
.pl-links li{line-height:1.9}.pl-links a{padding:6px 0;overflow-wrap:anywhere}
.pl-why{font-size:.9rem;color:var(--muted)}
.pl-why span{font-weight:600}
.pl-step.is-gone .pl-text,.pl-step.is-gone .pl-detail{color:var(--muted)}
.pl-saved{background:#eef6f1;border-radius:10px;padding:12px 16px;margin:16px 0 0}
.pl-saved p{margin:0 0 4px}.pl-saved a{display:inline-block;padding:8px 0}
.pl-safety{margin:16px 0}
.pl-open{min-height:44px}
@media print{.pl-form,.pl-acts{display:none}}
.fl-row-plan{margin:0 0 8px}.fl-row-plan a{display:inline-block;padding:10px 0;font-weight:600}
.pl-lwhy{display:block;color:var(--ink);margin:-4px 0 6px}

/* My year (RUNBOOK §6s, day 4): every saved plan together */
.my{max-width:820px;margin:0 0 40px}
.my-empty{background:#f7f2e6;border-radius:var(--r);padding:16px 20px}
.my-clashes{background:#fbeceb;border-left:4px solid var(--brand);border-radius:10px;padding:12px 16px;margin:0 0 18px}
.my-clashes ul{margin:0;padding-left:20px}.my-clashes li{margin:4px 0}
.my-cl-links{display:flex;flex-wrap:wrap;gap:0 14px}.my-cl-links a{display:inline-block;padding:10px 0;font-weight:600}
.my-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.my-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.my-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;min-width:0}
.my-card.has-day{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}
.my-card h3{margin:0 0 6px}
.my-card .meta{margin:0 0 6px}
.my-things{list-style:none;margin:0 0 6px;padding:0}
.my-thing{margin:0 0 6px;line-height:1.35;overflow-wrap:anywhere}
.my-thing a{font-weight:600}
.my-thing.is-done a{color:var(--muted)}
.my-when{display:block;font-size:.85rem;color:var(--muted)}
.my-open{margin-top:auto;align-self:flex-start}
.my-tag-clash{background:#fbeceb;border-color:var(--brand);color:var(--brand-ink)}
.my-tag-moved{background:#f7f2e6}
.my-mnav{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin:0 0 18px}
.my-mnav h2{margin:0;font-size:clamp(1.4rem,3vw,1.8rem);grid-column:1/-1;order:-1}
.my-mnav [data-my-step="-1"]{justify-self:start}.my-mnav [data-my-step="1"]{justify-self:end;grid-column:2}
.pl-step.is-day .pl-text a{color:var(--ink)}
.my-mnav .btn{min-height:44px}
[data-my-month]:focus{outline:none}
.my-for{font-size:.92rem;margin:0 0 2px}.my-for a{font-weight:600;display:inline-block;padding:4px 0}
.my-moved{font-style:italic}
.my-acts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 18px;margin:4px 0 0}
.my-tick{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:600}
.my-tick input{width:22px;height:22px;margin:0;accent-color:var(--accent)}
.my-move summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--brand-ink);text-decoration:underline}
.my-move-in{padding:4px 0 8px}
.my-move-in input{font:inherit;font-size:1rem;padding:.4em .6em;border:1px solid var(--line);border-radius:8px;min-height:44px;max-width:100%}
.my-move-in .btn{min-height:44px;margin-top:6px}
.pl-step.is-done .pl-text{text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted)}
.pl-step.is-done::before{background:var(--accent);border-color:var(--accent)}
.my-msg:empty{display:none}.my-msg{font-weight:600;color:var(--accent)}
.my-small{margin-top:24px}
@media print{.my-switch,.my-acts,.my-mnav .btn,.my-open{display:none}}
.fl-myyear{margin:6px 0 12px}.fl-myyear a{display:inline-block;padding:10px 0;font-weight:600}