/* /time/*, /pray-for-the-nations, /christmas-countdown — same look as /world-clock. Generated pages: scripts/build_time_pages.py */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--base:#14100E;--ink:#F4EDE1;--read:#C9BBA8;--dim:#8A7E6E;--accent:#E5A66B;--gold:#F2C572;--line:rgba(244,237,225,.13);--mx:16px;
  --card:linear-gradient(165deg,rgba(255,244,225,.075),rgba(255,244,225,.018) 60%);
  --lift:0 1px 0 rgba(255,244,225,.07) inset,0 18px 40px -18px rgba(0,0,0,.85),0 2px 6px -2px rgba(0,0,0,.6)}
html,body{background:var(--base)}
body{color:var(--ink);font-family:'Spline Sans Mono',ui-monospace,monospace;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold)}
[hidden]{display:none!important}
.folio{display:flex;align-items:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) var(--mx) 14px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);max-width:1080px;margin:0 auto}
.folio .mark{color:var(--ink);text-decoration:none;white-space:nowrap}
.folio .rule{flex:1;height:1px;background:var(--line)}
.folio nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.folio nav a{color:var(--read);text-decoration:none}
@media (max-width:640px){.folio .rule{display:none}.folio{flex-wrap:wrap;gap:8px 14px}.folio nav{gap:12px}}

.tp{max-width:1080px;margin:0 auto;padding:0 var(--mx)}
.crumbs{font-size:11px;color:var(--dim);margin:4px 0 0}
.crumbs a{color:var(--read);text-decoration:none}
.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
h1{font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'144,'wght'520,'SOFT'30,'WONK'1;font-size:clamp(27px,5vw,46px);line-height:1.06;letter-spacing:-.01em;margin-top:8px}
h2{font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'120,'wght'540;font-size:clamp(23px,3.6vw,30px);line-height:1.15}
h3{font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'60,'wght'560;font-size:19px;line-height:1.3}
.lede{font-family:'Fraunces',Georgia,serif;font-size:19px;line-height:1.55;color:var(--read);max-width:640px;margin:14px auto 0}

/* hero clock */
.hero{position:relative;text-align:center;padding:34px 0 30px;margin:14px calc(var(--mx) * -1) 0;border-radius:0 0 28px 28px;
  background:radial-gradient(ellipse 80% 70% at 50% 30%,#241b14 0,#15100d 60%,var(--base) 100%)}
.hero.small{padding:30px var(--mx) 26px}
.big{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.big time{font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'144,'wght'430;font-size:clamp(58px,13vw,124px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;
  text-shadow:0 2px 0 rgba(0,0,0,.4),0 18px 50px rgba(242,197,114,.14)}
.big time small{font-size:.36em;color:var(--dim);margin-left:.18em;letter-spacing:0}
.big .sky{width:30px;height:30px;flex:0 0 30px}
.date{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:19px;color:var(--read);margin-top:10px}
.zline{font-size:12px;color:var(--read);margin-top:12px}
.zline b{color:var(--gold);font-weight:600}
.youline{display:inline-block;max-width:calc(100% - 32px);line-height:1.5;border-radius:18px!important;font-size:12px;color:var(--read);margin-top:14px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(14,11,9,.5)}
.youline:empty{display:none}
.youline b{color:var(--ink)}
.sky{display:inline-block;width:14px;height:14px;border-radius:50%;flex:0 0 14px}
.sky.day{background:radial-gradient(circle at 40% 40%,#ffe9a8,#f2b44e);box-shadow:0 0 10px rgba(242,180,78,.7)}
.sky.dusk{background:radial-gradient(circle at 40% 40%,#ffc58f,#c96a3b);box-shadow:0 0 8px rgba(201,106,59,.6)}
.sky.night{background:transparent;box-shadow:inset -5px 2px 0 0 #d9d2e6}
.big .sky.night{box-shadow:inset -10px 4px 0 0 #d9d2e6}

/* zones */
section{margin-top:40px}
.zones h2,.related h2,.dawn h2,.nday h2{text-align:center;margin-bottom:16px}
.zgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.z{padding:14px 12px;border-radius:16px;background:var(--card),#1a1512;border:1px solid var(--line);box-shadow:var(--lift);text-align:center}
.z span{display:block}
.z .zl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.z b{display:block;font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'144,'wght'480;font-size:30px;font-weight:400;margin:8px 0 4px;font-variant-numeric:tabular-nums}
.z .za{font-size:11px;color:var(--gold)}
.z .zc{font-size:11px;color:var(--dim);margin-top:5px;line-height:1.45}

/* facts + converter */
.facts{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.facts dl{display:grid;gap:1px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--line)}
.facts dl>div{padding:13px 16px;background:#18130f}
.facts dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.facts dd{font-family:'Fraunces',Georgia,serif;font-size:17px;line-height:1.45;color:var(--ink);margin-top:4px}
.facts dd small{display:block;font-family:'Spline Sans Mono',monospace;font-size:11px;color:var(--read);margin-top:3px}
.conv{padding:16px;border-radius:18px;border:1px solid rgba(242,197,114,.3);background:var(--card),#1a1512;box-shadow:var(--lift);align-self:start}
.conv label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.convrow{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.conv input,.conv select{font:600 14px 'Spline Sans Mono',monospace;color:var(--ink);background:#0f0c0a;border:1px solid var(--line);border-radius:10px;padding:9px 10px;color-scheme:dark}
.conv select{flex:1;min-width:0}
.convout{font-family:'Fraunces',Georgia,serif;font-size:20px;line-height:1.4;margin-top:12px;color:var(--gold)}
@media (max-width:760px){.facts{grid-template-columns:1fr}}

/* prayer card */
.praycard,.nday{max-width:760px;margin-left:auto;margin-right:auto;padding:26px 24px;border-radius:22px;text-align:center;
  background:radial-gradient(ellipse 90% 80% at 50% 0,rgba(242,197,114,.13),transparent 70%),var(--card),#1a1512;border:1px solid rgba(242,197,114,.32);box-shadow:var(--lift)}
.praycard h2{margin:8px 0 14px}
.prayer{font-family:'Fraunces',Georgia,serif;font-size:19px;line-height:1.65;color:var(--ink);max-width:620px;margin:0 auto}
.verse{max-width:620px;margin:18px auto 0;padding:14px 18px;border-left:3px solid var(--gold);text-align:left;background:rgba(255,244,225,.03);border-radius:0 12px 12px 0}
.verse p{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:17px;line-height:1.6;color:var(--read)}
.verse cite{display:block;font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--accent);margin-top:6px}
.hero .verse{margin-top:22px}
.plinks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.plinks a{display:inline-block;font-size:12px;text-decoration:none;color:var(--ink);padding:8px 12px;border-radius:999px;border:1px solid rgba(242,197,114,.35);background:rgba(14,11,9,.4)}
.plinks a:hover{border-color:var(--gold)}
.ndtime{font-size:12px;color:var(--read);margin:-6px 0 14px}
.more{font-size:12px;margin-top:14px}

/* reference text */
.ref{max-width:760px;margin-left:auto;margin-right:auto}
.ref h2{margin:44px 0 12px}
.ref h3{margin:24px 0 6px}
.ref p,.ref li{font-family:'Fraunces',Georgia,serif;font-size:18px;line-height:1.6;color:var(--read)}
.ref .aka{font-family:'Spline Sans Mono',monospace;font-size:11px;color:var(--dim);margin-top:26px}
.tbl{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}
.tbl th,.tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.tbl th{font-weight:400;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.tbl td{color:var(--read)}
.tbl td:first-child{color:var(--ink);white-space:nowrap}
.tbl .now{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}
.tbl-wrap{overflow-x:auto;margin:0 calc(var(--mx) * -1);padding:0 var(--mx)}
.pray{margin-top:40px;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(255,244,225,.03);border-radius:0 14px 14px 0}
.how{list-style:none;counter-reset:h}
.how li{counter-increment:h;margin-top:26px}
.how h3::before{content:counter(h) ". ";color:var(--gold)}
.how .verse{margin-left:0}
.verses{list-style:none}
.verses .verse{margin:12px 0 0;max-width:none}

/* place cards */
.places{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:12px}
.place{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"s n t" "s c d";align-items:center;gap:1px 10px;padding:11px 13px;border-radius:14px;
  background:var(--card),#1a1512;border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}
.place:hover{transform:translateY(-2px);border-color:rgba(242,197,114,.5)}
.place .sky{grid-area:s}
.place .pn{grid-area:n;font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'60,'wght'520;font-size:16px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.place .pc{grid-area:c;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.place .pt{grid-area:t;font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'144,'wght'480;font-weight:400;font-size:19px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.place .pd{grid-area:d;font-size:10px;color:var(--gold);text-align:right;white-space:nowrap}
.index h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-family:'Spline Sans Mono',monospace;font-weight:400;display:flex;align-items:center;gap:12px;margin:30px 0 4px}
.index h3::after{content:"";flex:1;height:1px;background:var(--line)}
.related .more{text-align:center}
.dawn .sub{text-align:center;font-size:12px;color:var(--dim);margin:-8px 0 6px}
.dawn h2.mt{margin-top:34px}
.dawn .places:empty::after{content:"None right now.";font-size:12px;color:var(--dim);grid-column:1/-1;text-align:center}

/* Christmas */
.count{display:flex;justify-content:center;gap:clamp(8px,2.4vw,18px);margin-top:22px}
.count div{min-width:clamp(64px,17vw,120px);padding:14px 8px 10px;border-radius:18px;background:var(--card),#1d1512;border:1px solid rgba(242,197,114,.32);box-shadow:var(--lift)}
.count b{display:block;font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'144,'wght'460;font-weight:400;font-size:clamp(34px,8vw,68px);line-height:1;font-variant-numeric:tabular-nums}
.count span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.hero.xmas{padding-left:var(--mx);padding-right:var(--mx)}

footer{max-width:760px;margin:70px auto 0;padding:26px var(--mx) 46px;font-size:11px;line-height:1.8;color:var(--dim);border-top:1px solid var(--line)}
footer a{color:var(--read)}