/* Gray World — Today and the shared front door */
#grayHome .gray-eclipse{display:none}
/* The same navigation, quietly at the edge on desktop. */
@media(min-width:1040px){
  :root{--gw-rail-width:208px;--gw-shell-gutter:16px;--gw-shell-top:100px;scrollbar-gutter:stable}
  #app{padding-left:calc(var(--gw-rail-width) + var(--gw-shell-gutter))}
  #app>.shell{width:min(100%,1180px);margin:0 auto;padding-left:24px;padding-right:24px}
  #app .topbar{height:var(--gw-shell-top);padding:18px 0 14px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.055)}
  #app .top-actions{margin-left:auto}
  #grayHome{position:fixed;z-index:21;left:8px;top:12px;width:208px;grid-template-columns:1fr;gap:0}
  #grayHome .brand{font:600 25px/.92 var(--serif);margin:5px 0 0;opacity:.74}
  #grayHome .tagline{display:none}
  #grayHome .gray-wordmark,#grayHome .brand{display:none}
  #grayHome .gray-eclipse{display:block;width:208px;height:208px;overflow:visible}
  #content{display:flow-root}
  #content>.td-dashboard{padding-top:40px}
  body[data-surface="today"] .td-orientation:before{
    inset:-40px -24px -110px;
    background:linear-gradient(to bottom,transparent 25%,rgba(7,16,24,.2) 52%,rgba(7,16,24,.7) 82%,#071018),linear-gradient(90deg,rgba(7,16,24,.86),rgba(7,16,24,.48) 48%,rgba(7,16,24,.2)),url('/assets/mastheads/01-dawn-horizon.png') center 46%/cover no-repeat;
    -webkit-mask-image:linear-gradient(to bottom,#000 18%,rgba(0,0,0,.95) 36%,rgba(0,0,0,.65) 58%,rgba(0,0,0,.22) 80%,transparent);
    mask-image:linear-gradient(to bottom,#000 18%,rgba(0,0,0,.95) 36%,rgba(0,0,0,.65) 58%,rgba(0,0,0,.22) 80%,transparent);
  }
  body[data-surface="today"] .td-orientation h1{color:#efe2cc;text-shadow:0 0 32px rgba(221,196,135,.13)}
  body[data-surface="today"] .td-orientation h1 span{color:#e9ddc9;text-shadow:0 0 32px rgba(221,196,135,.09)}
  body[data-surface="today"] .td-dashboard:before{
    content:"";position:absolute;z-index:-2;pointer-events:none;inset:-100px -160px auto; height:520px;
    background:radial-gradient(ellipse at 67% 24%,rgba(188,151,96,.065),transparent 57%),radial-gradient(ellipse at 88% 34%,rgba(111,154,161,.075),transparent 62%);
    -webkit-mask-image:radial-gradient(ellipse closest-side,#000 25%,transparent);
    mask-image:radial-gradient(ellipse closest-side,#000 25%,transparent);
  }
  body[data-surface="today"] .td-section{border-color:transparent;border-radius:0;background:none;box-shadow:none}
  body[data-surface="today"] .td-section:has(.td-object-link[href]):hover{border-color:transparent}
  #content>.world-shell:not(.books-vnext){padding-top:40px}
  #content>.gw-life-canvas{margin-left:0;margin-right:0;padding:40px 24px 44px}
  #content>.discovery-modes{margin-top:0;padding-top:40px}
  #content>.flow-stream{margin-left:0;margin-right:0}
  #content .world-intro .world-eyebrow,#content .gw-life-intro .gw-section-kicker{height:16.5px;line-height:16.5px}
  #content .world-intro h2,#content .gw-life-intro h1{margin-top:20px}
  #content:has(>.flow-stream){position:relative}
  #content:has(>.flow-stream)>.discovery-modes{position:absolute;right:0;top:40px;margin:0;padding:0;border:0;z-index:2}
  #content:has(>.flow-stream)>.discovery-modes small{display:none}
  #content>.flow-stream>.flow-intro{position:relative;margin-top:0;padding-top:84.5px}
  #content>.flow-stream>.flow-intro:before{content:"Discover";position:absolute;top:48px;left:0;font:500 11px/16.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gw-slate)}
  #nav.bottom-nav{left:var(--gw-shell-gutter);top:258px;bottom:auto;transform:none;width:calc(var(--gw-rail-width) - var(--gw-shell-gutter));height:auto;padding:8px 0;display:flex;flex-direction:column;gap:22px;border:0;border-radius:0;background:transparent;backdrop-filter:none}
  #nav.bottom-nav button{position:relative;min-height:48px;padding:8px 20px;flex-direction:row;justify-content:flex-start;gap:0;font:500 18px/1.4 var(--sans);letter-spacing:.01em;color:#94a2aa;border-radius:0}
  #nav.bottom-nav button.active{color:#e8d6b2;background:transparent;text-shadow:0 0 20px rgba(221,196,135,.16)}
  #nav.bottom-nav button.active:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:1px;background:linear-gradient(transparent,#ddc487 35%,#f2e6ca 55%,transparent);box-shadow:0 0 10px rgba(221,196,135,.3)}
  #nav.bottom-nav button:hover{color:#eee9df}
  #nav.bottom-nav button:focus-visible{outline:1px solid #ddc487;outline-offset:3px}
  #nav.bottom-nav svg{display:none}
}
body[data-surface="today"]{
  background:
    radial-gradient(circle at 12% 5%,rgba(133,102,64,.14),transparent 28rem),
    radial-gradient(circle at 92% 14%,rgba(65,91,108,.14),transparent 32rem),
    linear-gradient(180deg,#071018 0,#09131a 56%,#071018 100%);
}
body[data-surface="today"] .shell{width:min(100%,1180px)}
body[data-surface="today"] .topbar{
  position:relative;z-index:3;padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.055)
}
body[data-surface="today"] .brand{font-size:clamp(30px,7vw,42px);opacity:.74}
body[data-surface="today"] .tagline{display:none}
body[data-surface="today"] .brand-kicker{color:#87949d;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

.brand-home{
  border:0;background:transparent;padding:0;margin:0;text-align:left;color:inherit;cursor:pointer;
  display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;
  align-items:end;column-gap:9px;min-width:0
}
.gray-wordmark{
  grid-column:1/-1;
  position:relative;display:inline-block;width:max-content;
  padding:6px 18px 5px 1px;line-height:1;
  transition:opacity .18s ease,transform .18s ease
}
.gray-name{
  position:relative;z-index:2;
  font:800 11px/1 var(--sans);
  letter-spacing:.28em;
  color:#d8c28f;
  text-shadow:0 0 18px rgba(216,194,143,.12)
}
.gray-stars{position:absolute;inset:0;pointer-events:none;color:#e4c985}
.gray-stars i{position:absolute;font-style:normal;line-height:1;text-shadow:0 0 9px rgba(228,201,133,.48)}
.gray-stars i:nth-child(1){right:6px;top:0;font-size:7px}
.gray-stars i:nth-child(2){right:0;top:12px;font-size:11px;opacity:.56}
.gray-stars i:nth-child(3){left:-2px;top:-1px;font-size:6px;opacity:.72}
.gray-stars i:nth-child(4){right:11px;bottom:0;font-size:6px;opacity:.72}
.gray-stars i:nth-child(5){left:11px;bottom:-1px;font-size:9px;opacity:.42}
.gray-stars i:nth-child(6){right:-1px;bottom:7px;font-size:7px;opacity:.60}
.brand-home .brand{
  grid-column:1/2;
  font:600 25px/.92 var(--serif);letter-spacing:-.045em;color:#cbd4d8;
  margin:5px 0 0
}
.brand-home .tagline{
  grid-column:2/3;align-self:end;margin:0 0 1px;
  max-width:230px;color:#66747d;font-size:9px;line-height:1.25
}
.brand-home:hover .gray-wordmark{opacity:.88;transform:translateY(-1px)}
.brand-home:focus-visible{outline:1px solid rgba(222,212,194,.38);outline-offset:7px;border-radius:8px}

.gw-today-canvas{
  position:relative;
  isolation:isolate;
  margin:0 -18px 28px;
  padding:42px 18px 24px;
  min-height:calc(100vh - 150px);
  color:#eee9df;
  overflow:hidden;
}
.gw-atmosphere{position:absolute;z-index:-2;inset:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(circle at 82% 9%,rgba(225,191,123,.10),transparent 18rem),
  radial-gradient(circle at 18% 30%,rgba(101,155,190,.085),transparent 24rem),
  radial-gradient(circle at 58% 66%,rgba(151,117,196,.075),transparent 28rem),
  radial-gradient(circle at 92% 72%,rgba(78,139,170,.06),transparent 24rem)}
.gw-atmosphere:before{
  content:"";position:absolute;inset:-12% -8%;
  background:
    radial-gradient(circle at 9% 18%,rgba(236,230,215,.62) 0 1px,transparent 1.8px),
    radial-gradient(circle at 24% 62%,rgba(169,206,225,.48) 0 1px,transparent 1.8px),
    radial-gradient(circle at 43% 12%,rgba(230,205,157,.55) 0 1px,transparent 1.9px),
    radial-gradient(circle at 61% 42%,rgba(224,230,235,.44) 0 1px,transparent 1.7px),
    radial-gradient(circle at 76% 76%,rgba(185,160,219,.46) 0 1px,transparent 1.8px),
    radial-gradient(circle at 91% 28%,rgba(234,214,172,.50) 0 1px,transparent 1.8px);
  background-size:137px 149px,181px 163px,211px 197px,157px 173px,229px 213px,193px 221px;
  opacity:.48;
  filter:drop-shadow(0 0 5px rgba(211,225,231,.16))
}
.gw-atmosphere:after{
  content:"";position:absolute;inset:-22% -12%;
  background:
    radial-gradient(ellipse at 78% 13%,rgba(226,191,122,.08),transparent 24rem),
    radial-gradient(ellipse at 15% 54%,rgba(81,143,178,.07),transparent 30rem),
    radial-gradient(ellipse at 57% 78%,rgba(152,118,198,.07),transparent 34rem),
    linear-gradient(118deg,transparent 0 24%,rgba(224,199,157,.028) 38%,transparent 51% 67%,rgba(108,161,190,.025) 76%,transparent 88%);
  filter:blur(8px)
}
.gw-cosmos{position:absolute;inset:-20px -35px auto -35px;width:calc(100% + 70px);height:auto;min-height:760px;opacity:.86;overflow:visible}
.gw-galaxy-lines{fill:none;stroke:rgba(115,154,178,.09);stroke-width:1;stroke-dasharray:2 12}
.gw-orbits{fill:none;stroke:rgba(135,167,187,.19);stroke-width:1}
.gw-orbits-b{stroke:rgba(183,156,255,.14)}
.gw-orbits-c{stroke:rgba(214,185,132,.14)}
.gw-constellation{fill:none;stroke:rgba(224,211,187,.24);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.gw-constellation-west{stroke:rgba(156,194,215,.20)}
.gw-constellation-south{stroke:rgba(185,160,219,.19)}
.gw-constellation-leo{stroke:rgba(226,203,157,.28)}
.gw-constellation-label{fill:rgba(229,199,139,.58);font:800 10px/1 var(--sans);letter-spacing:.22em}
.gw-celestial-lion{fill:none;stroke:rgba(216,189,135,.11);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(216,189,135,.09))}
.gw-celestial-lion circle{fill:rgba(232,207,157,.40);stroke:none}
.gw-constellation circle{fill:#dcc79e;stroke:none;filter:drop-shadow(0 0 6px rgba(220,199,158,.62))}
.gw-constellation-west circle{fill:#a9cada;filter:drop-shadow(0 0 6px rgba(169,202,218,.55))}
.gw-constellation-south circle{fill:#b9a0d9;filter:drop-shadow(0 0 6px rgba(185,160,217,.55))}
.gw-sun{fill:#e5c37f;filter:drop-shadow(0 0 13px rgba(229,195,127,.75))}
.gw-sun-b{fill:#9fc9dc;filter:drop-shadow(0 0 11px rgba(159,201,220,.65))}
.gw-sun-c{fill:#c8addf;filter:drop-shadow(0 0 10px rgba(200,173,223,.62))}
.gw-planet{fill:#8bb5cb;filter:drop-shadow(0 0 6px rgba(139,181,203,.56))}
.gw-planet-b,.gw-planet-e{fill:#b49bd5}.gw-planet-c,.gw-planet-d{fill:#d0b273}.gw-planet-f{fill:#99bfce}
.gw-solar{transform-box:view-box;animation:gw-orbit-drift 82s linear infinite}
.gw-solar-a{transform-origin:956px 198px}
.gw-solar-b{transform-origin:244px 610px;animation-duration:106s;animation-direction:reverse}
.gw-solar-c{transform-origin:646px 520px;animation-duration:128s}
.gw-dust{fill:rgba(211,225,231,.42)}
@keyframes gw-orbit-drift{to{transform:rotate(360deg)}}

.gw-today-intro{position:relative;max-width:940px;padding:2px 0 46px}
.gw-today-meta{
  display:flex;justify-content:space-between;gap:16px;max-width:760px;
  color:#87949d;font-size:10px;letter-spacing:.13em;text-transform:uppercase
}
.gw-title-lockup{position:relative;width:max-content;margin-top:16px}
.gw-title-ghost{
  position:absolute;left:-.13em;top:-.48em;z-index:-1;
  font:700 clamp(160px,31vw,320px)/1 var(--serif);
  color:transparent;-webkit-text-stroke:1px rgba(234,224,206,.045);
  user-select:none
}
.gw-today-intro h1{
  margin:0;
  font:700 clamp(76px,16vw,154px)/.76 var(--serif);
  letter-spacing:-.075em;color:#f0e3c8;
  text-shadow:0 18px 60px rgba(0,0,0,.28)
}
.gw-today-intro p{
  margin:25px 0 0;max-width:530px;
  color:#c3b79f;font:19px/1.45 var(--serif)
}
.gw-today-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.gw-primary,.gw-quiet-button{
  border-radius:999px;padding:10px 15px;cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease
}
.gw-primary{border:1px solid #ded4c2;background:#ded4c2;color:#171815}
.gw-quiet-button{border:1px solid rgba(232,225,211,.18);background:rgba(255,255,255,.025);color:#c8c2b8}
.gw-primary:hover,.gw-quiet-button:hover{transform:translateY(-1px)}

.gw-status{
  margin:-22px 0 30px;max-width:620px;padding:10px 12px;
  border:1px solid rgba(205,190,165,.15);border-radius:12px;
  color:#968f84;background:rgba(255,255,255,.02);font-size:11px
}
.gw-section-kicker{
  font:700 9px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#9f917d
}

.gw-scene{display:grid;gap:22px}
.gw-scene-label,.gw-paths-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#77858e;font-size:10px
}
.gw-hero-stage{position:relative}
.gw-hero-stage>.hero[data-id]{
  min-height:min(62vh,620px);
  border-radius:30px;
  border-color:rgba(235,225,207,.11);
  box-shadow:0 34px 110px rgba(0,0,0,.42)
}
.gw-hero-stage .hero[data-id]>.hero-bg{filter:saturate(.72) contrast(1.06)}
.gw-hero-stage .hero[data-id]>.hero-bg::after{
  background:linear-gradient(180deg,rgba(4,8,11,.03),rgba(4,8,11,.14) 35%,rgba(4,8,11,.94) 100%)
}
.gw-hero-stage .hero[data-id] .hero-content{padding:clamp(22px,4vw,42px)}
.gw-hero-stage .hero[data-id] h2{font-size:clamp(37px,6vw,68px);max-width:850px}
.gw-hero-stage .hero[data-id] .hero-summary{max-width:760px;color:#ddd6ca}

.gw-paths{
  display:grid;grid-template-columns:1fr;gap:14px;
  padding:3px 0 8px
}
.gw-paths-head{grid-column:1/-1;margin:5px 0 1px}
.gw-path .story-card[data-id]{
  height:100%;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none
}
.gw-path .story-card[data-id]:hover{transform:none;border-color:transparent}
.gw-path .story-card[data-id]>.visual{
  height:190px;
  border-radius:19px;
  box-shadow:0 16px 44px rgba(0,0,0,.22)
}
.gw-path .story-card[data-id] .visual-bg{transition:transform .35s ease,filter .35s ease;filter:saturate(.78) contrast(1.02)}
.gw-path .story-card[data-id]:hover .visual-bg{transform:scale(1.018);filter:saturate(.9) contrast(1.04)}
.gw-path .story-body{padding:14px 2px 3px}
.gw-path .story-card[data-id] h3{font-size:25px;line-height:1.01;color:#ded7cb}
.gw-path .story-summary{color:#8f999e;font-size:13px;line-height:1.42}
.gw-path .source-row{border-top-color:rgba(255,255,255,.055)}
.gw-path-2{margin-top:0}


.gw-more{
  margin-top:58px;padding-top:30px;
  border-top:1px solid rgba(235,225,207,.075)
}
.gw-more-head{
  display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px
}
.gw-more-head h2{
  margin:7px 0 0;font:700 clamp(30px,5vw,46px)/.95 var(--serif);
  letter-spacing:-.04em;color:#dcd5c8
}
.gw-more-head>span{color:#68767f;font-size:10px;letter-spacing:.04em}
.gw-more-grid{display:grid;grid-template-columns:1fr;gap:26px}
.gw-more-grid .story-card[data-id]{
  border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible
}
.gw-more-grid .story-card[data-id]:hover{transform:none;border-color:transparent}
.gw-more-grid .story-card[data-id]>.visual{
  height:210px;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.2)
}
.gw-more-grid .story-card[data-id] .visual-bg{filter:saturate(.8) contrast(1.02);transition:transform .35s ease}
.gw-more-grid .story-card[data-id]:hover .visual-bg{transform:scale(1.015)}
.gw-more-grid .story-body{padding:13px 2px 0}
.gw-more-grid .story-card[data-id] h3{font-size:22px;color:#d8d1c5}
.gw-more-grid .story-summary{font-size:13px;color:#849096}

.gw-memory{
  position:relative;
  display:grid;grid-template-columns:1fr;gap:18px;
  margin-top:68px;padding:34px 0 22px;
  border-top:1px solid rgba(235,225,207,.085)
}
.gw-memory:before{
  content:"";position:absolute;left:0;top:-1px;width:72px;height:1px;
  background:#b09a78;opacity:.6
}
.gw-memory-copy h2{
  margin:7px 0 9px;font:700 clamp(28px,5vw,42px)/.96 var(--serif);
  letter-spacing:-.035em;color:#ddd5c8
}
.gw-memory-copy p{margin:0;max-width:390px;color:#78858c;font-size:12px;line-height:1.5}
.gw-memory-card .story-card[data-id]{
  max-width:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible
}
.gw-memory-card .story-card[data-id]:hover{transform:none;border-color:transparent}
.gw-memory-card .story-card[data-id]>.visual{
  height:170px;
  border-radius:17px;
  filter:saturate(.68);
  box-shadow:0 14px 38px rgba(0,0,0,.18)
}
.gw-memory-card .story-body{padding:14px 2px 2px}
.gw-memory-card .story-card[data-id] h3{color:#cfc8bc}
.gw-memory-card .story-summary{color:#7e898f}

.gw-quiet{
  min-height:330px;max-width:720px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  border-top:1px solid rgba(235,225,207,.08);color:#78858c
}
.gw-quiet strong{font:700 clamp(32px,6vw,52px)/1 var(--serif);color:#ddd6ca;margin:12px 0}
.gw-quiet>span:last-child{font:15px/1.55 var(--serif);max-width:560px}

.gw-today-foot{
  display:flex;justify-content:space-between;gap:16px;
  margin-top:48px;padding-top:14px;border-top:1px solid rgba(255,255,255,.055);
  color:#5e6a72;font-size:9px;letter-spacing:.12em;text-transform:uppercase
}

/* Life keeps a warm, practical paper surface. */
.gw-life-canvas{
  margin:0 -18px 22px;padding:26px 18px 34px;border-radius:0 0 30px 30px;
  background:#f2eee4;color:#262521;box-shadow:0 22px 70px rgba(0,0,0,.18)
}
.gw-life-intro{max-width:760px;padding:8px 2px 24px}
.gw-life-intro .gw-section-kicker{color:#756f64}
.gw-life-intro h1{margin:8px 0;font:700 clamp(46px,11vw,76px)/.9 var(--serif);letter-spacing:-.055em;color:#24231f}
.gw-life-intro p{margin:0;max-width:650px;color:#5e5a52;font:18px/1.4 var(--serif)}
.gw-life-grid{display:grid;grid-template-columns:1fr;gap:10px}
.gw-life-link{
  border:0;border-top:1px solid rgba(36,35,31,.15);background:transparent;color:#24231f;
  padding:18px 2px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;
  gap:18px;align-items:baseline
}
.gw-life-link span{font:700 27px/1 var(--serif)}
.gw-life-link small{font-size:12px;color:#756f64;text-align:right}

@media(min-width:720px){
  .gw-today-canvas{margin-left:-24px;margin-right:-24px;padding:54px 24px 28px}
  .gw-paths{grid-template-columns:1fr 1fr;gap:18px}
  .gw-path-2{margin-top:52px}
  .gw-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
  .gw-memory{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:38px}
  .gw-life-canvas{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
  .gw-life-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .gw-life-link{min-height:150px;flex-direction:column;justify-content:space-between;align-items:flex-start;border:1px solid rgba(36,35,31,.13);padding:18px;border-radius:18px}
  .gw-life-link small{text-align:left}
}
@media(min-width:1040px){
  .gw-scene{grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr);align-items:start;column-gap:22px}
  .gw-scene-label{grid-column:1/2}
  .gw-hero-stage{grid-column:1/2}
  .gw-paths{grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;padding-top:0}
  .gw-paths-head{display:block;margin-bottom:3px}
  .gw-paths-head>span:last-child{display:block;margin-top:6px;line-height:1.4}
  .gw-path .story-card[data-id]>.visual{height:150px}
  .gw-path .story-card[data-id] h3{font-size:21px}
  .gw-path-2{margin-top:28px}
  .gw-more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .gw-more-grid .story-card[data-id]>.visual{height:150px}
  .gw-more-grid .story-card[data-id] h3{font-size:19px}
}
@media(max-width:560px){
  .brand-home .tagline{display:none}
  .brand-home .brand{font-size:22px}
  .gray-name{font-size:10px;letter-spacing:.24em}
  .gray-wordmark{padding-right:16px}
  .gw-cosmos{inset:0 -220px auto -220px;width:calc(100% + 440px);min-height:720px;opacity:.62}
  .gw-today-canvas{padding-top:34px}
  .gw-today-meta{display:block}.gw-today-meta span{display:block}.gw-today-meta span+span{margin-top:5px}
  .gw-title-lockup{margin-top:13px}
  .gw-title-ghost{font-size:clamp(138px,46vw,190px);top:-.42em}
  .gw-today-intro h1{font-size:clamp(68px,23vw,104px);line-height:.8}
  .gw-today-intro p{margin-top:20px;font-size:17px;max-width:92%}
  .gw-today-intro{padding-bottom:36px}
  .gw-hero-stage>.hero[data-id]{min-height:500px;border-radius:24px}
  .gw-path .story-card[data-id]>.visual{height:176px;border-radius:17px}
  .gw-memory{margin-top:56px}
  .gw-today-foot{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){.gw-primary,.gw-quiet-button{transition:none}.gw-solar{animation:none}}

@media(min-width:720px){
  .gw-memory-card .story-card[data-id]{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);gap:20px;align-items:center}
  .gw-memory-card .story-card[data-id]>.visual{height:190px}
  .gw-memory-card .story-body{padding:4px 0}
}

/* Saved estate — one quiet, mixed-object memory surface. */
body[data-surface="life"] .saved-estate-intro{margin-bottom:10px}
body[data-surface="life"] .saved-estate-intro .eyebrow{color:#cbb782;letter-spacing:.13em;text-transform:uppercase;font-size:10px}
.saved-filter-row{margin:20px 0 8px;gap:8px}
.saved-filter-row .chip span{margin-left:5px;font-size:10px;opacity:.62}
.saved-estate-grid{margin-top:18px;gap:16px}
.saved-status{margin:14px 0;padding:10px 12px;border-left:2px solid rgba(203,183,130,.62);color:#aeb8bc;font-size:13px}
@media(min-width:900px){.saved-estate-grid{gap:22px}.saved-estate-intro{max-width:720px}}

/* Today slice 1: the approved dashboard composition, with one real object.
   The unoccupied rail is silence, not a stack of promised integrations. */
.td-dashboard{--td-ivory:#eee5d6;--td-brass:#d3bb94;--td-slate:#aeb9ba;--td-muted:#94a5ab;--td-gold:var(--td-brass);--td-border:rgba(139,169,193,.16);position:relative;isolation:isolate;padding:48px 0 80px;min-height:calc(100svh - 170px)}
.td-orientation{position:relative;padding:8px 0 64px}
.td-orientation:before{content:"";position:absolute;z-index:-1;inset:-36px -18px -30px;pointer-events:none;background:radial-gradient(ellipse at 78% 25%,rgba(151,117,75,.1),transparent 45%),radial-gradient(ellipse at 65% 0,rgba(66,105,140,.12),transparent 65%)}
.td-kicker{color:var(--td-gold);font:11px/1.5 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.td-orientation h1{font:500 clamp(46px,5.6vw,72px)/1.06 var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:20px 0 18px;color:#efe2cc;max-width:850px;text-shadow:0 1px 28px #d9be9112}
.td-orientation h1 span{color:#e2c998}
.td-date{font:13px/1.6 var(--sans);color:#a6b5bc;margin:0}
.td-layout{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:28px;align-items:start}
.td-section{min-width:0;padding:22px 28px;background:linear-gradient(150deg,rgba(16,31,44,.65),rgba(8,20,30,.5));border:1px solid var(--td-border);border-radius:7px;box-shadow:0 16px 38px #0002,inset 0 1px #fff8eb08}
.td-section-label{display:flex;align-items:center;gap:18px;font:10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--td-gold);margin:0 0 28px}
.td-section-label:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#d9be9166,#d9be9122,transparent)}
.td-dashboard .td-featured[data-id]{position:static;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;margin:0}
.td-object-link{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start;color:inherit;text-decoration:none}
.td-object-link:not(:has(.td-object-image)){grid-template-columns:1fr}
.td-section:has(.td-object-link[href]){position:relative}
.td-object-link[href]:after{content:"";position:absolute;inset:0;border-radius:7px}
.td-section:has(.td-object-link[href]):hover{border-color:#dcc08c55}
.td-section:has(.td-object-link:focus-visible){outline:2px solid var(--td-gold);outline-offset:5px}
.td-object-image{display:block;width:100%;padding:0;border:0;background:#09141d;border-radius:3px;overflow:hidden;cursor:pointer;box-shadow:0 15px 30px #0004}
.td-object-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.td-object-copy{min-width:0}.td-featured:not(:has(.td-object-image)){grid-template-columns:1fr}
.td-dashboard .td-featured[data-id] h3{font:500 clamp(26px,2.7vw,34px)/1.15 var(--serif);letter-spacing:-.03em;margin:0 0 18px;text-wrap:pretty}
.td-featured h3 button{min-height:44px;font:inherit;letter-spacing:inherit;line-height:inherit;display:block;text-align:left;padding:0;border:0;background:none;color:#efe5d5;cursor:pointer}
.td-featured h3 button:hover{color:#e2c998}
.td-object-summary{font:15px/1.7 var(--sans);color:#adbbc1;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.td-object-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid var(--td-border);padding-top:18px}
.td-object-foot .source-link{font-size:11px;min-height:44px;display:flex;align-items:center;color:#aebfc5}
.td-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid #dcc08c44;border-radius:4px;background:#dcc08c12;color:#e2c998;font:12px/1.5 var(--sans);cursor:pointer}
.td-save svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.td-save:hover:not(:disabled){background:#dcc08c22;border-color:#dcc08c77}
.td-save:disabled{opacity:1;cursor:default}.td-save[aria-pressed="true"]{border-color:#8eab9355;color:#bdcbbb;background:#81957e14}
.td-dashboard :is(button,a):focus-visible{outline:2px solid var(--td-gold);outline-offset:5px}
@media(max-width:1000px){.td-layout{grid-template-columns:minmax(0,1fr) 160px}.td-object-link{grid-template-columns:1fr}.td-object-image img{aspect-ratio:16/9}}
@media(max-width:700px){.td-dashboard{padding:30px 0 64px}.td-orientation{padding-bottom:44px}.td-orientation h1{font-size:clamp(40px,10.5vw,48px);max-width:360px;margin-top:24px}.td-layout{display:block}.td-section{padding:24px 0 0;background:none;border:0;border-top:1px solid var(--td-border);border-radius:0;box-shadow:none}.td-section-label{margin-bottom:24px}.td-object-link{display:block}.td-object-image{margin-bottom:26px}.td-object-image img{aspect-ratio:16/10}.td-dashboard .td-featured[data-id] h3{font-size:30px}.td-object-summary{font-size:15px;line-height:1.75;margin-bottom:0}.td-object-foot{padding-top:18px}.td-date{font-size:12px}}
@media(forced-colors:active){.td-orientation h1,.td-orientation h1 span,.td-featured h3 button{color:CanvasText}.td-section{border:1px solid CanvasText}.td-save[aria-pressed="true"]{border:2px solid ButtonText}}

/* Atmospheric masthead: live identity over a scene, settling into usable Ink. */
.gw-atmospheric-masthead{display:none}
@media(min-width:1040px){
  #grayHome{left:0;top:0;width:var(--gw-rail-width);height:168px;display:flex;align-items:center;justify-content:center}
  #grayHome .gray-eclipse{width:104px;height:104px;flex-shrink:0;transform:translate(-24px,-8px)}
  #nav.bottom-nav button{font:500 20px/1.4 var(--serif)}
  body[data-surface="today"] #app>.shell{width:100%;padding:0}
  body[data-surface="today"] #app .topbar{position:absolute;z-index:5;top:0;right:28px;height:72px;border:0}
  body[data-surface="today"] #app .top-actions{gap:10px}
  body[data-surface="today"] #app :is(.meta-link-button,.profile-btn){background:transparent;border-color:transparent;box-shadow:none}
  body[data-surface="today"] #content>.td-dashboard{
    --gw-environment-light-x:42%;--gw-environment-light-strength:.13;--gw-environment-warm-range:18%;--gw-environment-cool:#c0cecf;--gw-masthead-gutter:clamp(36px,5vw,80px);
    --gw-environment-origin:calc(max(0px,(100cqw - 1280px)/2) + var(--gw-masthead-gutter));
    --gw-environment-type:linear-gradient(90deg,var(--gw-environment-cool),#efe7d9 calc(var(--gw-environment-light-x) - var(--gw-environment-warm-range)),#f1e0c3 var(--gw-environment-light-x),#efe7d9 calc(var(--gw-environment-light-x) + var(--gw-environment-warm-range)),var(--gw-environment-cool));
    --gw-environment-ivory:linear-gradient(90deg,#e6dfd2,#eee5d6 calc(var(--gw-environment-light-x) - var(--gw-environment-warm-range)),#fff0da var(--gw-environment-light-x),#eee5d6 calc(var(--gw-environment-light-x) + var(--gw-environment-warm-range)),#e6dfd2);
    --gw-environment-champagne:linear-gradient(90deg,#c5b08d,#d3bb94 calc(var(--gw-environment-light-x) - var(--gw-environment-warm-range)),#f0e2c8 var(--gw-environment-light-x),#d3bb94 calc(var(--gw-environment-light-x) + var(--gw-environment-warm-range)),#c5b08d);
    container-type:inline-size;
    padding-top:0;min-height:calc(100svh - 20px);
  }
  body[data-surface="today"] .td-dashboard:before{inset:0 0 auto;height:640px;background:radial-gradient(ellipse at var(--gw-environment-light-x) 32%,rgba(188,151,96,.1),transparent 65%),radial-gradient(ellipse at 85% 42%,rgba(111,154,161,.08),transparent 65%)}
  .gw-atmospheric-masthead{display:block;position:relative;isolation:isolate;height:clamp(340px,29vw,420px);--gw-masthead-image:url('/assets/mastheads/01-dawn-horizon.png')}
  .gw-atmospheric-masthead:before{content:"";position:absolute;z-index:-1;inset:0 0 -200px;pointer-events:none;background:linear-gradient(90deg,rgba(7,16,24,.4),rgba(7,16,24,.12) 45%,rgba(7,16,24,.16)),linear-gradient(to bottom,rgba(7,16,24,.05) 35%,rgba(7,16,24,.16) 58%,rgba(7,16,24,.62) 82%,#071018),var(--gw-masthead-image) center 60%/cover no-repeat;-webkit-mask-image:linear-gradient(#000 44%,rgba(0,0,0,.9) 61%,rgba(0,0,0,.42) 82%,transparent);mask-image:linear-gradient(#000 44%,rgba(0,0,0,.9) 61%,rgba(0,0,0,.42) 82%,transparent)}
  .gw-masthead-identity{position:absolute;top:76px;left:calc(max(0px,(100% - 1280px)/2) + var(--gw-masthead-gutter));display:flex;align-items:baseline;gap:24px;color:#eee7d9}
  .gw-masthead-gray{font:500 clamp(52px,5vw,76px)/1 var(--serif);letter-spacing:.12em}
  .gw-masthead-world{font:400 19px/1 var(--sans);letter-spacing:.48em;color:#c1c9ca}
  body[data-surface="today"] .td-orientation{max-width:1280px;margin:-50px auto 0;padding:8px clamp(36px,5vw,80px) 52px;z-index:1}
  body[data-surface="today"] .td-orientation:before{display:none}
  body[data-surface="today"] .td-orientation h1{font-size:clamp(48px,5.2vw,76px);margin-top:20px;max-width:none;color:#efe6d7;text-shadow:0 0 32px rgba(221,196,135,var(--gw-environment-light-strength))}
  body[data-surface="today"] .td-orientation h1 span{color:#d3bb94;text-shadow:inherit}
  body[data-surface="today"] .td-date{font:17px/1.5 var(--serif);color:#b7c2c5}
  body[data-surface="today"] .td-layout{display:block;max-width:1280px;margin:0 auto;padding:0 clamp(36px,5vw,80px)}
  body[data-surface="today"] .td-section{padding:0 0 36px;border:0;background:none;box-shadow:none}
  body[data-surface="today"] .td-section-label{margin-bottom:26px;letter-spacing:.2em;color:#ded0b5}
  body[data-surface="today"] .td-section-label:after{background-image:var(--gw-environment-type);background-size:100cqw 100%;background-position-x:calc(-1 * (var(--gw-environment-origin) + 200px));opacity:.4;height:1px}
  body[data-surface="today"] .td-object-link{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:34px}
  body[data-surface="today"] .td-object-link:not(:has(.td-object-image)){grid-template-columns:1fr}
  body[data-surface="today"] .td-object-image img{aspect-ratio:2.2/1;object-fit:cover}
  @supports(background-clip:text){
    body[data-surface="today"] .gw-environment-lit,body[data-surface="today"] .td-orientation h1.gw-environment-lit{background-image:var(--gw-environment-type);background-size:100cqw 100%;background-position-x:calc(-1 * var(--gw-environment-origin));background-clip:text;-webkit-background-clip:text;color:transparent}
    body[data-surface="today"] :is(.gw-masthead-gray,.gw-masthead-world){color:inherit}
    body[data-surface="today"] .td-orientation h1.gw-environment-lit,body[data-surface="today"] .td-orientation h1 span{background-size:100cqw 100vh;background-position:calc(var(--gw-rail-width) + var(--gw-shell-gutter)) 0;background-attachment:fixed;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent}
    body[data-surface="today"] .td-orientation h1.gw-environment-lit{background-image:var(--gw-environment-ivory)}
    body[data-surface="today"] .td-orientation h1 span{background-image:var(--gw-environment-champagne)}
  }
}
@media(min-width:1040px) and (forced-colors:active){
  body[data-surface="today"] :is(.gw-environment-lit,.gw-masthead-gray,.gw-masthead-world,.td-orientation h1.gw-environment-lit,.td-orientation h1 span){background:none;color:CanvasText;text-shadow:none}
}

/* Local fixture-only visual BRIEF slice; one open editorial composition. */
body[data-surface="today"] .td-dashboard:has(.td-now) .td-orientation{padding-bottom:0}
body[data-surface="today"] .td-layout:has(.td-now){position:relative;z-index:1}
body[data-surface="today"] .td-now{border:0;padding-top:0}
body[data-surface="today"] .td-now>.td-now-rule{margin-bottom:28px;gap:20px;text-transform:none;letter-spacing:normal}
.td-now-rule .td-date{white-space:nowrap}
.td-weather-planned{margin:-12px 0 22px;font:12px/1.6 var(--sans);color:var(--td-muted)}
.td-weather-planned span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.td-now-columns{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:clamp(28px,3vw,44px);padding-top:10px;max-width:1000px}
body[data-surface="today"] .td-now>.td-section-label:after{background-image:linear-gradient(90deg,rgba(111,154,161,.12),rgba(159,201,220,.65) calc(var(--gw-environment-light-x,42%) - var(--gw-environment-warm-range,18%)),#f3eee4 var(--gw-environment-light-x,42%),rgba(221,196,135,.65) calc(var(--gw-environment-light-x,42%) + 5%),rgba(111,154,161,.16) calc(var(--gw-environment-light-x,42%) + var(--gw-environment-warm-range,18%)),transparent);background-position-x:calc(-1 * (var(--gw-environment-origin,0px) + 200px));background-repeat:no-repeat;opacity:.9;height:2px}
.td-now-columns section{min-width:0}
.td-now-columns h3{margin:0 0 22px;font:500 10px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#aeb9ba}
.td-now-columns p{margin:0}
.td-now-columns .td-now-time{font:500 clamp(34px,3.4vw,48px)/1.05 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#eee5d5;margin-bottom:14px}
.td-now-columns .td-now-title{font:500 25px/1.2 var(--serif);letter-spacing:-.02em;color:#ddd8ca;margin-bottom:12px}
.td-now-columns .td-now-detail{font:14px/1.65 var(--sans);color:#a1afb4;max-width:34ch}
.td-now-today .td-now-title{font-size:clamp(29px,3vw,40px);color:#eee5d6;margin-bottom:18px}
.td-now-columns .td-now-when{font:500 21px/1.25 var(--serif);color:#b4c0c2;margin-bottom:16px}
.td-now-ahead .td-now-title{font-size:22px;color:#bac5c5}
.td-now-ahead .td-now-detail{color:#8f9fa6}
@media(max-width:700px){.td-now-columns{grid-template-columns:1fr;gap:42px;padding-top:8px}.td-now-columns h3{margin-bottom:16px}.td-now-today .td-now-title{font-size:34px}.td-now-columns .td-now-detail{max-width:36ch}}
@media(max-width:1039px){body[data-surface="today"] .td-now>.td-section-label:after{background-size:100% 100%;background-position:0 0}}
@media(min-width:701px){.td-now-columns>section{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.td-now-columns{row-gap:14px}.td-now-columns h3{margin-bottom:8px}.td-now-columns>section>p{margin-bottom:0}}
/* Real briefing columns reflow; absent authorities leave no reserved slot. */
.td-live-brief{margin-bottom:40px}
.td-live-brief[data-columns="1"]{grid-template-columns:minmax(0,32rem)}
.td-live-brief[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:700px){.td-live-brief[data-columns]{grid-template-columns:minmax(0,1fr)}}
.td-live-brief .td-now-title a{text-decoration:none;color:inherit}
.td-live-brief .td-now-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
/* Calendar context is provenance, not another dashboard module. */
.td-calendar-status{font:11px/1.5 var(--sans);color:#98a7ab;margin:0}
.td-calendar-tentative .td-now-title{color:#c8ccc4}
.td-calendar-around{margin:0 0 42px;padding:8px 0 0;color:var(--td-slate)}
.td-calendar-around h3{margin:0 0 20px;font:500 10px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--td-brass)}
.td-calendar-contexts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px 40px;max-width:1000px}
.td-calendar-context{min-width:0}
.td-calendar-context h4{margin:0 0 8px;font:500 23px/1.35 var(--serif);letter-spacing:-.015em;color:var(--td-ivory)}
.td-calendar-context p{margin:0;font:14px/1.7 var(--sans);color:var(--td-slate)}
.td-calendar-context .td-calendar-place{margin-top:5px;color:var(--td-muted)}
.td-calendar-context a{display:block;min-height:44px;color:inherit;text-decoration:none}
.td-calendar-context a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.td-calendar-context a:focus-visible{outline:2px solid var(--td-brass);outline-offset:4px}
@media(max-width:700px){.td-calendar-contexts{grid-template-columns:minmax(0,1fr);gap:26px}.td-calendar-context h4{font-size:22px}.td-calendar-around{margin-bottom:36px}}

/* Today uses one material palette across the live briefing and discovery. */
body[data-surface="today"] .td-dashboard :is(.td-kicker,.td-section-label,.td-now-columns h3,.td-calendar-around h3){color:var(--td-brass)}
body[data-surface="today"] .td-dashboard :is(.td-now-time,.td-now-title,.td-now-today .td-now-title,.td-featured h3,.td-featured h3 button){color:var(--td-ivory)}
body[data-surface="today"] .td-dashboard :is(.td-date,.td-now-when,.td-now-ahead .td-now-title,.td-now-detail,.td-object-summary,.td-calendar-around){color:var(--td-slate)}
body[data-surface="today"] .td-dashboard :is(.td-now-ahead .td-now-detail,.td-calendar-status,.td-calendar-around small){color:var(--td-muted)}

/* My Day is an editorial working set, not a second task system. */
.td-my-day{margin:8px 0 48px}
.td-my-day .td-section-label{margin-bottom:10px}
.td-my-day-item{border-bottom:1px solid var(--td-border);padding:18px 0}
.td-my-day-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;min-height:44px}
.td-my-day-item summary::-webkit-details-marker{display:none}
.td-my-day-title{font:500 clamp(21px,2vw,26px)/1.3 var(--serif);color:var(--td-ivory)}
.td-my-day-state{font:13px/1.6 var(--sans);color:var(--td-muted);max-width:28ch;text-align:right}
.td-my-day-item p,.td-my-day-notice{font:15px/1.7 var(--sans);color:var(--td-slate);max-width:65ch;margin:12px 0}
.td-my-day-item a{display:inline-flex;align-items:center;min-height:44px;font:14px/1.5 var(--sans);color:var(--td-brass);text-underline-offset:4px}
.td-my-day-item summary:focus-visible{outline:2px solid var(--td-brass);outline-offset:5px}
@media(max-width:700px){.td-my-day-item summary{display:block}.td-my-day-state{display:block;margin-top:8px;max-width:none;text-align:left}.td-my-day-item{padding:20px 0}}

/* Near horizon: one open landscape, tomorrow foreground and later quieter. */
.td-horizon{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);margin:64px 0 64px}
.td-horizon:has(>.td-horizon-tomorrow:only-child){grid-template-columns:minmax(0,1fr)}
.td-horizon:has(>.td-horizon-later:only-child){grid-template-columns:minmax(0,42rem)}
.td-horizon .td-section-label{margin-bottom:24px}
body[data-surface="today"] .td-horizon .td-section-label:after{background-image:var(--gw-environment-type,linear-gradient(90deg,#6f9aa166,#f3eee4aa 42%,#d3bb9466 54%,transparent));opacity:.65}
.td-horizon-date{font:500 clamp(28px,3vw,38px)/1.2 var(--serif);letter-spacing:-.025em;color:var(--td-ivory);margin:0 0 30px}
.td-horizon-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px}
.td-horizon-item{min-width:0}
.td-horizon-when{font:500 14px/1.6 var(--sans);color:var(--td-brass);margin:0 0 12px;font-variant-numeric:tabular-nums}
.td-horizon-item h3{font:500 clamp(22px,2vw,28px)/1.25 var(--serif);letter-spacing:-.02em;color:var(--td-ivory);margin:0}
.td-horizon-item h3 a{display:block;text-decoration:none;min-height:44px}
.td-horizon-item h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.td-horizon-detail{font:14px/1.7 var(--sans);color:var(--td-slate);margin:12px 0 0}
.td-horizon-context h3{color:var(--td-slate);font-size:22px}
.td-horizon-later .td-horizon-item{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--td-border)}
.td-horizon-later .td-horizon-item h3{font-size:22px;color:var(--td-slate)}
.td-horizon-later .td-horizon-when{color:var(--td-muted);font-size:13px;margin-bottom:8px}
@media(max-width:700px){.td-horizon{grid-template-columns:minmax(0,1fr);gap:40px;margin:48px 0}.td-horizon-events{grid-template-columns:minmax(0,1fr);gap:28px}.td-horizon-date{font-size:30px}.td-horizon-later .td-horizon-item{margin-bottom:18px;padding-bottom:18px}}

/* Life is a compact state, not a dashboard of transactions or health charts. */
.td-life-snapshot{margin:64px 0 52px}
.td-life-snapshot>.td-section-label{margin-bottom:30px}
body[data-surface="today"] .td-life-snapshot>.td-section-label:after{background-image:var(--gw-environment-type,linear-gradient(90deg,#6f9aa166,#f3eee4aa 42%,#d3bb9466 54%,transparent));opacity:.6}
.td-life-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,88px)}
.td-life-state{min-width:0;max-width:36rem}
.td-life-state h3{margin:0 0 18px;font:600 12px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--td-brass)}
.td-life-receipt{font-weight:400;letter-spacing:0;text-transform:none;color:var(--td-muted)}
.td-life-state h3 a{display:inline-flex;align-items:center;min-height:44px;margin:-14px 0;text-decoration:none;color:inherit}
.td-life-state h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.td-life-state a:focus-visible{outline:2px solid var(--td-brass);outline-offset:5px}
.td-life-headline{font:500 clamp(28px,3vw,36px)/1.2 var(--serif);letter-spacing:-.025em;color:var(--td-ivory);margin:0 0 14px}
.td-life-detail,.td-life-move,.td-life-uncertainty{font:15px/1.7 var(--sans);color:var(--td-slate);margin:6px 0;overflow-wrap:anywhere}
.td-life-move{color:var(--td-ivory);margin:16px 0 12px;max-width:42ch}
.td-life-uncertainty{color:var(--td-slate);max-width:46ch}
.td-life-freshness{font:13px/1.6 var(--sans);color:var(--td-muted);margin:18px 0 0}
@media(max-width:700px){.td-life-snapshot{margin:48px 0}.td-life-states{grid-template-columns:minmax(0,1fr);gap:38px}.td-life-headline{font-size:30px}}

/* HEALTH is an open personal instrument; MONEY remains its quiet companion. */
.td-life-states:has(.td-health-panel){grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(36px,5vw,72px)}
.td-life-states:has(>.td-health-panel:only-child){grid-template-columns:minmax(0,48rem)}
.td-health-panel{max-width:none}
.td-health-panel>h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;margin-bottom:32px}
.td-health-instrument{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.td-health-instrument>section{min-width:0}
.td-health-panel h4{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin:0 0 16px;font:500 10px/1.6 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--td-slate)}
.td-health-panel h4 span{font:400 11px/1.6 var(--sans);letter-spacing:0;text-transform:none;color:var(--td-muted)}
.td-health-overnight h4:after{content:"";height:1px;flex:1;background:var(--gw-environment-type,linear-gradient(90deg,#6f9aa133,#eee5d666 42%,#d3bb9433 58%,transparent));opacity:.5}
.td-health-sleep{margin:0 0 14px;font:500 clamp(54px,5.2vw,74px)/1.04 var(--serif);letter-spacing:-.04em;color:var(--td-ivory)}
.td-health-comparison{margin:0 0 26px;font:14px/1.65 var(--sans);color:var(--td-slate)}
.td-health-stages{margin:26px 0 0}
.td-health-stage-bar{display:flex;gap:3px;height:4px;overflow:hidden;width:100%}
.td-health-stage-bar span{flex-basis:0;min-width:0}
.td-health-stage-deep{background:#527a85}.td-health-stage-light{background:#a5b7b4}.td-health-stage-rem{background:#c6b48d}.td-health-stage-awake{background:#596771}
.td-health-stage-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;margin:16px 0 0}
.td-health-panel dt{font:12px/1.6 var(--sans);color:var(--td-muted)}
.td-health-stage-readings dt{text-transform:capitalize}
.td-health-stage-readings dd{margin:5px 0 0;white-space:nowrap;font:500 17px/1.5 var(--serif);color:var(--td-ivory);font-variant-numeric:tabular-nums}
.td-health-stage-share{display:block;margin-top:3px;font:400 10px/1.6 var(--sans);color:var(--td-slate);letter-spacing:.01em}
.td-health-today{padding-top:24px;border-top:1px solid var(--td-border)}
.td-health-live-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 20px;margin:0}
.td-health-live-readings>div{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0}
.td-health-live-readings dd{font:500 clamp(24px,2.4vw,33px)/1.3 var(--serif);letter-spacing:-.02em;color:var(--td-ivory);margin:5px 0 0;font-variant-numeric:tabular-nums}
.td-health-live-readings dd small{font:12px/1.4 var(--sans);letter-spacing:0;color:var(--td-slate);white-space:nowrap}
.td-health-number-rule{display:block;height:1px;margin-top:15px;background:linear-gradient(90deg,#6f9aa155,#eee5d655 38%,#d3bb9429 65%,transparent)}
.td-health-hr-track{position:relative;height:14px;margin-top:8px;background:linear-gradient(90deg,#6f9aa188,#eee5d666,#6f9aa144) center/100% 1px no-repeat;border-inline:1px solid #8f9ea755}
.td-health-hr-track i{position:absolute;top:4px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--td-ivory);box-shadow:0 0 8px #6f9aa133}
.td-health-live-readings .td-health-hr-mean{margin:0;font-size:10px}
.td-health-workout{margin:24px 0 0;font:500 12px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--td-brass)}
.td-health-workout span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--td-muted)}
.td-health-body,.td-health-recent{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--td-border)}
.td-health-body h4{margin-bottom:10px}
.td-health-body p:not(.td-health-caption){margin:0;font:500 clamp(28px,2.8vw,36px)/1.5 var(--serif);letter-spacing:-.015em;color:var(--td-ivory)}
.td-health-body p span{font:500 23px/1.6 var(--serif);letter-spacing:-.01em;color:var(--td-slate)}
.td-health-recent .td-health-caption{border-left:1px solid #6f9aa166;padding-left:14px;color:var(--td-slate)}
.td-health-caption,.td-health-yesterday,.td-health-notice{font:12px/1.7 var(--sans);color:var(--td-muted);margin:10px 0 0}
.td-health-yesterday{margin-top:28px}.td-health-yesterday span{display:inline-block;margin-left:14px;color:var(--td-slate)}
.td-health-panel .td-life-freshness{margin-top:5px;font-size:11px}
.td-health-notice{margin:-12px 0 24px;color:var(--td-slate)}
.td-health-range{position:relative;height:68px;margin:18px 0 0;background:linear-gradient(90deg,transparent,var(--td-border) 10%,var(--td-border) 90%,transparent) center/100% 1px no-repeat}
.td-health-range-band{position:absolute;top:31px;height:6px;background:rgba(118,157,163,.2)}
.td-health-range-typical{position:absolute;top:27px;height:14px;width:1px;background:#9dabad}
.td-health-range-current{position:absolute;top:31px;width:6px;height:6px;border-radius:50%;background:#eee5d6;box-shadow:0 0 10px rgba(211,187,148,.3);transform:translateX(-50%)}
.td-health-range-label{position:absolute;left:clamp(0px,calc(var(--marker) - 4rem),calc(100% - 8rem));width:8rem;top:0;text-align:center;font:10px/1.5 var(--sans);color:var(--td-slate)}
.td-health-range-label b{display:block;font-weight:400;color:var(--td-ivory)}
.td-health-range-label.typical{top:auto;bottom:0}.td-health-range-label.typical b{display:inline;color:var(--td-slate)}
@media(max-width:1200px) and (min-width:701px){.td-health-live-readings{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}
@media(max-width:700px){.td-life-states:has(.td-health-panel){grid-template-columns:minmax(0,1fr);gap:48px}.td-health-instrument{gap:30px}.td-health-sleep{font-size:58px}.td-health-stage-readings{gap:12px 8px}.td-health-live-readings{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.td-health-live-readings dd{font-size:32px}.td-health-body p span{display:block}.td-health-yesterday span{display:block;margin-left:0;margin-top:4px}}
