/* A Prelude to the End of the World — site styles
   Idea: "The night is far spent, the day is at hand" (Rom 13:12).
   The page opens at night and ends in daylight. The seven colours are the
   seven timelines exactly as they are drawn on the chart. */

@font-face{font-family:"EB Garamond";src:url("fonts/ebgaramond.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("fonts/ebgaramond-italic.woff2") format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("fonts/atkinson-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("fonts/atkinson-bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --night:#0f1b33; --dusk:#1d2e55; --dawn:#dfe6f3; --day:#f6f8fc; --white:#fff;
  --ink:#141a26; --ink-soft:#44506a; --on-night:#e9eefb; --on-night-soft:#aab6d3;
  --gold:#f5b800; --gold-deep:#a87400;
  --t-heaven:#f5b800; --t-israel:#3b47c4; --t-believer:#c8102e; --t-empire:#9a8fd6;
  --t-earth:#b97a56; --t-man:#a349a4; --t-satan:#0a0a0a;
  --serif:"EB Garamond", Garamond, "Times New Roman", serif;
  --sans:"Atkinson Hyperlegible", Verdana, sans-serif;
  --measure:64ch;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--serif);font-size:1.25rem;line-height:1.6;color:var(--ink);background:var(--day)}
img{max-width:100%;height:auto;display:block}   /* height:auto matters: without it a picture narrower than its stated size keeps its full height and looks squeezed */
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.5rem 1rem;font-family:var(--sans);z-index:99}
.skip:focus{left:.5rem;top:.5rem}

h1,h2,h3{font-weight:500;line-height:1.08;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(2.7rem,7.2vw,5.6rem)}
h2{font-size:clamp(2rem,4.2vw,3.1rem)}
h3{font-size:1.5rem;line-height:1.2}
p{margin:0 0 1.1em;max-width:var(--measure)}
.lede{font-size:1.45rem;line-height:1.5}
.small{font-family:var(--sans);font-size:.95rem;line-height:1.5}
blockquote{margin:0;font-style:italic}
cite{font-style:normal;font-family:var(--sans);font-size:.9rem;white-space:nowrap}

/* buttons */
.btn{display:inline-block;font-family:var(--sans);font-weight:700;font-size:1.05rem;text-decoration:none;
  padding:.85rem 1.4rem;border-radius:4px;border:2px solid transparent;cursor:pointer;line-height:1.2}
.btn-gold{background:var(--gold);color:#1a1300}
.btn-gold:hover{background:#ffd040}
.btn-line{border-color:currentColor;background:transparent;color:inherit}
.btn-line:hover{background:rgba(255,255,255,.1)}
.on-day .btn-line:hover{background:rgba(15,27,51,.07)}
.btn-ink{background:var(--night);color:#fff}
.btn-ink:hover{background:var(--dusk)}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}

/* header */
.site-head{position:relative;z-index:5;color:var(--on-night)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.1rem}
.mark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.15rem;line-height:1.1}
.mark img{width:96px;height:auto;flex:none;display:block}
.nav{display:flex;gap:1.4rem;font-family:var(--sans);font-size:1rem}
.nav a{text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--gold)}
@media (max-width:760px){.site-head .wrap{flex-wrap:wrap;row-gap:.5rem}.nav{width:100%;flex-wrap:wrap;gap:.15rem 1.1rem;font-size:.98rem}}

/* hero — night */
.hero{background:var(--night);color:var(--on-night);padding:3.4rem 0 0;position:relative;overflow:hidden}
.hero-words{max-width:46rem}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin:1.8rem 0 0}
.hero-cta .btn{font-size:1.15rem;padding:.95rem 1.7rem}
.tour-link{font-family:var(--sans);font-size:1.02rem;color:inherit;text-decoration-color:var(--gold-ink);text-underline-offset:.2em}
.tour-link:hover{color:var(--gold-ink)}
.hero h1{max-width:17ch}
.hero .sub{font-style:italic;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--gold);margin:.4rem 0 1.3rem}
.hero .lede{color:var(--on-night);max-width:50ch}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.lines{width:100%;height:auto;display:block}
.lines .ln{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.lines text{font-family:var(--sans);font-size:15px;fill:var(--on-night-soft)}
.lines .tip,.lines .eternal{fill:var(--gold)}
.lines .mark-time{opacity:0;animation:appear .5s 3.11s forwards}
.lines .cross-first{opacity:0;animation:appear .5s 1.96s forwards}   /* with the start of the prophetic line (the sweep reaches it 2.02s in) */
@media (prefers-reduced-motion:reduce){.lines .cross-first,.lines .mark-time{opacity:1}}
.lines .end{fill:var(--on-night);font-weight:700;opacity:0;animation:appear .6s 7.72s forwards}
.lines .end.fire{fill:#ff9a6b;animation-delay:6.77s}
@keyframes appear{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.lines .end{opacity:1}}

/* the chart strip */
.strip-sec{background:linear-gradient(var(--night) 0 50%,var(--dusk) 50% 100%);padding:2.2rem 0 0}
.strip{background:#fff;border-radius:6px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);overflow:hidden;position:relative}
.strip-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.strip-scroll img{height:clamp(240px,34vw,420px);width:auto;max-width:none}
.strip-bar{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;justify-content:space-between;
  padding:.9rem 1.1rem;background:var(--ink);color:#fff;font-family:var(--sans);font-size:1rem}
.strip-bar p{margin:0;max-width:none}

/* sections */
.sec{padding:clamp(4rem,9vw,7rem) 0}
.dusk{background:var(--dusk);color:var(--on-night)}
.dawn{background:var(--dawn)}
.day{background:var(--day)}
.noon{background:var(--white)}
.sec h2{margin-bottom:1.4rem;max-width:20ch}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:860px){.two{grid-template-columns:1fr}}

/* seven timelines table */
.seven{width:100%;border-collapse:collapse;margin-top:2.2rem;font-size:1.12rem;line-height:1.35}
.seven th{font-family:var(--sans);font-weight:700;font-size:.95rem;text-align:left;padding:.5rem .8rem .7rem;color:var(--on-night-soft);vertical-align:bottom}
.seven td{padding:.95rem .8rem;border-top:1px solid rgba(255,255,255,.16);vertical-align:top}
.seven td:first-child{white-space:nowrap;font-family:var(--sans);font-weight:700;font-size:1rem;padding-left:0}
.seven .sw{display:inline-block;width:2.4rem;height:5px;border-radius:3px;vertical-align:middle;margin-right:.7rem;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.seven a{text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.2em}
.seven a:hover{text-decoration-color:var(--gold)}
.seven .n{font-family:var(--sans);font-size:.9rem;color:var(--on-night-soft);margin-right:.35rem}
@media (max-width:760px){
  .seven thead{display:none}
  .seven,.seven tbody,.seven tr,.seven td{display:block}
  .seven tr{border-top:1px solid rgba(255,255,255,.2);padding:.9rem 0}
  .seven td{border:0;padding:.2rem 0}
  .seven td[data-h]::before{content:attr(data-h) ": ";font-family:var(--sans);font-size:.85rem;color:var(--on-night-soft)}
}
.after{margin-top:2.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.4rem 2.2rem;padding:0;list-style:none;font-size:1.12rem;line-height:1.35}
.after li{padding:.55rem 0;border-top:1px solid rgba(255,255,255,.16)}

/* how to use */
.steps{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:2rem 2.5rem}
.steps h3{margin-bottom:.4rem}
.steps p{margin:0;font-size:1.12rem}
kbd{font-family:var(--sans);font-size:.85em;border:1px solid #9aa6c0;border-bottom-width:2px;border-radius:4px;padding:.05em .4em;background:#fff}

/* book */
.book{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:start}
@media (max-width:860px){.book{grid-template-columns:1fr}}
.board{aspect-ratio:6/9;background:var(--night);color:var(--on-night);border-radius:3px 8px 8px 3px;padding:2rem 1.6rem;
  display:flex;flex-direction:column;justify-content:space-between;box-shadow:-6px 0 0 #070e1e inset,0 30px 50px -25px rgba(15,27,51,.7);max-width:340px}
.board .t{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.05}
.board .s{font-style:italic;color:var(--gold);margin-top:.6rem;font-size:1.12rem;line-height:1.3}
.board .a{font-family:var(--sans);font-size:.95rem}
.board svg{width:calc(100% + 1.2rem);height:auto;margin:1rem -.6rem}
.note{font-family:var(--sans);font-size:.92rem;color:var(--ink-soft);margin-top:.8rem;max-width:340px}
.facts{list-style:none;padding:0;margin:1.8rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0 2rem;font-size:1.1rem;line-height:1.35}
.facts li{padding:.7rem 0;border-top:1px solid #c9d2e4}
.facts b{font-family:var(--sans);font-size:.98rem;display:block}
.status{font-family:var(--sans);font-size:1rem;background:#fff;border-left:5px solid var(--gold);padding:.9rem 1.1rem;margin-top:1.8rem;max-width:var(--measure)}

/* stands / will not */
.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem 3rem;margin-top:1.5rem}
.cols3 h3{margin-bottom:.5rem}
.cols3 ul{margin:0;padding-left:1.1em;font-size:1.12rem}
.cols3 li{margin-bottom:.5em}

/* apparel */
.sp{background:#2a2622;color:#efe9df}
.sp h2{max-width:none}
.sp .verse{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.3;font-style:italic;max-width:30ch}
.sp .tag{font-family:var(--sans);font-weight:700;font-size:1.05rem;letter-spacing:.02em}
.sp .btn-line:hover{background:rgba(255,255,255,.08)}

/* gospel */
.gospel h2{max-width:24ch}
.abc{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;gap:2.2rem}
.abc li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:0 1.2rem;align-items:start}
.abc .l{font-size:4.2rem;line-height:.9;color:var(--gold-deep);font-weight:500}
.abc h3{margin-bottom:.5rem}
.abc blockquote{border-left:3px solid var(--gold);padding-left:1rem;margin:.7rem 0 0;max-width:var(--measure)}
.maxim{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.25;margin:3.5rem 0 0;max-width:26ch}

/* about + footer */
.foot{background:var(--white);border-top:1px solid #d9dfec;padding:3rem 0 4rem;font-family:var(--sans);font-size:.98rem;line-height:1.55;color:var(--ink-soft)}
.foot p{max-width:80ch}
.foot .lines7{display:flex;gap:4px;margin-bottom:1.6rem}
.foot .lines7 i{height:5px;flex:1;border-radius:3px}


/* ---- inner pages ---- */
body.sub{background:var(--day)}
.sub .site-head{position:static;background:var(--night)}
.sub .nav a.here{border-color:var(--gold)}
.prose-page{padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,6rem)}
.prose-page h1{font-size:clamp(2.3rem,5.4vw,4rem);max-width:18ch;margin-bottom:1.2rem}
.prose-page h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:2.6rem 0 .8rem;max-width:28ch}
.prose-page h3{margin:1.8rem 0 .5rem}
.prose-page .by{font-family:var(--sans);font-size:1rem;color:var(--ink-soft);margin-bottom:2rem}
.prose-page blockquote{border-left:3px solid var(--gold);padding-left:1rem;margin:1rem 0 1.2rem;max-width:var(--measure)}
.prose-page ol,.prose-page ul{max-width:var(--measure);padding-left:1.3em}
.prose-page li{margin-bottom:.5em}
.prose-page .box{background:#fff;border-left:5px solid var(--gold);padding:1rem 1.2rem;margin:1.6rem 0;max-width:var(--measure)}
.prose-page .box p:last-child{margin-bottom:0}
.prose-page .sub-t{font-style:italic;font-size:1.5rem;color:var(--gold-deep);margin:-.6rem 0 1.6rem}
.prose-page sup a{font-family:var(--sans);font-size:.7em;text-decoration:none;color:var(--gold-deep)}
.notes{font-family:var(--sans);font-size:.95rem;line-height:1.5;color:var(--ink-soft);border-top:1px solid #c9d2e4;margin-top:3rem;padding-top:1rem}
.notes p{max-width:80ch}
.qlist{list-style:none;padding:0;margin:1.5rem 0 2.5rem;max-width:var(--measure)}
.qlist li{border-top:1px solid #c9d2e4;padding:.55rem 0;margin:0}
.qlist a{text-decoration:none}.qlist a:hover{text-decoration:underline}
.events{columns:2 22rem;column-gap:3rem;max-width:none!important;font-size:1.12rem}
.books{columns:3 16rem;column-gap:2.5rem}
.books section{break-inside:avoid;margin-bottom:1.4rem}
.books h3{margin:0 0 .3rem;font-family:var(--sans);font-size:1rem;font-weight:700}
.refs{list-style:none;padding:0!important;margin:0;font-family:var(--sans);font-size:.98rem;line-height:1.7;display:flex;flex-wrap:wrap;gap:0 .9rem}
.refs li{margin:0}
.refs a+a{font-size:.85em;color:var(--ink-soft)}
.more-links{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-family:var(--sans)}
.foot .more-links{margin:0 0 1.4rem}
.seven td a.ch{text-decoration:none}
.seven td a.ch:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.after a{text-decoration:none}.after a:hover{text-decoration:underline;text-decoration-color:var(--gold)}

/* =====================================================================
   THE SCROLL. The whole site is written on one parchment scroll; behind it
   the night still turns to day from the top of the page to the bottom.
   The parchment, the torn edges and the rolled ends are painted by
   tools/make_scroll.py (no photograph), and live in assets/scroll/.
   The two torn-edge masks are embedded below as data, because browsers refuse
   to use a separate image file as a mask when the page is opened from a folder.
   ===================================================================== */
:root{--parch:#e4cb98;--sepia:#5a3d12;--gold-ink:#8a5a00}
body:not(.tl){background:linear-gradient(to bottom,#0b1428 0,var(--night) 8%,var(--dusk) 38%,#56689a 62%,#aebbd8 82%,var(--day) 100%) no-repeat var(--day);background-size:100% 100%}
.scroll{position:relative;width:min(1240px,100% - 1.5rem);margin:1.6rem auto 2.4rem}
/* The sheet's skin (parchment, torn edges, darkened rim) is painted in pieces of at most 2000px by assets/sheet.js.
   One masked element the height of a whole page is too tall for phone screens: the browser has an upper limit
   on the size of a mask, and past it the sheet is simply not drawn (the page seemed to stop part way down).
   Without the script the sheet is plain parchment with straight edges. */
.sheet{position:relative;isolation:isolate;color:var(--ink);background:var(--parch);
  box-shadow:inset 0 0 90px rgba(98,58,10,.42),inset 0 0 22px rgba(70,38,4,.35);
  --edge-w:40px;--edge-h:1200px;--edge-in:39px;--vig:90px;--vig-a:rgba(98,58,10,.42);--vig-b:rgba(98,58,10,.12);--brown:64px;--wash:transparent}
.sheet.skinned{background:none;box-shadow:none}
.sheet.skinned::before,.sheet.skinned::after{display:none}
.sheet-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sheet>.sheet-bg{padding:0}
.sheet>.sheet-bg+*{padding-top:20px}
.sheet-bg i{position:absolute;left:0;right:0;display:block;
  background:linear-gradient(to right,rgba(74,40,6,.62),rgba(84,48,8,.26) 30%,rgba(84,48,8,.08) 62%,transparent) left 0/var(--brown) 100% no-repeat,linear-gradient(to left,rgba(74,40,6,.62),rgba(84,48,8,.26) 30%,rgba(84,48,8,.08) 62%,transparent) right 0/var(--brown) 100% no-repeat,linear-gradient(to right,var(--vig-a),var(--vig-b) 50%,transparent) left 0/var(--vig) 100% no-repeat,linear-gradient(to left,var(--vig-a),var(--vig-b) 50%,transparent) right 0/var(--vig) 100% no-repeat,linear-gradient(to right,rgba(70,38,4,.35),transparent) left 0/22px 100% no-repeat,linear-gradient(to left,rgba(70,38,4,.35),transparent) right 0/22px 100% no-repeat,
    radial-gradient(ellipse 75% 34% at 50% 18%,rgba(255,244,214,.38),transparent 70%) 0 var(--off)/100% 1700px,radial-gradient(ellipse 65% 28% at 42% 74%,rgba(255,244,214,.26),transparent 70%) 0 var(--off)/100% 2300px,linear-gradient(var(--wash),var(--wash)),url("scroll/parchment.webp") 0 var(--off)/1200px 1200px repeat,var(--parch);
  -webkit-mask:url("data:image/png;base64,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") left var(--off)/var(--edge-w) var(--edge-h) repeat-y,url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAASwCAYAAACJhAhQAAAWTklEQVR42u2daRSWYxrHf1IxKCVlVIwlJNvYzRTKkoqaKC0zGhmNGYxkLE2WwzAZc+wmssR0CllSSZIkqrElqlHJUqlUmPZdZZ758L7vOfO157muu/819ZzzfH3P7/1fy708931dAJnD+yGwC0ZP5vQ+og64HGiiDPgHC7gq+D37qAPupOyDj1j+U2u4j4EfKQO2svYVS7gR1nDWQbJZHXAfdcB12x2gRxS3UAf8GjhAEXAlcKSqiecC9b0GdSsFJ6kDZsBNyoA3eMBZ5sG91U28CTgpQqKeba2mJdy1ERTspDxZAFisrOBgZRN/CfxYGbC5ch7s77gBYOqDg5QBh0RQ8OYIiXqwKuBLEUxcec9RBRwVQcHeyoC3RlBwrPp0q2qEKO6qCjgf2E/ZxJvKr6yJu0eI4pYRgqS5MuAnwJ6KgAMjzGbMV3bWaeZgoJ2ygvcom9htn9o6ivuqz2amRkjUrysrCFAX2E0Z8DtgvbKJK+9QVcBL1X3wC/Uo/hyoF8EHM+AboJEq4BbgFHUFVwNHKwM+rqzgQ6pppvLsFyGKuysDfoTBUT0vOJMZtqcPVrH4fU/A8ZROIckCTlYei29Rn81sAI5Xng/uClyoDAhwtkUO9A6SDao+eIV6kFTejuqAY5V9EGCRuoLfFl0weStYD9hXVcFvgUOUfbCeOiAY3C3xBhwXYdH0FdBAEfA74FB1BV9Q98G31BX8mIKb6d4KTsRgM91LPZNTmZ4KvqM8YTX9buyx7XtyhCn/2aqAbax3oKyfWtY/KF3CwNMH71XPgw3UAetG2Fn4h/p0q4Gigk+qpxnzXS4vuAciKHiXMmBfZQU/BepEMHFLZcAHIyh4ozLgHeoKfgLUVAUcpDzULQR+orwmqWc5F/RQsKP1P5YrBpYiSDqpAk4D9oigoOyZBfNbidZpZqlykLwH7KwexU2jpJn+6oAZRt/pvAALH6xNoeBzyoAT1H2whWqirjzHKyt4mfou//fKgOuA6eojyUh1E7+uqOBMoLbXRreleR9Tn7CuUQecHWE+2EkZsJ+ygr0iRPEHQDVlwE3AicqAvZRN3DSCD/5FGfC3HnCWI0kDdcCT1X3wPHUF20SI4ofVp1vD1RU0r5hireCBwCXqq7pTVE0cooqodFmryttNWcHBEUw8hdLlU0lAl485VnDLgMYRTHyJKuAA9enWLNVE3R3nR7oWtZWJN2NcwdZawVFecFYKblH3wbXAT9WD5FV1QPll5wwcbuNYAZrPoq2j+GVglTJgLfU8+FqEsbibMuAAZQWHeMJZ+OAXOD9F1FuFUxM9KwVrAh2UFTzbG66ogj1I8OS9AVudRE9e856bAq6IiRuqA85SNbHpfRFPH5yH0wdEK8BLlRX8Wyq4vEGym7IPui7SrUz8prqJJ6gDHhghD7ZXB3Tb6rAAnIzDITJrBU9VBrxePUiW4vTZyyrN1ARqqPugeWUeS8AnU6mX18T/UQ6S1iR+ZBopW5n4CUotPSQVTDb+FjHx79QBM+ApZcArIyh4pTqg26FaK8Dn1BVcBxyrCriEUm9E2ZGkWsr1SF4Tv6wMuAw4XBFwNNvo2Rr1rlYHzIDblQG/ItHnh7xp5mMMOgd5m/g0VcBuEaLYtBeihw8Oo1RvXxZwboQ86HpN0mrro6E6YH11E2fARaqA45WjGJzOCVqb+DL1IFmurOBvIpg4A3oqmxiMSwdZKmjWD9FLwQXlV9oHV+J8sLEIYFf1KF5EgCMBjyoDbsaxpoIFYC91H5yLQZtBzzw4kNIuq6SC81PvzeSN4hvVATOgnTLgeeoKTifRqY+888EVOBSiswScFyFIzNqvegLepLwmgdKNRGkTv6kOmAF3KwM+q+6DUyKY2LwfiTVgD1UFh0YYSS5SD5JmUYKkpTLgBGUFP8O4YY81YFf1IGmiHCRvR8iDv46QZp5W9kFwquJtnajddv6tSmnsitMXKMvCYEvVAVcr++Cr6kGSAZ3VAd2WoBZgb0Uw8dsRTDxaOc2AU+0Z2VrUHiaW765h3orG2gdr4LD7b6We2307C7g7lRO1eR10LxO7qGgZJBPVATdGSdTPKANepT5Z2EvZxLepB8mb6oDHqUfxKuAoZcCOUfLgFow7bFiBdY+goHm3NetEPZbS+UJJBb8DDlU18Q/Az5QTdRUcL0VbmfjlCFH8oDLgXcoKzsSxikpRuKnA7urLzqk4VXW0SjODgfXKCk7ygrNScLayDw7H+bEw8VPqgGeoAm4hwd0SCwWvUwW8mARPUfVGRjCx25rYKlGH2KPeDJykPqMepQz4xx15sOA7VB3QrZi7FZzL+S3LzaNdMW4oaqngMxGCpPI+pg74KVBHFbBlBBO3VQeU3eV3KcVrvYlungutAavj0B7JyrxXqidql88Qliaui8MnWWsfXKIO2F3ZB78A9lFWcAKlG9uSCr6kvrMwI8KEVbqx6MgICrZWB3Q5pmydqH/AoWiYlXIPKacZgCMi+OC1EYKkvTLgoAgKvqIOaL7jag13lbKC84H9lEeS/YET1H1wLXCMqoJQOkNzgXoUT7Hao/FQkPIu60ZlBTNgiLKCYHjYx0tBs51WD7i7ldMMlsnaC3B/DCuNWpv3G6CRsoI1y6/kSLLCevFkreD88isL+G55NiM93eqjDHhzhFXdgnIelANcYzmTtga8JsIGZld1wO+BE5W336rjVALaOorPUQV0OVxWRfS33Ex8vyrg8Ah5MANGKAN2UA+SBhFM/G/gMFVAl8Yq1sVI5ikDPh/BB1sqKwil1tXSgCeqA05V9kGX3saWCv5CHfDJCGnmamXAvuomrqoOuEQdsGmEIOmpCvg79UWTa62FTFlFyyBpp67gWeqA4yOkmQmqgE+rp5mzI2weNVcGHK2sYH+cH6mzWtaAi4GD1BWcAewZIYpdKlZYThbWUapJLadgd3UfnINTJW8rE/endJhHFvAIZRO7HQOwAEzSErOogqOUAW+IoGAbdcDRqoDNSPhs84+FXiZ+TBlwNrB3Cri8Q11VnLZ8rQAf85wgFDVx7whBsgg4QNnEy4Dlygp2VDbxoAg+WHlbqQJeFkHBcRFM7D67sdpZaKSs4BBPOAsFV6sDNooQJMNUAX+rmGbc+tJZK9hfHdClCJNlFDfC+RNYEQXbpjJvlW2gfBIFN5OgWHsRwMcjpJmblAG/AQ5WDpJqOJSStFTwHlUf/Br4SUq4rTXxRIzvD3uZ+CxVBSvP0coKvhnBxJ9RKmsqB2je0c/aB+fi0NHP2sT9IvhgH3VA10JgVoCtFIPkf5+a6ib+MsWyswhgU2UTz8PhFqJHFPdWB3yfBF8988KtA45VVrCNsg+at/jwULCL+kjSKEKaeUJZQXDq+Gw93fqrsoJ47zRYAL6qbOL7I/jgLKC2KuASEmxkWnxMPFcV0K3BvFUUV8GpzoyFgr+MMBa7HxktauK9gZ9HiGKXavJWQ13lGaWs4GQcNzalL+BbAmbA28o+SHnSUENZwcwj7XgUzP6LKuA49SBx6f5nDXe5uoKfA/VU0wzAAEr9E2UBT48QJGbVU7yOOI3BqA6cF+A4ZROblnXxULBahCB5QVlBKPV0l1WwbwQTmzaw2K5aVA8CVqqbeAqwiyrgPByKFlsCutTmt4JzO8+VKUNaR/G88p6hdBR3UQVcj3ib9B95rEesffBIdcA66oAuu6xWQdI5wg5rF2XAVsoKflROM/Imvkc9ik+3nqxaAy6l1A5JFrABDodvpbtreEy3XlffPBqmquBI9TzYTBnwShwfKwVbRxjqzPslem2/SX+rG66s4Eh1H8yAZyP44HXKgNOAPZQBe6hPFrao++DYCEHymjLgg8oKLgeaKAO2UB5JxkSYbg1VB5Q/eTQL2CtCHlyNUS0GryMBNTBsB5I5vROVFYTSKThZBQcrT7cAGltuZFqrNxnjckMeJp4PNFQ28WKMOgB6AU6hdN9JOg+aXMjyzIM7qSt4hTJgF/U0kwF/UAc0u/vpCdhHOYoBDlE28ZnKPmj2tcnLxHWV04zpfRJrwJU4nD6STC/ePviuOmB1ZcAfMC7k7uGDo9VNPFpdwQx4LsJ0q6ky4CuqCn4M7Kbug09FCJIMOF8ZcKhyHqxM92uom9jkjp0n3G3qq7rJyia+O0KaGaJu4mfVFfwXBoduvdPMeGXAPyqbeLrySPIesLN6mjk1Qh402a/2AnsHo08RHnCdIsyoTVrUeA51p0QIkhbqgJOUAVcCRygDtlL3wfesgtDTB2diULnCC87sYIUXYK8IedDkTKsXnEnNBc+h7lCMLmJ5KfibKBPWQu0zUzRnbAScpqrgwAgmPks1iivP+coK3qy+u9Usgg9mwAVqgKZNmL3Vu1YZcISqgs9H2FkYoQr4HwxLPnvkwZ0QP5YC8PsIPthBFXCItTmkT196Ab6hDLgROEEZsLO6D74VIUiuUU/UG1UVXInxIVtrBfcsOr1PYeKq6kFiWt7KQ8H6QHf1KD5W2cQZsAKjjzie88GFGLUr9Fx23q8MuAw4XBnw6ghbH+PVASvvvcqAH1LgOnmKLeD65VcW8O8U7Fi+XR7sMW2mst2e+jAZ5jyDZHd1QLPqyh7m7Rhhf/BydRMvVN9ZWBxhunWHMuB9ERT8hoJ1FrxnM0OAOaoKmpUW8oD7jtLJox1RbPXergh4WwQTX6MOuAo4ShlQ9tyMfJWAdy1/zOv8dG31KL5DGfDP6j44K8KiqX2EkeQc5VUdQEtlBR+OYOJm6iauoQ54obKJ31D2wXUYfpL1UnAOsK+yDx6EwS1ZT8A1GJ1C8jJx9wiJenHZ1LJ58ClgrvrOQgdlBZdS6ky+YzaT9z1PfbJQVVnBq5RXdQBt1H1wA3C8KuDT6gv3+pY/Zq3eX63/rYeJ1wDHKANeqK7g18ABqoCmCyYvBQcqA96gHsWmF089EvXBQNsIO6wmkew5m1lVfqVn1CYn4Dzh3i86q/ae8i+mYJtMb8AZykEC4pcNnlBfNM21+iHPKG4TIQ9mwOPKgIWKxaY4Kl+XAtWjUgBWLTKapABcWX5lAb8GvlWP4geUAf+uPBZDqVBnLVUFBymPJLcqj8VmlZS9fPBoyx/bbvsXH6msoOmXd0+4vsoKto9g4gHKgIV3FbzH4heL7ip4A+6t7IMtLP+pZ5Bc/38/1IHomS3PIDkIOFHdB1daTRa80swGYL16FA9RBZwG7KEcJIdg1FjZQ8FPgb2s/7F0O0KvIGmuvuysp66g/MmjDHhGWUH5k+hTgF3VffABZcAx6mlmY4Q0swDYXxXwK4zaz6TY3coocH0txS5/CAULLUVTATZXVfDOCCbuqQw4gwKfwlJE8aOIfy8uNO1KAXgSpSLGcj5oVhs9RRQXOpnuCVb4mKi3D75fntlImvhxq38p6XcpAG9UXpMAnBFhPihd88hsr9AD7hb1Kf/nlltwXiZ+XhHQtEeTR5pZXn5lATda78tYm7idNZz8zoI14DJ1wNYR9mZuVQfMMOy25hUkddQB5ZuZmfVx98yDH5THZukZ9UPqI8l0ZQU/wqiy/HZZJaDynh5hd6uPMuAT6lG8SB1wjaoP9rT8l17+94gy4HD16dbUCCaeZbG75RnFh5VfWcA5GLRd8AQcSKnDgSzgl+pbH23VAX9KgavjqWYzw9UBTUoMecI9HEHB2RS8PuQNeKqygmcqpxkipJnKe74q4J3qJv4igomHqgK2Up8srI6weXTRjjxY4O0XwcQmDW694O6KoKDJGS5vwM2UTmHKAXZUNnFX9c2j+cB+ykPdTIx6x3r6YNcIaeZ+VRNXnteVFbwtykjSV9nEAA0iLDsL3dxOBbgMOFzRxJVnL+DXigoWPpWZwrxjIgRJ7iuUqeD6qebByrNGHbA5sLO6D271fnXqQ7aH5dkOSalgK2UfhJy3FLPEb09lBSFHNZ+U6m11g73UCu5LjrbpKZQrdMgspYnfUE8z89QV/AH4mTLgVeombqYOeBg56sKlMu9l6hPWhcp5sI96oi5UxSyVD+Y+258yD96onmZWKCq4FGisvIFZB+gRYbp1izpgrqPLqYNkMjkuSKdSb6z6WDxV2QcLnV1IZeJb1QGn55mspvTBR4G1igpuBk5WHuqqAt2Uh7qRRf9higDprQ74PQVK4acA7BVhujWNnMXcU8BtosD5LW+4LcAp6iaWVXAtpatDsnnQpP2C5N50SsDC9dG9AT+gYL8mb8AzIvjgL6J8yOmqCDhO3cSFhroUU/4F5VdSwWeUR5LRFnCeJq4DVFMGXFReE0tPFkxKPkv3TPRWULrr5D/Vo/hTdcDa6oDy/eoqb1t1wPkU7PbiCfd7VRNfZ+V/XkHSxPLHvMz7jyhR/KsIy87zVAHXA8cpK/hSBB98VXUsrjxLlRWcpGziAVHy4APKgCYdDrbrLeBX1H2w8Fcm7zy4M3BghMnCYOWRhPI2iDTgMeqA76r7YAZcr6wg5KyPnhLwQGUTD1UPkl2Ug6RwOQ3piwYpAP8WYSzO3Xk3BWCI43nd1AEzoLNyHtxQXkBJK5hRutvZQBFQ+uRR5whRXDnPLwdY6NxgiiiuRsH7TCnSzJgoPniaMuALERS8W33R1Fhdwcq9utqqgHOAHyubeE+g1o4p/1a8n1GwYYC3iUdi8JXJ28QfAtWVx+L3yjMa6bF4chEVU6SZYUVV9FZwJgXOcaVQcD0Fz3GlGuouVgfMdZ415Vi8FtHruyGm/LlBt0VxujrqCm7V1GtbKLih/MoC1irPriVNfJZyFD8bIc1sIsdV8mwbvM1UAXurm/gDclwjytQjWbrU7rYKkl7KIwls5Wm41Op1VDbxl1u7BZfaxA3JcbckpYKDokTx6cqA16sqmOu7XcogqQbsH8EHeyinmY3kKFKXUr0zIpj49gh58BJlwF+qKpir4XfKKG4C1I0QJJerAuauGpBSvT+rAhbquCa9s5UyiturA56gGiSF77mn8L8L8sKlMvHFqgquocB1oRQK7kHB+oMpTHy0cpA8b/EPZTbLUwHm+tSwLRRsrQzYTV3BtyKYOHct/tRj8U3KgFvd/i31SPIiMFcZcJmyD74SIYqXAAerAi7Mu+WbygcbYlAcMUUe7K8+YZ2gquBrylHcyQpOvrSaF+D8CNOt09QBTeq+eQLOodTMVhJwKrB7BBMXrhKQYiSppq5gBoxS3x9sDOyjqKB8gcQQl0/vUFawcKUUlHNgKhPLdxm6QF3Bif/XC3fvkaQ6Be92pkrUtygD/kl9ulVfHfAAZR/sbPEPvX1wedGFfIoofk0dsFAR9xRwC4rstm7X1ZQrbwdlwC4RFGwTIYpbKAPeoL6zcJKyic9VD5JJEaK4t7oPHhchzcjWWShc+8gT7sUIM+oM6BPBBzPgQnVA6QvQL+1IMznfQu0/Uowku5GjrF9qE68AjlAFvE89URc+je4Jd2mUoa6f+nxwrKqCEyOYuF0EH7xPHTADWioD/kldwaWIFys+X1nBGeSsAZxSwSuUAS9VzYOLMOi05q3gKuAoZcB3gJ2KwHnPZupT8JCjN+AwSpdeZAH/GWVG3V59Rv29soK56vGnAHzDQnpPE39i9UPWyo2w/qce5j1THTADpmFwGt3TB+eX9walE/W9yoAPq6eZZeqAsy1+5L/gEunfXULKDAAAAABJRU5ErkJggg==") right var(--off)/var(--edge-w) var(--edge-h) repeat-y,linear-gradient(#000,#000) var(--edge-in) 0/calc(100% - var(--edge-in)*2) 100% no-repeat;
          mask:url("data:image/png;base64,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") left var(--off)/var(--edge-w) var(--edge-h) repeat-y,url("data:image/png;base64,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") right var(--off)/var(--edge-w) var(--edge-h) repeat-y,linear-gradient(#000,#000) var(--edge-in) 0/calc(100% - var(--edge-in)*2) 100% no-repeat}
.sheet-bg i.first{box-shadow:inset 0 50px 90px -70px rgba(98,58,10,.42),inset 0 12px 22px -16px rgba(70,38,4,.35)}
.sheet-bg i.last{box-shadow:inset 0 -50px 90px -70px rgba(98,58,10,.42),inset 0 -12px 22px -16px rgba(70,38,4,.35)}
/* the edges are browner where hands and years have been at them */
.sheet::before,.sheet::after{content:"";position:absolute;top:0;bottom:0;width:64px;pointer-events:none;z-index:1;
  background:linear-gradient(to right,rgba(74,40,6,.62),rgba(84,48,8,.26) 30%,rgba(84,48,8,.08) 62%,transparent)}
.sheet::before{left:0}.sheet::after{right:0;transform:scaleX(-1)}
/* the two rolled ends: the same skin wrapped round and lit from above */
.roller{position:relative;z-index:4;height:70px;margin:0 -26px;border-radius:16px/50%;
  background:url("scroll/roll.webp") 0 0/auto 100% repeat-x;
  box-shadow:0 18px 20px -8px rgba(0,0,0,.6),0 2px 3px rgba(0,0,0,.5)}
.roller{overflow:hidden}
.roller::before,.roller::after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none}
.roller::before{left:0;background:linear-gradient(to right,rgba(40,20,0,.5),rgba(40,20,0,.15) 55%,transparent)}
.roller::after{right:0;background:linear-gradient(to left,rgba(40,20,0,.5),rgba(40,20,0,.15) 55%,transparent)}
.roller.top{margin-bottom:-20px}
.roller.bottom{margin-top:-20px;background-position:420px 0;box-shadow:0 22px 26px -8px rgba(0,0,0,.55),0 -3px 8px rgba(60,30,0,.35)}
.sheet>:first-child{padding-top:20px}
.sheet>:last-child{padding-bottom:calc(4rem + 20px)}
@media (max-width:700px){
  .scroll{width:calc(100% - 1.1rem);margin-top:1rem}
  /* phones: a little bigger and a little heavier, on a calmer sheet, so the small type reads easily */
  body:not(.tl){font-size:1.35rem;line-height:1.55;font-weight:500}
  .hero{padding-top:1.4rem}
  .sheet{--edge-w:15px;--edge-h:450px;--edge-in:14px;--vig:44px;--brown:26px;--vig-a:rgba(98,58,10,.3);--vig-b:rgba(98,58,10,.08);--wash:rgba(248,232,196,.38)}
  .sheet::before,.sheet::after{width:26px}
  .roller{height:46px;margin:0 -4px;border-radius:10px/50%}
  .roller.top{margin-bottom:-13px}.roller.bottom{margin-top:-13px}
}

/* everything on the scroll is written in ink */
.sheet .site-head,.sheet .hero,.sheet .dusk{color:var(--ink)}
.sheet .hero,.sheet .strip-sec,.sheet .dusk,.sheet .day,.sheet .noon,.sheet .foot,.sheet.sheet .site-head{background:transparent}
.sheet .dawn{background:rgba(88,50,6,.2);box-shadow:inset 0 12px 14px -12px rgba(60,30,0,.45),inset 0 -12px 14px -12px rgba(60,30,0,.45)}
.sheet .sp{background:transparent}
.sheet .hero .lede{color:var(--ink)}
.sheet .hero .sub,.sheet .prose-page .sub-t{color:var(--gold-ink)}
.sheet .nav a:hover,.sheet .nav a.here{border-color:var(--gold-ink)}
.sheet .lines text{fill:var(--ink-soft)}
.sheet .lines .end{fill:var(--ink)}
.sheet .lines .end.fire{fill:#a63a12}
.sheet .btn-line:hover{background:rgba(60,40,10,.09)}
.sheet .seven th,.sheet .seven .n,.sheet .after .n{color:var(--sepia)}
.sheet .seven td,.sheet .after li{border-color:rgba(60,40,10,.28)}
.sheet .seven .sw{box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.sheet .seven a{text-decoration-color:rgba(60,40,10,.45)}
.sheet .facts li,.sheet .qlist li{border-color:rgba(60,40,10,.28)}
.sheet .status,.sheet .prose-page .box{background:rgba(255,250,235,.55)}
.sheet kbd{background:rgba(255,250,235,.7);border-color:#9b8150}
.sheet .note,.sheet .foot,.sheet .prose-page .by,.sheet .notes{color:var(--sepia)}
.sheet .foot{border-top:1px solid rgba(60,40,10,.3)}
.sheet .notes{border-color:rgba(60,40,10,.3)}
.sheet blockquote,.sheet .abc blockquote,.sheet .status,.sheet .prose-page .box{border-color:var(--gold-ink)}
.sheet :focus-visible{outline-color:var(--night)}
@media (max-width:760px){.sheet .seven tr{border-color:rgba(60,40,10,.28)}.sheet .seven td[data-h]::before{color:var(--sepia)}}
.sheet .lines path{filter:none!important}
a[href^="mailto:"]{overflow-wrap:anywhere}

/* ---- Strangers & Pilgrims: a black advertisement set into the scroll, in the logo's own colours ---- */
:root{--sp-olive:#454b2e;--sp-tan:#a59880;--sp-sand:#cfc3aa;--sp-slate:#5a6c74}
.sheet .sp{padding-block:clamp(2.5rem,6vw,4.5rem)}
.ad{color:#fff;padding:clamp(2.2rem,5vw,4rem) clamp(1.2rem,4vw,3.5rem) clamp(2rem,4vw,3rem);position:relative;z-index:2;
  box-shadow:0 22px 44px rgba(40,18,0,.55),0 0 0 1px #000;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),
    radial-gradient(ellipse 80% 70% at 30% 35%,#1b1b19,#070707 75%)}
.ad-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.8rem,5vw,4.2rem);align-items:center;text-align:left}
.ad .sp-logo{width:100%;max-width:430px;height:auto;margin:0 auto;border-radius:50%;box-shadow:0 0 0 6px #0b0b0b,0 0 0 8px var(--sp-tan),0 18px 40px rgba(0,0,0,.6)}
.ad h2{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.02;max-width:none;margin:0 0 1.1rem;color:#fff}
.ad blockquote{font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.35;max-width:30ch;margin:0 0 1.4rem;border:0;border-left:3px solid var(--sp-tan);padding:0 0 0 1rem;color:#f2ede2}
.ad blockquote cite{display:block;margin-top:.4rem;color:var(--sp-tan)}
.ad .line{font-family:var(--sans);font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.5;color:#d9d6cf;margin:0 0 1.6rem;max-width:44ch}
.ad .soon{margin:0 0 1rem;max-width:none}
.ad .soon b{font-family:var(--sans);color:var(--sp-tan);letter-spacing:.16em;text-transform:uppercase;font-size:.9rem}
.btn-tan{background:var(--sp-tan);color:#14130f;border-color:var(--sp-tan)}
.btn-tan:hover{background:var(--sp-sand);border-color:var(--sp-sand)}
.tees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,3vw,2.5rem);margin:clamp(2.2rem,5vw,3.6rem) auto 0;max-width:860px;padding-top:clamp(1.6rem,4vw,2.6rem);border-top:1px solid #2b2a27}
.tee{margin:0;text-align:center}
.tee svg{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.tee figcaption{font-family:var(--sans);font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;color:#bdb8ad;margin-top:.7rem}
.preview-note{font-family:var(--sans);font-size:.85rem;color:#8f8b82;text-align:center;margin:1.4rem auto 0;max-width:none}
@media (max-width:860px){
  .ad-grid{grid-template-columns:1fr;text-align:center}
  .ad .sp-logo{max-width:min(330px,80%)}
  .ad blockquote{border-left:0;padding-left:0;margin-inline:auto}
  .ad .line{margin-inline:auto}
}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.strip-btns{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.strip-bar .btn-line{color:#fff}
.strip-bar .btn-line:hover{background:rgba(255,255,255,.12)!important}
:target{scroll-margin-top:2rem}

/* ---- the seven timelines run down both outer margins, beside the scroll. Each side is one picture, drawn by the short script at the
        foot of index.html to fit the page's own length, so no line has a join in it. The holders sit outside the sheet (the sheet's torn-edge
        mask would hide them). The drawing is 180 wide at full size and shrinks to fit the margin; below 1500 pixels there is no room. ---- */
.side{display:none}
@media (min-width:1500px){
  .scroll{--sw:clamp(90px,calc((100vw - 1240px)/2 - 56px),180px)}
  .scroll.sides-on .side{display:block;position:absolute;top:0;width:var(--sw);height:100%;pointer-events:none;z-index:1}
  .side.l{left:calc(-1*((100vw - 1240px)/4 + 13px) - var(--sw)/2)}
  .side.r{right:calc(-1*((100vw - 1240px)/4 + 13px) - var(--sw)/2);transform:scaleX(-1)}
  .side svg{display:block;width:100%;height:100%}
}
.lines .tip2{stroke:none}

/* the lake of fire: a painted flame (assets/fire.webp, made by tools/make_fire.py). It appears as the two lines reach it and then moves like fire:
   a slow warp set in the picture itself. Anyone who has asked their device for less motion gets it still. */
.lines .hero-fire{opacity:0;animation:appear .8s 6.34s forwards}
.lines .fire-img{filter:url(#fireWarp)}
@media (prefers-reduced-motion:reduce){.lines .hero-fire{opacity:1}.lines .fire-img{filter:none}}
.sheet .lines .end.fire,.lines .end.fire{fill:#2a0800;paint-order:stroke;stroke:rgba(255,236,170,.75);stroke-width:3.2px;stroke-linejoin:round;font-size:16px}

/* the burst of light where every line meets (painted by tools/make_glory.py). It dawns as the lines draw near. Then it lives, plainly:
   the blaze swells and sinks, rings of light spread out from it one after another, three sets of beams turn against one another and
   brighten and dim so the shafts visibly stream. Anyone who has asked their device for less motion gets it still. */
.lines .hero-glory{opacity:0;animation:appear 1s 6.21s forwards}
/* the sky and cloud themselves hold still: cloud that ripples looks like water. The light is what moves. */
.lines .rays,.lines .ring,.lines .pulse{transform-box:fill-box;transform-origin:50% 50%}
.lines .rays.ra{animation:turn 46s linear infinite,breathe 3.4s ease-in-out infinite alternate}
.lines .rays.rb{animation:turn 64s linear infinite reverse,breathe 4.6s ease-in-out -2s infinite alternate}
.lines .rays.rg{animation:turn 80s linear infinite,breathe 5.4s ease-in-out -1s infinite alternate}
@keyframes turn{to{transform:rotate(360deg)}}
@keyframes breathe{from{opacity:.18}to{opacity:1}}
.lines .pulse{animation:swell 2.9s ease-in-out infinite alternate}
@keyframes swell{from{transform:scale(.6);opacity:.5}to{transform:scale(1.05);opacity:.95}}
.lines .ring{opacity:0;animation:spread 4.8s ease-out infinite}
.lines .ring.r2{animation-delay:2.4s}
@keyframes spread{0%{transform:scale(.12);opacity:0}12%{opacity:.95}100%{transform:scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.lines .hero-glory{opacity:1}.lines .rays,.lines .pulse{animation:none!important}.lines .ring{animation:none;opacity:0}}
.lines .end:not(.fire),.sheet .lines .end:not(.fire){fill:#0a1838;paint-order:stroke;stroke:rgba(255,252,240,.85);stroke-width:3px;stroke-linejoin:round}   /* it sits in the sky of the burst of light now, so it carries a pale edge to stay readable over blue and beams */

/* if the browser cannot show the chart picture (AVIF), say so instead of showing a broken image */
.strip.noimg img{display:none}
.strip.noimg .strip-scroll::before{content:"This browser can\2019t show the chart picture. It is stored in a newer format (AVIF) this browser does not display. Open the site in an up-to-date Chrome, Edge, Firefox or Safari.";display:block;padding:2.2rem 1.6rem;color:#8a1c14;font-family:var(--sans);font-size:1.05rem;line-height:1.45;background:#fffaf0}

.stands-link{margin-top:1.1rem;font-size:1.08rem}
/* the hero picture's fire and light rest while the picture is scrolled out of sight (see the script at the foot of index.html) */
.lines.paused,.lines.paused *{animation-play-state:paused!important}

/* a small "coming soon" label beside a heading */
.soon-tag{display:inline-block;vertical-align:middle;margin-left:.5rem;padding:.12rem .55rem;border:1.5px solid currentColor;border-radius:999px;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a5a12;position:relative;top:-.12em}
.btn-sm{padding:.55rem 1rem;font-size:.95rem}

/* "Under construction": a road-sign notice at the top of the home page, edged with caution-tape stripes */
.construction{position:relative;margin:-1.2rem 0 2.2rem;padding:1.1rem 0;background:rgba(255,248,225,.55)}
.construction::before,.construction::after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(-45deg,#111 0 12px,#ffc20e 12px 24px)}
.construction::before{top:0}.construction::after{bottom:0}
.cz-row{display:flex;align-items:center;gap:1.1rem}
.cz-sign{width:78px;height:78px;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.cz-title{margin:0 0 .2rem;font-size:1.45rem;line-height:1.2}
.cz-text{margin:0;max-width:52ch;font-size:1.05rem;line-height:1.45}
@media (max-width:900px){.construction{margin-top:1.4rem}}
@media (max-width:560px){.cz-sign{width:60px;height:60px}.cz-title{font-size:1.25rem}.cz-text{font-size:.98rem}}

/* "No one knows the day or the hour": the Lord's own words, set just below the chart so no one reads it as a calendar */
.noday{margin:2.8rem auto 0;max-width:62rem;text-align:center;color:#1f2430}
.noday blockquote{margin:0;border:0;padding:0}
.noday-main p{margin:0 auto;max-width:30ch;font-family:var(--serif);font-style:italic;font-size:clamp(1.55rem,3.4vw,2.5rem);line-height:1.3;color:#141b2a}
.noday cite{display:block;margin-top:.55rem;font-style:normal;font-family:var(--sans);font-size:1rem;letter-spacing:.02em;color:#8a5a12}
.noday-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.2rem 2.4rem;margin:1.8rem auto 0;max-width:52rem;padding-top:1.4rem;border-top:1px solid rgba(138,90,18,.35)}
.noday-more p{margin:0;font-family:var(--serif);font-style:italic;font-size:1.12rem;line-height:1.45;color:#2b2f3a}
.noday-more cite{font-size:.92rem;margin-top:.35rem}
.noday-note{margin:1.6rem auto 0;font-family:var(--sans);font-size:1rem;color:#3b3f4a}
.noday-note a{color:#8a5a12}

/* "Seven timelines, two endings" sits under The book as part of it, so no second section gap between them */
#book + #seven{padding-top:0}

/* the gospel page: Chapter 22 under the three steps */
.prose-page .ch-title{font-size:clamp(1.7rem,3.4vw,2.4rem);max-width:26ch;margin:.4rem 0 1.2rem}
.prose-page h4{font-size:1.25rem;margin:1.6rem 0 .45rem}
.toc-label{margin:2rem 0 .3rem;font-family:var(--sans);font-size:1rem}

/* ---- filling and closing the empty spaces (24 Sep 2026) ---- */
/* 2: How to use the chart, with a picture of the chart in use */
.use-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 3rem;align-items:center}
.use-shot{margin:0}.use-shot img{width:100%;height:auto;border-radius:8px;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);display:block}
.use-shot figcaption{font-family:var(--sans);font-size:.92rem;margin-top:.55rem;color:var(--ink-soft)}
@media (max-width:760px){.use-head{grid-template-columns:1fr}}
/* 4: the book's six facts under the cover */
.book .board+.facts{margin-top:1.4rem;grid-template-columns:1fr 1fr;gap:0 1.2rem;font-size:1rem}
.book .note+.facts b{font-size:.9rem}
/* 5: Seven timelines: the picture of the seven lines beside the opening (it was the top of the page until version 0.14) */
.seven-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1rem 3rem;align-items:center}
.seven-intro p{max-width:none}
.seven-pic{margin:0;order:2;min-width:0}
.seven-pic .lines{width:100%;height:auto;display:block}
@media (max-width:900px){.seven-intro{grid-template-columns:1fr}.seven-pic{order:0;max-width:40rem}}
/* 6 and 7: the gospel pointer, centred and closer */
.gospel-call{padding:clamp(3rem,5vw,4rem) 0!important;text-align:center}
.gospel-call h2{margin-left:auto;margin-right:auto}
.gospel-call .lede{margin-left:auto;margin-right:auto;max-width:46ch}
.call-btn{margin:1.4rem auto 0;max-width:none}
.call-verse{margin:1.6rem auto 0;max-width:42ch;border:0;padding:0;font-style:italic;font-size:1.2rem;line-height:1.5}
.call-verse cite{display:block;font-style:normal;font-family:var(--sans);font-size:.95rem;margin-top:.4rem;color:var(--gold-ink)}
/* 9: a third less space between sections on a wide screen; phones keep theirs */
.sec{padding:clamp(4rem,6vw,4.67rem) 0}

/* 10: on a wide screen the reading pages list their sections down the right and keep the list in view */
.side-toc{display:none}
@media (min-width:1100px){
  .with-toc{display:grid;grid-template-columns:minmax(0,1fr) 15.5rem;gap:3.5rem;align-items:start}
  .side-toc{display:block;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow:auto;font-family:var(--sans);font-size:.9rem;line-height:1.35}
  .side-toc p{margin:0 0 .55rem;font-weight:700;letter-spacing:.02em}
  .side-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid rgba(60,40,10,.22)}
  .side-toc a{display:block;padding:.34rem .85rem;margin-left:-2px;border-left:3px solid transparent;color:var(--ink);text-decoration:none}
  .side-toc a:hover{text-decoration:underline}
  .side-toc a.on{border-left-color:var(--gold-ink);font-weight:700}
}

/* ---- the Strangers & Pilgrims page ---- */
.ap-panel{background:#141311;color:#efe9df;border-radius:12px;padding:clamp(1.6rem,4vw,3rem);box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.ap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.8rem,5vw,4rem);align-items:center}
.ap-tee{width:100%;max-width:460px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.ap-tee .ap-body,.ap-tee .ap-shade,.ap-tee .ap-seam{transition:fill .35s ease,stroke .35s ease}
.ap-swatches{display:flex;justify-content:center;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}
.ap-sw{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;border:1.5px solid #4a463f;background:transparent;color:#efe9df;font:600 .95rem var(--sans);cursor:pointer}
.ap-sw span{width:1.1rem;height:1.1rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ap-sw.on{border-color:var(--sp-tan);background:rgba(165,152,128,.16)}
.ap-note{font-family:var(--sans);font-size:.85rem;color:#a8a296;text-align:center;margin:.9rem auto 0;max-width:none}
.ap-kicker{font-family:var(--sans);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.85rem;color:var(--sp-tan);margin:0 0 .6rem}
.ap-copy h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1.02;margin:0 0 1.1rem;max-width:none}
.ap-copy blockquote{font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.35;border:0;border-left:3px solid var(--sp-tan);padding:0 0 0 1rem;margin:0 0 1.3rem;color:#f2ede2}
.ap-copy blockquote cite,.ap-verse cite{display:block;margin-top:.4rem;font-style:normal;font-family:var(--sans);font-size:.95rem;color:var(--sp-tan)}
.ap-line{font-family:var(--sans);color:#d9d6cf;line-height:1.5;margin:0 0 1.4rem}
.ap-soon b{font-family:var(--sans);color:var(--sp-tan);letter-spacing:.16em;text-transform:uppercase;font-size:.88rem}
.ap-h{margin-top:2.8rem}
.ap-verse{font-style:italic;font-size:1.3rem;line-height:1.45;border-left:3px solid var(--gold-ink);padding-left:1rem;margin:0 0 1.2rem;max-width:var(--measure)}
.ap-verse cite{color:var(--gold-ink)}
.ap-ref{font-style:normal;font-family:var(--sans);font-size:.95rem;color:var(--gold-ink)}
@media (max-width:820px){.ap-grid{grid-template-columns:1fr}}

/* ---- New this week, on the right of the under-construction band ---- */
.cz-row{flex-wrap:wrap}
.cz-new{margin-left:auto;max-width:27rem;padding-left:1.2rem;border-left:2px solid rgba(60,40,10,.25);font-family:var(--sans);font-size:.9rem;line-height:1.45}
.cz-new h3{margin:0 0 .35rem;font-size:1rem;font-family:var(--sans)}
.cz-new h3 span{font-weight:400;color:var(--ink-soft);margin-left:.4rem;font-size:.85rem}
.cz-new ul{margin:0;padding-left:1.05rem}.cz-new li{margin:.12rem 0}
@media (max-width:980px){.cz-new{margin-left:0;max-width:none;flex-basis:100%;padding-left:0;border-left:0;border-top:1px solid rgba(60,40,10,.25);padding-top:.7rem}}
/* ---- "We are here" on the chart strip ---- */
.strip-inner{position:relative;display:inline-block;vertical-align:top}
.here-pin{position:absolute;transform:translate(-50%,-50%);text-decoration:none;color:#141a26;z-index:2}
.hp-dot{display:block;width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid #141a26;box-shadow:0 0 0 0 rgba(245,184,0,.7);animation:hp-pulse 2.4s ease-out infinite}
@keyframes hp-pulse{0%{box-shadow:0 0 0 0 rgba(245,184,0,.75)}80%,100%{box-shadow:0 0 0 18px rgba(245,184,0,0)}}
.hp-tag{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;background:#141a26;color:#fff;font:600 .82rem/1.3 var(--sans);padding:.45rem .7rem;border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.hp-tag b{display:block;color:var(--gold);font-size:.9rem}
.hp-tag::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#141a26}
.here-pin:hover .hp-tag,.here-pin:focus .hp-tag{background:#22304d}
@media (prefers-reduced-motion:reduce){.hp-dot{animation:none}}
/* ---- A verse from the chart ---- */
.chart-verse{margin-top:2.4rem;padding:1.3rem 1.5rem;border-radius:10px;background:rgba(255,248,225,.55);border-left:4px solid var(--gold-ink);max-width:52rem}
.cv-label{margin:0 0 .4rem;font:700 .85rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.cv-text{margin:0;border:0;padding:0;font-style:italic;font-size:1.25rem;line-height:1.5}
.cv-text cite{display:inline-block;margin-left:.3rem;font-style:normal;font-family:var(--sans);font-size:.95rem;color:var(--gold-ink)}
.cv-actions{margin:.9rem 0 0;display:flex;gap:.6rem;flex-wrap:wrap}
/* ---- the shirts ad: ribbon, clickable shirts ---- */
.ad{position:relative;overflow:hidden}
.ad-ribbon{position:absolute;top:22px;right:-46px;transform:rotate(45deg);background:var(--sp-tan);color:#14130f;font:800 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:.45rem 3.4rem;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:2}
.tee a{display:block;transition:transform .25s ease}
.tee a:hover,.tee a:focus{transform:translateY(-6px) scale(1.03)}

/* ---- Free to print ---- */
.prints{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.4rem 2rem}
.prints a{display:block;text-decoration:none;color:var(--ink)}
.prints img{width:100%;height:13rem;object-fit:contain;object-position:left bottom;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));transition:transform .2s ease}
.prints a:hover img,.prints a:focus img{transform:translateY(-4px)}
.prints b{display:block;margin-top:.8rem;font-family:var(--sans);font-size:1.05rem}
.prints span{display:block;font-size:1.02rem;line-height:1.4;margin-top:.15rem}
.prints b::after{content:"  PDF";font-size:.75rem;letter-spacing:.08em;color:var(--gold-ink)}

.cz-new summary{list-style:none;cursor:pointer}.cz-new summary::-webkit-details-marker{display:none}
.cz-new summary h3{display:inline}
@media (max-width:980px){.cz-new summary h3::after{content:"  \25B8";color:var(--gold-ink)}.cz-new[open] summary h3::after{content:"  \25BE"}}


/* the stand-in cover: darker at the top, brighter toward the foot, and the verse beside the fire */
.board{background:linear-gradient(180deg,#060b1b 0%,#0d1733 38%,#1a2f63 72%,#29498a 100%)}
.board .cover-verse text{font-family:var(--serif);font-size:34px}
.board .cover-verse .cv-ref{font-size:30px}

/* the fire sits at the foot of the cover, beside the author's name */
.board{position:relative;overflow:hidden}
.board svg{margin-bottom:-2rem}
.board .a{position:absolute;left:1.6rem;bottom:2rem;margin:0}

/* Satan's fall: when his line strikes the ground (2.84s after the picture comes into view) the picture shakes for a moment. Nothing shakes for anyone who asks for less motion. */
@keyframes quake{0%,100%{transform:translate(0,0)}14%{transform:translate(-3px,2px)}28%{transform:translate(3px,-2px)}44%{transform:translate(-2px,1.5px)}60%{transform:translate(1.5px,-1px)}78%{transform:translate(-.8px,.5px)}}
.lines{animation:quake .6s cubic-bezier(.2,.7,.3,1) 2.84s 1}

/* ---- Free resources and the back-of-the-book pages ---- */
.res-list{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:0 3rem}
.res-list li{padding:1.1rem 0;border-top:1px solid rgba(60,40,10,.28)}
.res-list li{border-bottom:1px solid rgba(60,40,10,.28)}
.res-all .res-t span{font-family:var(--serif);font-size:1.35rem;font-weight:500}
.res-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem}
.res-t a{font-family:var(--serif);font-size:1.35rem;font-weight:500;text-decoration:none;color:var(--ink)}
.res-t a:hover{text-decoration:underline}
.res-l{font-family:var(--sans);font-size:.85rem;color:var(--gold-ink)}
.res-list p{margin:.3rem 0 0;font-size:1.05rem}
.res-act{display:flex;gap:1.2rem;font-family:var(--sans);font-size:.95rem}
.res-all .btn{margin-top:.2rem}
.res-also{padding-left:1.1em;font-size:1.08rem;max-width:var(--measure)}
.res-also li{margin:.35rem 0}
.print-link{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.6rem}
.prose-page .gl{margin:.45rem 0;max-width:var(--measure)}
.prose-page .gl dfn{font-style:normal;font-weight:700}
.prose-page table{border-collapse:collapse;width:100%;margin:1rem 0 1.8rem;font-size:.98rem;line-height:1.4}
.prose-page th,.prose-page td{border-bottom:1px solid rgba(60,40,10,.3);padding:.5rem .6rem .5rem 0;text-align:left;vertical-align:top}
.prose-page thead th{font-family:var(--sans);font-size:.88rem;border-bottom:2px solid rgba(60,40,10,.45)}
.prose-page .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0 1.8rem}
.prose-page .table-scroll table{margin:0}
@media (max-width:640px){.prose-page table{font-size:.9rem;min-width:34rem}}

/* the back-of-the-book pages link to one another in the side list */
@media (min-width:1100px){
  .side-toc .toc-more-h{margin-top:1.6rem}
  .side-toc .toc-more span{display:block;padding:.34rem .85rem;margin-left:-2px;border-left:3px solid var(--gold-ink);font-weight:700}
}
/* the two card grids on the Free resources page use the full width (lists of text keep the reading width) */
.prose-page .prints,.prose-page .res-list{max-width:none;padding-left:0}
/* the rolled ends of the scroll reach a little past the parchment; on a screen about 1024 pixels wide that would let the page slide sideways */
body{overflow-x:clip}
@media (min-width:720px){.prose-page .prints{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* the gospel page: the line that opens the three steps */
.prose-page .steps-open{font-size:1.25rem;line-height:1.5;max-width:var(--measure);margin:.2rem 0 0}
/* the footer's last line: the version number and the note that AI was used in making the site */
.foot .foot-last{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid rgba(60,40,10,.2);font-size:.86rem;max-width:none}
/* the two endings in "After the return" carry the painted fire and burst of light from the top picture (the files themselves, nothing added) */
.after li.end-pic{display:flex;align-items:center;gap:.35rem}
.after li.end-pic a{display:flex;align-items:center;gap:.75rem}
.after li.end-pic img{flex:none;width:63px;height:54px}

/* ---- version 0.14 (26 Sep 2026): the book's page, What I believe, News and sign-up, the footer ---- */
.foot .foot-privacy{margin-top:1rem;font-size:.92rem}
.foot .foot-report{margin-top:.3rem;font-size:.92rem}
.updates .two{align-items:start}
.upd-h{margin:0 0 .6rem;font-family:var(--sans);font-size:1.05rem}
.upd-date{font-weight:400;color:var(--ink-soft);font-size:.9rem;margin-left:.4rem}
p.upd-date{margin:0 0 .3rem;font-family:var(--sans)}
.upd-list{margin:0;padding-left:1.1rem;font-size:1.05rem;line-height:1.45}
.upd-list li{margin-bottom:.45rem}
.upd-old{margin-top:1rem;font-family:var(--sans);font-size:.95rem}
.upd-old summary{cursor:pointer;color:var(--gold-ink)}
.upd-old .upd-list{margin-top:.5rem;font-size:.98rem}
.coming{background:rgba(255,248,225,.55);border-left:5px solid var(--gold);padding:1.1rem 1.3rem 1.2rem}
.signup{margin:1.2rem 0 0}
.signup label{display:block;font-family:var(--sans);font-size:.98rem;margin-bottom:.4rem}
.signup .row{display:flex;flex-wrap:wrap;gap:.6rem}
.signup input[type=email]{flex:1 1 14rem;min-width:0;font:inherit;font-size:1.05rem;padding:.7rem .9rem;border:1.5px solid rgba(60,40,10,.4);border-radius:6px;background:#fff;color:var(--ink)}
.signup input[type=email]:focus{outline:2px solid var(--gold);outline-offset:1px}
.signup .btn{flex:none}
.signup-note{margin:.9rem 0 0;font-family:var(--sans);font-size:.95rem;color:var(--ink-soft);max-width:none}
.signup .hp{position:absolute;left:-5000px}
/* the book's page */
.prose-page .book-h1{margin-bottom:.4rem}
.book-page{margin-top:1.4rem}
.book-page .book-side{max-width:340px}
.book-page .book-main p{max-width:var(--measure)}
.status-box{font-family:var(--sans);font-size:1rem;background:#fff;border-left:5px solid var(--gold);padding:.9rem 1.1rem;margin-top:1.8rem;max-width:var(--measure)}
.sheet .status-box,.sheet .coming{background:rgba(255,248,225,.5)}
.status-box p{margin:0;max-width:none}
.contents{columns:2 22rem;column-gap:3rem;margin-top:1.4rem}
.contents section{break-inside:avoid;margin-bottom:1.4rem}
.contents h3{margin:0 0 .4rem;font-size:1.25rem}
.contents ol{margin:0;padding-left:1.8rem;max-width:none}
.contents li{margin-bottom:.35rem;line-height:1.35}
.contents li a{color:var(--ink)}
.ln-tag{display:inline-block;font-family:var(--sans);font-size:.72rem;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;margin-left:.3rem;padding-left:.9rem;background:linear-gradient(var(--c),var(--c)) 0 55%/.65rem 3px no-repeat}
.contents .free{font-family:var(--sans);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-ink);margin-left:.3rem;white-space:nowrap}
.after-list{font-size:1.05rem;line-height:1.5;margin-top:.9rem;max-width:none}

/* ---- How to use the chart: eight steps, eight panels, each shaped and coloured for what it does (26 Sep 2026) ---- */
.steps.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2.4rem;align-items:stretch}
.pnl{position:relative;list-style:none;overflow:hidden;border-radius:14px;padding:1.3rem 1.4rem 1.4rem;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
.pnl .txt{position:relative;z-index:1}
.pnl h3{margin:0 0 .45rem;font-size:1.55rem;line-height:1.15}
.pnl p{margin:0;font-size:1.08rem;line-height:1.5}
.pnl.p-line,.pnl.p-verse{grid-column:1 / -1}
@media (max-width:760px){.steps.panels{grid-template-columns:1fr;gap:1.3rem}}

/* 1. the tour: a map, the golden road winding past trees and ponds from the flag to the cross, fifteen stops on the way */
.p-tour{background:#f4f1e4;color:var(--ink);padding:1.1rem 1.2rem 1rem;border:1px solid #6b6b6b;box-shadow:0 18px 30px -18px rgba(0,0,0,.6);display:flex;flex-direction:column}
.p-tour .map{display:block;width:calc(100% + 2.4rem);margin:-.6rem -1.2rem 0;aspect-ratio:2/1;height:auto;flex:none}
.p-tour .txt{position:relative;z-index:1;max-width:21rem;background:rgba(255,246,222,.94);border:2px solid #7a4a1e;outline:1px solid #7a4a1e;outline-offset:-5px;padding:.7rem .9rem .8rem;box-shadow:0 6px 14px -6px rgba(0,0,0,.45);margin-bottom:.2rem}
.p-tour h3{color:#5a3a1a;font-size:1.45rem}.p-tour p{font-size:1.02rem}.p-tour a{color:#8a5a00}
.p-tour{background:#f4f1e4}
.p-tour .txt{background:#fffdf6;border:1px solid #6b6b6b;outline:1px solid #6b6b6b;outline-offset:-4px;box-shadow:0 4px 10px -6px rgba(0,0,0,.35)}
@media (max-width:760px){.p-tour .map .lbl,.p-tour .map .lgd{display:none}}
/* 2. search: a lens over the page, the reference large under the glass */
.p-search{background:linear-gradient(#fbf3dc,#f1e4c2);color:var(--ink);padding-right:10rem;min-height:15rem;overflow:visible}
.p-search::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(60,40,10,.12) 22px 23px);opacity:.8;pointer-events:none}
.p-search .lens{position:absolute;right:.7rem;top:50%;transform:translateY(-50%) rotate(-12deg);width:9.6rem;height:9.6rem;border-radius:50%;border:10px solid #3b47c4;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,.35) 60%,rgba(59,71,196,.15));box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center}
.p-search .lens::after{content:"";position:absolute;left:50%;bottom:-3.9rem;width:1.1rem;height:3.6rem;margin-left:-.55rem;background:linear-gradient(90deg,#2a339a,#3b47c4 50%,#2a339a);border-radius:.4rem;transform:rotate(-36deg);transform-origin:top center}
.p-search .lens span{font-family:var(--serif);font-weight:700;font-size:1.5rem;color:#1c2470;transform:rotate(12deg)}
.p-search h3{color:#2a339a}

/* 3. read the verse: an open book, the verse on the left page, a red ribbon */
.p-verse{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#6b3a1f;border-radius:10px;box-shadow:0 22px 34px -18px rgba(0,0,0,.65)}
.p-verse .page{padding:1.5rem 1.6rem 1.7rem;background:linear-gradient(90deg,#f6ecd2,#fffaf0 30%,#fffaf0 70%,#efe3c6);position:relative;min-height:13rem}
.p-verse .page.left{border-radius:8px 0 0 8px;box-shadow:inset -22px 0 26px -22px rgba(0,0,0,.5);font-family:var(--serif)}
.p-verse .page.right{border-radius:0 8px 8px 0;box-shadow:inset 22px 0 26px -22px rgba(0,0,0,.5)}
.p-verse .page.left i{display:block;font-size:1.15rem;line-height:1.5;color:#3a2a10;max-width:24rem}
.p-verse .page.left b{display:block;margin-top:.6rem;font-family:var(--sans);font-size:.9rem;color:#8a5a00}
.p-verse .bookmark{position:absolute;left:calc(50% - 4.6rem);top:-6px;width:1.5rem;height:5.2rem;background:linear-gradient(90deg,#a50d26,#c8102e 50%,#a50d26);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:2;box-shadow:0 4px 8px rgba(0,0,0,.35)}
.p-verse h3{color:#c8102e}
@media (max-width:640px){.p-verse{grid-template-columns:1fr}.p-verse .page.left{border-radius:8px 8px 0 0;min-height:0;box-shadow:inset 0 -18px 22px -18px rgba(0,0,0,.45)}.p-verse .page.right{border-radius:0 0 8px 8px;box-shadow:none}.p-verse .bookmark{left:auto;right:1.4rem}}

/* 4. follow one line: a ribbon with the seven lines faint and one bright */
.p-line{background:linear-gradient(#ece8fb,#dcd6f4);color:var(--ink);padding:1.6rem 2.6rem;clip-path:polygon(0 0,100% 0,calc(100% - 1.6rem) 50%,100% 100%,0 100%,1.6rem 50%);border-radius:0;box-shadow:none}
.p-line .seven-lines{position:absolute;inset:0;width:100%;height:100%}
.p-line .txt{max-width:34rem;background:rgba(236,232,251,.82);padding:.6rem .9rem;border-radius:8px;margin-left:auto;margin-right:auto;text-align:center}
.p-line h3{color:#4b3f9e}

/* 5. look it up: an open Bible, burgundy leather with gilt edges and a thumb index down the left, a red ribbon in the gutter, the index of the chart printed on the right-hand page */
.p-index{padding:.9rem .95rem 1.05rem;color:var(--ink);border-radius:9px;
  background:linear-gradient(90deg,transparent calc(50% - 7px),rgba(0,0,0,.28) calc(50% - 5px),rgba(0,0,0,.28) calc(50% + 5px),transparent calc(50% + 7px)),linear-gradient(115deg,rgba(255,255,255,.12),transparent 38%),radial-gradient(ellipse at 90% 100%,rgba(0,0,0,.45),transparent 55%),linear-gradient(160deg,#66212b,#3d1017 55%,#4f161e);
  box-shadow:0 30px 30px -18px rgba(0,0,0,.65),0 6px 12px -4px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(0,0,0,.6)}
.p-index::before{content:"";position:absolute;inset:0;background:url("scroll/parchment.webp") center/380px repeat;opacity:.22;mix-blend-mode:multiply;pointer-events:none}
.p-index::after{content:"";position:absolute;inset:5px;border:1px solid rgba(214,172,64,.42);outline:1px solid rgba(214,172,64,.2);outline-offset:2px;border-radius:6px;pointer-events:none}
.p-index .block{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)) drop-shadow(0 10px 8px rgba(0,0,0,.3))}
.p-index .page{position:relative;min-height:14rem;padding:.9rem 1rem 1.2rem;font-family:var(--serif);color:#2c2416;text-decoration:none;
  background:repeating-linear-gradient(90deg,#f3d77a 0 1px,#b78d2a 1px 2px,#e6c15a 2px 3px) top/100% 2px no-repeat,linear-gradient(180deg,rgba(0,0,0,.06),transparent 14%,transparent 86%,rgba(0,0,0,.07)),linear-gradient(90deg,#e6dcc2,#f6efdb 6%,#fdf9ee 38%,#fefbf3 74%,#f4edd9 92%,#cfc2a0)}
.p-index .page::before{content:"";position:absolute;top:0;bottom:0;width:6px;background:repeating-linear-gradient(0deg,#f3d77a 0 1px,#b78d2a 1px 2px,#e6c15a 2px 3px,#c9a43a 3px 4px,#f7e094 4px 5px,#b78d2a 5px 6px,#e6c15a 6px 7px);box-shadow:inset 1px 0 0 rgba(0,0,0,.25)}
.p-index .page::after{content:"";position:absolute;inset:0;background:url("scroll/parchment.webp") center/320px repeat;opacity:.09;mix-blend-mode:multiply;pointer-events:none}
.p-index .page>*{position:relative;z-index:1}
.p-index .page.left{border-radius:3px 0 0 0;padding-left:2.2rem;box-shadow:inset -36px 0 30px -26px rgba(0,0,0,.6),inset -1px 0 0 rgba(0,0,0,.45)}
.p-index .page.left::before{left:0}
.p-index .page.right{border-radius:0 3px 0 0;padding-right:1.15rem;background:repeating-linear-gradient(90deg,#f3d77a 0 1px,#b78d2a 1px 2px,#e6c15a 2px 3px) top/100% 2px no-repeat,linear-gradient(180deg,rgba(0,0,0,.06),transparent 14%,transparent 86%,rgba(0,0,0,.07)),linear-gradient(270deg,#e6dcc2,#f6efdb 6%,#fdf9ee 38%,#fefbf3 74%,#f4edd9 92%,#dccfad);box-shadow:inset 30px 0 28px -24px rgba(0,0,0,.42),inset 2px 0 0 rgba(255,255,255,.45)}
.p-index .page.right::before{right:0}
.p-index .edge{grid-column:1 / -1;height:.75rem;border-radius:0 0 3px 3px;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 10%,transparent 46%,rgba(0,0,0,.5) 50%,transparent 54%,transparent 90%,rgba(0,0,0,.22)),repeating-linear-gradient(0deg,#b28a28 0 1px,#f0d585 1px 2px,#d6b44e 2px 3px);box-shadow:inset 0 2px 3px rgba(0,0,0,.35),inset 0 -1px 0 rgba(0,0,0,.4)}
.p-index .rh{display:flex;justify-content:space-between;gap:.6rem;font-size:.66rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:#6b5a3a;margin-bottom:.9rem}
.p-index .rh b{font-weight:400;letter-spacing:0}
.p-index h3{color:#6a1a24;font-size:1.5rem;margin-bottom:.4rem}
.p-index .page.left p{font-size:1.04rem;line-height:1.5;max-width:none}
.p-index .page.left a{color:#6a1a24}
.p-index .ix{font-size:.8rem;line-height:1.5}
.p-index .ixh{display:block;font-weight:700;font-size:.66rem;line-height:1.2;text-transform:uppercase;letter-spacing:.1em;color:#3c1017;border-bottom:1px solid rgba(60,16,23,.3);padding-bottom:.2rem;margin:.55rem 0 .4rem}
.p-index .ixh:first-of-type{margin-top:0}
.p-index .ix ul{margin:0;padding:0;list-style:none;max-width:none}
.p-index .ix .ev{columns:2;column-gap:.9rem}
.p-index .ix .ev li{break-inside:avoid;padding-left:.7rem;text-indent:-.7rem}
.p-index .ix .bk{display:grid;grid-template-columns:max-content 1fr;column-gap:.7rem;row-gap:.05rem}
.p-index .ix .bk li{display:contents}
.p-index .ix b{font-weight:700;color:#3c1017}
.p-index .ix:hover,.p-index .ix:focus-visible{outline:2px solid #d4af37;outline-offset:-2px}
.p-index .tabs{position:absolute;left:.95rem;top:1.9rem;bottom:2.4rem;width:1.5rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;pointer-events:none}
.p-index .tabs i{display:block;width:1.5rem;height:1.45rem;border-radius:0 .75rem .75rem 0;background:#141414;color:#e2b84a;font:700 .52rem/1.45rem var(--sans);font-style:normal;letter-spacing:.02em;text-align:center;box-shadow:inset -3px 0 4px rgba(0,0,0,.7),0 0 0 1.5px #ded1ac,1px 1px 2px rgba(0,0,0,.4)}
.p-index .ribbon{position:absolute;left:calc(50% - .36rem);top:.9rem;bottom:.55rem;width:.72rem;z-index:3;pointer-events:none;background:linear-gradient(90deg,#6e0a19,#b80f28 30%,#dc2a45 50%,#b80f28 70%,#6e0a19);box-shadow:3px 0 5px rgba(0,0,0,.4)}
.p-index .ribbon::after{content:"";position:absolute;left:0;right:0;top:100%;height:.45rem;background:linear-gradient(to top left,transparent 50%,#8a0d1f 50%) left/50% 100% no-repeat,linear-gradient(to top right,transparent 50%,#8a0d1f 50%) right/50% 100% no-repeat}

/* 6. download: the chart dropping into a purple box */
.p-down{background:radial-gradient(circle at 50% 110%,rgba(163,73,164,.55),transparent 55%),linear-gradient(165deg,#2a1230,#4b2060);color:#fff;padding-right:9rem;min-height:15rem}
.p-down::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px);pointer-events:none}
.p-down .drop{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:8rem;height:8rem;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
.p-down h3{color:#ffd85a}.p-down a{color:#ffd85a}.p-down p{color:rgba(255,255,255,.92)}

/* 7. the key: an iron plate with a keyhole and a golden key */
.p-key{background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),linear-gradient(160deg,#2a2a2e,#111 60%,#1f1f24);color:#e9e2c8;padding-left:6.6rem;min-height:15rem;border:6px solid #3a3a40;border-radius:8px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.6),0 18px 30px -18px rgba(0,0,0,.8)}
.p-key::before,.p-key::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9a9aa2,#3a3a40 70%);box-shadow:inset 0 0 0 1px #000;left:8px;top:8px}
.p-key::after{left:auto;right:8px;top:auto;bottom:8px}
.p-key .keyhole{position:absolute;left:1.6rem;top:1.6rem;width:3.4rem;height:5.1rem;filter:drop-shadow(0 0 14px rgba(245,184,0,.55))}
.p-key .key{position:absolute;right:1rem;bottom:.8rem;width:9rem;height:3.4rem;transform:rotate(-24deg);opacity:.95;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
.p-key h3{color:var(--gold)}.p-key p{color:#e9e2c8}.p-key em{color:#ffd85a}

/* 8. teach: a chalkboard in a wooden frame */
.p-teach{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 45%),#1f4a3d;color:#fff;border:10px solid #7a4a1e;border-radius:6px;box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 18px 30px -18px rgba(0,0,0,.7);padding-right:8.4rem;min-height:15rem}
.p-teach::before{content:"";position:absolute;inset:0;background:url("scroll/parchment.webp") center/500px repeat;opacity:.09;mix-blend-mode:screen;pointer-events:none}
.p-teach .chalk{position:absolute;right:.8rem;top:1rem;width:7.2rem;height:5.4rem;opacity:.9}
.p-teach h3{color:#fff;font-family:var(--serif);text-shadow:0 0 6px rgba(255,255,255,.35)}.p-teach p{color:rgba(255,255,255,.9)}
@media (max-width:760px){
  .p-search{padding-right:1.4rem;padding-bottom:9rem}.p-search .lens{right:1.4rem;top:auto;bottom:.2rem;transform:rotate(-12deg);width:7.6rem;height:7.6rem}.p-search .lens span{font-size:1.4rem}
  .p-down{padding-right:1.4rem;padding-bottom:8.6rem}.p-down .drop{right:1rem;top:auto;bottom:.4rem;transform:none;width:7rem;height:7rem}
  .p-key{padding-left:1.4rem;padding-top:6.4rem}.p-key .keyhole{left:1.2rem;top:1rem;width:2.6rem;height:3.9rem}.p-key .key{right:.6rem;top:.9rem;bottom:auto;width:7.4rem}
  .p-teach{padding-right:1.4rem;padding-top:6.6rem}.p-teach .chalk{right:auto;left:1rem;top:.9rem}
  .p-index{padding:.55rem .6rem .7rem}.p-index .page{min-height:0;padding:.7rem .6rem .9rem}.p-index .page.left{padding-left:1.9rem}.p-index .page.right{padding-right:.8rem}.p-index .tabs{left:.6rem;top:1.3rem;bottom:1.7rem;width:1.3rem}.p-index .tabs i{width:1.3rem;height:1.3rem;font-size:.46rem;line-height:1.3rem}.p-index .edge{height:.6rem}
  .p-index h3{font-size:1.2rem}.p-index .page.left p{font-size:.92rem}.p-index .rh{font-size:.5rem;letter-spacing:.08em;margin-bottom:.6rem}.p-index .rh b{display:none}.p-index .ix{font-size:.66rem}.p-index .ixh{font-size:.54rem;letter-spacing:.06em}.p-index .ix .ev{columns:1}.p-index .ix .bk{grid-template-columns:1fr;row-gap:0}.p-index .ix .bk b{margin-top:.15rem}.p-index .ribbon{width:.55rem;left:calc(50% - .275rem);top:.55rem;bottom:.35rem}
  .p-line{padding:1.4rem 1.2rem}
}

/* ---- The two-minute survey (survey.html) and its counts (survey-results.html), 27 Sep 2026 ---- */
.survey{margin-top:1.6rem;max-width:44rem}
.sv-progress{margin:0 0 1rem;font-family:var(--sans);font-size:.95rem;color:var(--ink-soft)}
.sv-send .sv-progress{display:inline-block;margin:0 0 0 1rem;vertical-align:middle}
.sv-q{position:relative;margin:0 0 1.2rem;padding:1.1rem 1.2rem 1.2rem 1.2rem;border:1px solid rgba(90,61,18,.45);border-radius:10px;background:rgba(255,250,236,.82);box-shadow:0 10px 24px -18px rgba(0,0,0,.55);min-width:0}
.sv-q.sv-answered{border-color:var(--gold-deep);box-shadow:inset 4px 0 0 var(--gold),0 10px 24px -18px rgba(0,0,0,.55)}
.sv-q legend{float:left;width:100%;font-family:var(--serif);font-weight:700;font-size:1.28rem;line-height:1.3;color:var(--ink);padding:0;margin:0 0 .8rem}
.sv-q legend small{display:block;font-family:var(--sans);font-weight:400;font-size:.9rem;color:var(--ink-soft);margin-top:.15rem}
.sv-n{display:inline-block;min-width:1.7rem;height:1.7rem;line-height:1.7rem;text-align:center;border-radius:50%;background:var(--night);color:#fff;font-family:var(--sans);font-size:.95rem;font-weight:700;margin-right:.6rem;vertical-align:.1rem}
.sv-opts{clear:both;display:flex;flex-direction:column;gap:.5rem}
.sv-opts.sv-row{flex-direction:row;flex-wrap:wrap}
.sv-opts label{position:relative;display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem .6rem 3rem;border:1.5px solid rgba(60,40,10,.35);border-radius:8px;background:#fff;font-family:var(--sans);font-size:1.02rem;line-height:1.35;cursor:pointer;min-height:2.9rem}
.sv-opts label:hover{border-color:var(--gold-deep)}
.sv-opts label input{position:absolute;left:.85rem;top:50%;width:1.35rem;height:1.35rem;margin:-.675rem 0 0;accent-color:var(--gold-deep);cursor:pointer}
.sv-opts label:has(input:checked){background:#fff4cf;border-color:var(--gold-deep);box-shadow:inset 0 0 0 1px var(--gold-deep)}
.sv-opts label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.sv-other{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;font-family:var(--sans);font-size:1rem;clear:both}
.sv-other input,.survey textarea{font:inherit;font-size:1.02rem;padding:.55rem .7rem;border:1.5px solid rgba(60,40,10,.4);border-radius:6px;background:#fff;color:var(--ink);width:100%;max-width:none}
.sv-other input{flex:1}
.survey textarea{clear:both;display:block;resize:vertical;line-height:1.45}
.survey textarea:focus,.sv-other input:focus{outline:2px solid var(--gold);outline-offset:1px}
.sv-note{font-family:var(--sans);font-size:.92rem;color:var(--ink-soft);margin:.6rem 0 0}
.sv-send{margin:1.6rem 0 0}
.sv-send .btn{font-size:1.15rem;padding:.85rem 1.6rem}
.sv-send .btn[disabled]{opacity:.55;cursor:not-allowed}
.sv-thanks{margin-top:2rem;padding:1.4rem 1.4rem 1.6rem;border:2px solid var(--gold-deep);border-radius:12px;background:rgba(255,250,236,.85)}
.sv-thanks h2{margin:0 0 .4rem}
.sv-thanks .btn-row{margin-top:.6rem}
.sv-addr{font-family:var(--sans);font-size:.95rem;word-break:break-all;background:#fff;padding:.15rem .4rem;border-radius:4px}
.sv-foot{margin-top:2.4rem;font-family:var(--sans);font-size:.95rem;color:var(--ink-soft)}
/* the counts */
.rs-bar{margin:1.2rem 0 .6rem;font-family:var(--sans)}
.rs-bar p{margin:0 0 .3rem;max-width:none}
.rs-help{font-size:.92rem;color:var(--ink-soft)}
.rs-clear{font:inherit;font-size:.9rem;margin-left:.5rem;padding:.2rem .6rem;border:1.5px solid var(--gold-deep);border-radius:6px;background:#fff;cursor:pointer}
.rs-demo{color:#8a1a1a;font-weight:700}
.rs{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.2rem;margin-top:1rem}
.rs-q{margin:0;padding:1rem 1.1rem 1.1rem;border:1px solid rgba(90,61,18,.45);border-radius:10px;background:rgba(255,250,236,.82);min-width:0}
.rs-q h2{font-size:1.2rem;margin:0 0 .7rem;line-height:1.3;max-width:none}
.rs-q h2 .rs-base{display:inline-block;font-family:var(--sans);font-weight:400;font-size:.85rem;color:var(--ink-soft);margin-left:.3rem;white-space:nowrap}
.rs-q h2 small{display:block;font-family:var(--sans);font-weight:400;font-size:.85rem;color:var(--ink-soft)}
.rs-opts{list-style:none;margin:0;padding:0;max-width:none}
.rs-opts li{margin:0 0 .35rem}
.rs-opt{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;text-align:left;font-family:var(--sans);font-size:.98rem;line-height:1.3;padding:.5rem .7rem;border:1.5px solid rgba(60,40,10,.3);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer;overflow:hidden}
.rs-opt:hover{border-color:var(--gold-deep)}
.rs-opt.on{border-color:var(--gold-deep);box-shadow:inset 0 0 0 1.5px var(--gold-deep)}
.rs-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(245,184,0,.45),rgba(245,184,0,.22));transition:width .4s ease;pointer-events:none}
.rs-lbl,.rs-n{position:relative}
.rs-n{white-space:nowrap;font-weight:700;color:var(--ink-soft)}
@media (max-width:700px){.sv-q{padding:.9rem .9rem 1rem}.sv-q legend{font-size:1.18rem}.sv-opts label{font-size:1rem;padding-left:2.8rem}.sv-opts label input{left:.7rem}}
/* the survey's invitation on the home page */
.ask{padding:clamp(2rem,4vw,3rem) 0!important}
.ask-card{display:flex;gap:1.4rem;align-items:center;padding:1.4rem 1.6rem;border:2px solid var(--gold);border-radius:14px;background:linear-gradient(120deg,rgba(15,27,51,.92),rgba(29,46,85,.92));color:var(--on-night);box-shadow:0 18px 30px -18px rgba(0,0,0,.7)}
.ask-card h2{color:#fff;margin:0 0 .4rem;font-size:clamp(1.5rem,2.8vw,2.1rem);max-width:none}
.ask-card .lede{color:var(--on-night);font-size:1.15rem;margin:0;max-width:52ch}
.ask-card .btn-row{margin-top:1rem}
.ask-card .btn-line{color:#fff}
.ask-q{flex:none;width:5.2rem;height:5.2rem;border-radius:50%;background:var(--gold);color:var(--night);font-family:var(--serif);font-weight:700;font-size:3.6rem;line-height:5.2rem;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.4)}
@media (max-width:700px){.ask-card{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.1rem 1.1rem 1.3rem}.ask-q{width:3.6rem;height:3.6rem;font-size:2.5rem;line-height:3.6rem}}