/* ΕΣΩΤΕΡΙΚΗ ΠΥΞΙΔΑ — understated intelligent reading navigator */
.compass{border-top:1px solid rgba(222,196,172,.28);padding:112px 0 111px;position:relative;isolation:isolate}
.compass::after{content:"";position:absolute;z-index:-1;right:4%;top:82px;width:min(33vw,360px);height:min(33vw,360px);border:1px solid rgba(211,180,149,.18);border-radius:50%;transform:rotate(-24deg) scaleX(.58);pointer-events:none}
.compass::before{content:"";position:absolute;right:9%;top:110px;width:130px;height:130px;border-left:1px solid rgba(211,180,149,.23);transform:rotate(45deg);pointer-events:none}
.compass-heading{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(210px,.48fr);align-items:end;gap:40px;margin-bottom:62px}
.compass-heading h2{font:400 clamp(58px,6.7vw,96px)/1.08 var(--serif);letter-spacing:-.043em;margin:28px 0 0;text-wrap:balance}
.compass-heading h2 em{font:italic 400 1em/1.08 var(--italic);color:var(--accent)}
.compass-heading>p{font:400 13px/1.95 var(--sans);color:var(--dim);margin:0 0 10px;max-width:370px;text-wrap:pretty}
.compass-form{padding:38px clamp(22px,4vw,52px) 31px;border:1px solid rgba(222,202,185,.22);background:rgba(19,21,23,.75)}
.compass-form>label{display:block;font:400 10px/1.8 var(--sans);letter-spacing:.16em;color:#c2a993;margin-bottom:17px}
.compass-field{display:flex;align-items:stretch;border-bottom:1px solid rgba(209,183,160,.5);gap:18px}
.compass-field input{appearance:none;min-width:0;flex:1;color:#ece0d5;background:transparent;border:0;outline:none;
 font:400 clamp(19px,2.2vw,28px)/1.5 var(--italic);padding:14px 0 19px}
.compass-field input::placeholder{color:#a29a91;opacity:1}
.compass-field input:focus-visible{outline:none;border-bottom:2px solid var(--accent);margin-bottom:-2px}
.compass-field button{white-space:nowrap;align-self:center;background:transparent;border:1px solid rgba(216,184,157,.53);
 padding:11px 17px;color:#e3c9b6;font:400 11px/1.55 var(--sans);letter-spacing:.02em;transition:background .2s,border-color .2s}
.compass-field button:hover{background:rgba(184,143,111,.13);border-color:var(--accent)}
.compass-field button span{margin-left:11px}
.compass-suggestions{margin-top:23px;display:flex;align-items:center;gap:9px 13px;flex-wrap:wrap}
.compass-suggestions button{background:transparent;border:0;border-bottom:1px solid rgba(180,157,139,.32);padding:5px 0;
 color:#b9aba0;font:400 11px/1.6 var(--sans);text-align:left}
.compass-suggestions button::before{content:"↗";margin-right:7px;color:#a5856f}
.compass-suggestions button:hover{color:#f4ddce;border-color:var(--accent)}
.compass-response{padding-top:30px}
.compass-response-head{display:flex;align-items:center;justify-content:space-between;gap:22px;color:#9f958b;
 font:400 10px/1.8 var(--sans);letter-spacing:.1em;padding:0 0 19px;border-bottom:1px solid var(--line)}
.compass-response-head span:first-child{white-space:nowrap;color:#c1a38d}
.compass-response-head span:last-child{letter-spacing:0;text-align:right}
.compass-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(228,202,179,.15)}
.compass-empty{grid-column:1/-1;background:var(--bg);font:italic 400 23px/1.65 var(--italic);color:#bdb0a5;padding:30px 0;margin:0}
.compass-result{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:248px;
 background:#17191b;border:0;text-align:left;color:var(--ink);padding:24px 26px 22px;transition:background .2s}
.compass-result:hover,.compass-result:focus-visible{background:#242123}
.compass-result-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#cbb09b;
 font:400 16px/1.5 var(--italic);margin-bottom:26px}
.compass-arrow{font:400 14px/1 var(--sans);color:#bd9479}
.compass-result-verse{font:400 clamp(18px,1.75vw,24px)/1.59 var(--serif);display:block;
 letter-spacing:-.01em;color:#e7dbd0;white-space:normal;overflow-wrap:anywhere;max-height:195px;
 overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.compass-result-reason{font:400 9px/1.55 var(--sans);letter-spacing:.12em;
 color:#a79b90;margin-top:auto;padding-top:24px}
.compass-story-hint{grid-column:1/-1;display:block;padding:21px 25px;background:#1a1b1d;
 font:400 15px/1.5 var(--italic);color:#cdb59f}
.compass-story-hint:hover{color:#f1ddc9}
.compass-privacy{margin:22px 0 0;color:#a69b8f;font:400 11px/1.88 var(--sans);
 max-width:830px}
.story-reading-time{color:#bba99b;font-size:10px}
@media(max-width:1050px){
 .compass-heading h2{font-size:clamp(59px,7.5vw,81px)}
 .compass-result{padding:20px 18px;min-height:245px}
 .compass-result-verse{font-size:20px}
}
@media(max-width:760px){
 .compass{padding:88px 0}
 .compass-heading{grid-template-columns:1fr;gap:20px;margin-bottom:36px}
 .compass-heading h2{font-size:clamp(55px,9vw,74px)}
 .compass-heading>p{max-width:610px}
 .compass-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compass-result:last-child:nth-child(odd){grid-column:1/-1;min-height:155px}
 .compass-result{min-height:210px}
 .compass::after{opacity:.45}
}
@media(max-width:560px){
 .compass{padding:77px 0 82px}
 .compass-heading h2{font-size:clamp(49px,10.4vw,68px)}
 .compass-heading>p{font-size:12px}
 .compass-form{padding:25px 17px 24px}
 .compass-field{flex-direction:column;gap:0;padding-bottom:15px}
 .compass-field input{width:100%;font-size:22px;padding:7px 0 16px}
 .compass-field button{align-self:flex-start;padding:10px 15px;font-size:11px}
 .compass-suggestions{margin-top:17px;gap:7px 16px}
 .compass-suggestions button{font-size:10px}
 .compass-response-head{flex-direction:column;align-items:flex-start;gap:6px}
 .compass-response-head span:last-child{text-align:left}
 .compass-results{grid-template-columns:1fr}
 .compass-result,.compass-result:last-child:nth-child(odd){grid-column:1;min-height:0;padding:24px 21px}
 .compass-result-meta{margin-bottom:16px}
 .compass-result-verse{font-size:20px;max-height:unset;-webkit-line-clamp:4}
 .compass-result-reason{padding-top:16px}
 .compass-empty{font-size:20px;padding:21px 0}
 .compass-privacy{font-size:10px}
 .story-reading-time{display:none}
}
@media(prefers-reduced-motion:reduce){.compass-result,.compass-field button{transition:none}}

/* Honest nightly-publishing state and near-invisible reading progress. */
.reading-progress{position:fixed;z-index:50;pointer-events:none;top:0;left:0;width:100%;height:2px;
transform:scaleX(0);transform-origin:left center;background:#d3ac90;box-shadow:0 0 7px #a9897760}
.issue-health{position:relative;z-index:3;margin-top:16px;border-left:2px solid #b39c88;
background:rgba(32,31,30,.83);padding:12px 18px;max-width:675px;
font:400 12px/1.9 var(--sans);color:#e2c7b2}
.issue-health[hidden]{display:none!important}
@media(max-width:560px){.issue-health{font-size:11px;padding:10px 13px}}