/* CROWN Editorial — deliberately independent of homepage CSS. */
:root{--paper:#fff;--canvas:#f7f6f2;--forest:#243f2e;--sage:#526d5a;--ink:#1f1f1f;--muted:#5f5e5c;--stroke:#dcd8d1;--serif:ui-serif,"New York",Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Arial,sans-serif;}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.68 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--forest);text-underline-offset:.17em}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.16}h1{font-size:clamp(36px,5.6vw,64px);letter-spacing:-.045em}h2{font-size:clamp(26px,3.2vw,36px);margin-top:2.8rem}h3{font-size:22px;margin-top:2rem}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;top:-100px;left:10px;background:var(--forest);color:#fff;padding:.7rem 1rem;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e9e7e3;backdrop-filter:blur(12px)}.site-header__in{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-logo{display:inline-flex;align-items:center;gap:10px;font:600 15px var(--serif);letter-spacing:.2em;text-decoration:none}.site-logo img{width:34px;height:34px}.site-links{display:flex;align-items:center;gap:clamp(10px,3vw,30px);font-size:14px;font-weight:600}.site-links a{text-decoration:none}.site-links a:hover{text-decoration:underline}.header-cta{background:var(--forest);color:#fff!important;padding:11px 17px;border-radius:999px}
.breadcrumbs{padding-top:26px;font-size:13px;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.sep{padding:0 9px}.eyebrow{text-transform:uppercase;color:var(--sage);font-weight:750;font-size:12px;letter-spacing:.11em}.hero{background:var(--canvas);padding:75px 0 85px;border-bottom:1px solid var(--stroke)}.hero__inner{max-width:860px}.hero p{max-width:670px}.hero__desc{font-size:clamp(19px,2vw,23px);color:#434942;line-height:1.5}.hero__meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:23px}
.blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(36px,5vw,80px);padding-block:50px 100px}.article{min-width:0;max-width:740px}.article p{margin:1.05rem 0}.article ul,.article ol{padding-left:1.45rem}.article li{margin-bottom:.6rem}.article a{font-weight:550}.article h2{scroll-margin-top:90px}.toc{position:sticky;top:115px;align-self:start;border-left:1px solid var(--stroke);padding:8px 0 8px 22px;color:var(--muted);font-size:14px}.toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px}.toc a{display:block;padding:6px 0;color:var(--muted);text-decoration:none}.toc a:hover{color:var(--forest);text-decoration:underline}
.answer{border-left:4px solid var(--forest);background:#f3f5f0;padding:23px 27px;border-radius:0 16px 16px 0;margin:28px 0 36px}.answer strong{color:var(--forest)}.answer p{margin:.5rem 0}.verse{border-bottom:1px solid var(--stroke);padding:10px 0 16px}.verse h3{color:var(--forest);margin-bottom:.4rem}.verse__context{font-size:15px;color:var(--muted)}.note{background:var(--canvas);border:1px solid var(--stroke);border-radius:18px;padding:22px 25px;margin:24px 0}.note h3{margin:0 0 8px;font-size:21px}.note p:last-child{margin-bottom:0}
.tool{background:var(--canvas);border:1px solid #cdd9cc;border-radius:26px;padding:clamp(19px,4vw,35px);margin:35px 0;box-shadow:0 12px 35px #243f2e0b}.tool h2{margin:0;font-size:clamp(26px,3vw,32px)}.tool__sub{font-size:15px;color:var(--muted)}.tool__options{border:0;margin:20px 0 18px;padding:0;display:grid;gap:10px}.tool__options legend{font-weight:700;margin-bottom:12px}.tool__options label{display:flex;gap:11px;align-items:center;background:#fff;padding:13px 15px;border:1px solid #d7d7cf;border-radius:13px;cursor:pointer;font-weight:600;font-size:15px;min-height:48px}.tool__options input{accent-color:var(--forest);height:20px;width:20px;flex:none}.tool__options label:has(input:checked){border-color:var(--forest);background:#eff4ed}.tool__result{background:#fff;border-radius:16px;padding:22px;border:1px solid var(--stroke)}.tool__result h3{margin:0 0 10px}.tool__result p{font-size:15px}.tool__result p:last-child{margin-bottom:0}.tool__privacy{font-size:13px;color:var(--muted);margin:12px 0 0}.tool__button{border:0;background:var(--forest);color:#fff;border-radius:999px;padding:12px 18px;min-height:46px;cursor:pointer;font:650 15px var(--sans)}.tool__button:hover{background:#2f5a40}
.article-cta{margin:40px 0;padding:28px;border-radius:24px;background:var(--forest);color:#fff}.article-cta h2{font-size:26px;margin:0 0 12px}.article-cta p{color:#e2e9e0}.article-cta a{display:inline-block;background:#fff;color:var(--forest);padding:12px 18px;border-radius:999px;text-decoration:none}.article-cta small{display:block;margin-top:15px;color:#d4e1d3;font-size:13px}
.author-box{border-top:1px solid var(--stroke);padding-top:24px;margin-top:60px;font-size:15px;color:var(--muted)}.author-box strong{color:var(--ink)}.related{padding-top:10px}.related a{display:block;margin:10px 0}.faq-section details{border-bottom:1px solid var(--stroke);padding:17px 0}.faq-section summary{cursor:pointer;font-weight:700}.faq-section details p{font-size:15px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:35px 0 70px}.card{border:1px solid var(--stroke);background:#fff;border-radius:22px;padding:25px;text-decoration:none;display:block}.card:hover{border-color:var(--forest);box-shadow:0 8px 22px #243f2e0a}.card h2{font-size:25px;margin:7px 0 10px;color:var(--forest)}.card p{font-size:15px;color:var(--muted);margin:0}.pill{display:inline-flex;border-radius:100px;background:#eaf1e9;color:var(--forest);padding:6px 11px;font-weight:700;font-size:12px}
.blog-intro{max-width:770px;padding-top:62px}.blog-intro h2{margin-top:2rem}.blog-intro p{color:var(--muted)}.site-footer{border-top:1px solid var(--stroke);padding:28px 0 45px;font-size:13px;color:var(--muted)}.site-footer__in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--muted)}
@media(max-width:860px){.blog-grid{grid-template-columns:minmax(0,1fr)}.toc{display:none}.cards{grid-template-columns:1fr}.hero{padding:55px 0 60px}}
@media(max-width:540px){.wrap{width:min(100% - 36px,1120px)}.site-header__in{min-height:64px}.site-links{gap:10px;font-size:12px}.header-cta{padding:10px 11px}.site-logo{letter-spacing:.09em;font-size:13px}.site-logo img{width:29px;height:29px}.hero{padding:46px 0 52px}.answer,.note{padding:19px}.blog-grid{padding:25px 0 65px}.article-cta{padding:22px}.tool{margin-inline:-3px}.hero__desc{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ----- V2 Editorial: purposeful imagery, reader tools and mobile readability ----- */
.editorial-hero{margin:35px 0 0;position:relative;overflow:hidden;border-radius:26px;background:#dce5dd;box-shadow:0 20px 50px #263f2d16}
.editorial-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.editorial-hero figcaption{padding:14px 22px;background:#f8f5ed;color:#526457;font-size:13px;line-height:1.5}
.editorial-figure{margin:38px 0 24px;border-radius:23px;overflow:hidden;background:#f0eee7;border:1px solid var(--stroke)}
.editorial-figure img{display:block;width:100%;height:auto;object-fit:contain}
.editorial-figure figcaption{padding:13px 20px;color:var(--muted);font-size:13px;background:#fbf9f4}
.editorial-figure--diagram{margin-block:38px 15px}
.article-jump{margin:32px 0 18px;padding:23px;border:1px solid #d4ddd2;border-radius:20px;display:grid;gap:12px;background:#f4f7f1}
.article-jump strong{color:var(--forest);font-size:15px}
.article-jump a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #dce5db;color:var(--forest);font-size:15px;text-decoration:none;line-height:1.4}
.article-jump a:last-child{border-bottom:0}
.article-jump a:hover{text-decoration:underline}
.reality-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}
.reality-cards>div{background:#f7f6f2;border:1px solid #e5e2da;border-radius:16px;padding:17px}
.reality-cards strong{color:var(--forest);font-size:14px;display:block;line-height:1.35}
.reality-cards p{font-size:13px;line-height:1.55;color:var(--muted);margin:8px 0 0}
.tool__options--compact{border-top:1px solid #d0dacc;padding-top:20px}
.tool__actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:16px}
.tool__copied{font-size:13px;color:#31573d;max-width:20rem}
.workbook{background:#f8f6f0;border:1px solid #ddd7ca;border-radius:24px;padding:clamp(19px,4vw,32px);margin:38px 0}
.workbook h2{margin:4px 0 14px;font-size:clamp(25px,3vw,32px)}
.workbook p{font-size:16px}
.workbook ol{margin:16px 0;padding-left:22px}
.workbook li{font-size:15px;line-height:1.6}
.example-callout{border-left:3px solid #b79a64;padding:12px 16px;background:#fff;border-radius:0 12px 12px 0;margin:20px 0}
.meaning-grid{margin:42px 0}
.meaning-grid h2{margin-top:0}
.meaning-grid__row{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-bottom:1px solid #dedbd3;padding:20px 0}
.meaning-grid__row>div{font-size:15px;line-height:1.55;color:var(--muted)}
.meaning-grid__row strong{color:var(--forest);display:block;margin-bottom:5px}
.meaning-grid__row span{display:block}
.tool__result{overflow-wrap:anywhere}
.hero__desc,.article p,.article li{overflow-wrap:break-word}
.article .verse h3{line-height:1.28}
@media (max-width:740px){
 .reality-cards{grid-template-columns:1fr}
 .reality-cards>div{padding:16px}
 .meaning-grid__row{grid-template-columns:1fr;gap:6px}
 .meaning-grid__row>div:last-child{padding-left:15px;border-left:2px solid #d8c8ad}
 .editorial-hero{border-radius:17px;margin-top:26px}
 .editorial-figure{border-radius:17px}
 .article-jump{padding:18px}
 .site-header__in{gap:8px}
 .site-links a{white-space:nowrap}
}
@media(max-width:375px){
 .site-links a:not(.header-cta){font-size:11px}
 .site-links{gap:8px}
 .header-cta{font-size:11px;padding:10px 9px}
 .site-logo{gap:5px;font-size:12px}
 .site-logo img{width:26px;height:26px}
 .hero h1{font-size:clamp(34px,9vw,43px)}
 .hero__meta{gap:8px}
 .tool__options label{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.card,.header-cta,.article-jump a{transition:none}}

/* Editorial cover on the Journal index */
.card__cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:18px;background:#dce5dd}.card--feature{min-width:0}.card--feature .pill{margin-bottom:3px}

.passage-reference{margin:.55rem 0 .75rem;font-size:13px;line-height:1.4}.passage-reference a{display:inline-flex;color:var(--forest);background:#eef4ec;border:1px solid #d8e6d6;border-radius:999px;padding:8px 13px;text-decoration:none;font-weight:650}.passage-reference a:hover{text-decoration:underline}


/* CROWN Clarity Map V3 — iOS visual identity, legible at phone size */
.clarity-graphic{margin:42px 0 22px;overflow:hidden;border-radius:26px;border:1px solid rgba(36,63,46,.18);background:linear-gradient(145deg,#183d30,#314e40 52%,#5b735d);box-shadow:0 13px 34px rgba(30,60,43,.11)}
.clarity-graphic__wide{display:block;width:100%;height:auto;aspect-ratio:8/5}
.clarity-graphic__mobile{display:none}
.clarity-graphic figcaption{padding:13px 20px;font-size:13px;line-height:1.55;background:#f8f6f0;color:var(--muted)}
@media(max-width:720px){
  .clarity-graphic{margin:30px 0 18px;border-radius:23px;box-shadow:0 12px 26px rgba(29,63,44,.12)}
  .clarity-graphic__wide{display:none}
  .clarity-graphic__mobile{display:block;color:#fff;padding:25px 18px 19px;background:radial-gradient(ellipse at 82% 57%,rgba(223,180,109,.27),transparent 52%),linear-gradient(155deg,#193d2f,#355748 66%,#283e34)}
  .clarity-graphic__label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#f2c783;display:flex;align-items:center;gap:8px}
  .clarity-graphic__crown{font-size:23px;line-height:1;letter-spacing:0;color:#efbd75}
  .clarity-graphic__headline{font:750 clamp(25px,7.7vw,35px)/1.13 var(--display);letter-spacing:-.043em;color:#fffdf6;margin:13px 0 8px;max-width:12em}
  .clarity-graphic__intro{font-size:14px;line-height:1.5;color:#dfebe2;margin:0 0 23px;max-width:31ch}
  .clarity-graphic__steps{display:grid;gap:12px;list-style:none;margin:0;padding:0;position:relative}
  .clarity-graphic__steps:before{content:"";position:absolute;left:29px;top:33px;bottom:32px;width:2px;background:linear-gradient(#b6cfb9,#e2b672,#ffe3aa);opacity:.85}
  .clarity-step{position:relative;min-width:0;display:flex;gap:14px;align-items:flex-start;border-radius:19px;padding:17px 14px;isolation:isolate;overflow:hidden}
  .clarity-step__number{position:relative;z-index:1;flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--sans);letter-spacing:0;background:#e6efd9;color:#265440;border:2px solid #f1f3e4;box-shadow:0 2px 6px rgba(0,0,0,.12)}
  .clarity-step>div{position:relative;z-index:1;display:grid;gap:4px;min-width:0}
  .clarity-step strong{display:block;font:750 22px/1.18 var(--display);letter-spacing:-.034em}
  .clarity-step span:not(.clarity-step__number){font-size:14px;line-height:1.36}
  .clarity-step small{font-size:12px;line-height:1.45;opacity:.87}
  .clarity-step--know{background:linear-gradient(120deg,rgba(88,135,103,.88),rgba(44,102,75,.92));border:1px solid rgba(201,236,209,.55);color:#fff}
  .clarity-step--fear{background:linear-gradient(135deg,#ffedcf,#e8cfaa);border:1px solid rgba(255,251,234,.85);color:#263e31}
  .clarity-step--fear .clarity-step__number{background:#b6884d;color:#fff;border-color:#f8e7c5}
  .clarity-step--next{padding-bottom:22px;min-height:143px;background:radial-gradient(circle at 91% 80%,#ffe2a1 0,#f2c77e 24%,transparent 50%),linear-gradient(140deg,#ffe9b7,#efc381);border:1.5px solid #fff0bd;color:#243c30;box-shadow:inset 0 0 19px rgba(255,244,195,.57)}
  .clarity-step--next:after{content:"";position:absolute;right:-5px;bottom:-5px;width:143px;height:72px;background:linear-gradient(135deg,#8a7053,#456052);clip-path:polygon(0 100%,38% 55%,60% 74%,81% 23%,100% 100%);opacity:.57}
  .clarity-step--next .clarity-step__number{background:#88613e;color:#fff5d6;border:2px solid #fff3c8;white-space:nowrap}
  .clarity-step--next .clarity-step__number span{font-size:9px!important;margin-left:2px;color:#fff5d6}
  .clarity-step--next>div{max-width:235px}
  .clarity-graphic__footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(242,232,203,.38);font-size:11px;font-weight:650;text-align:center;color:#f8e5c6}
  .clarity-graphic__footer span+span{border-left:1px solid rgba(246,230,206,.35)}
  .clarity-graphic figcaption{font-size:12px;padding:13px 17px}
}
@media(max-width:355px){
  .clarity-graphic__mobile{padding-inline:14px}
  .clarity-step{padding-inline:11px;gap:10px}
  .clarity-step strong{font-size:20px}
  .clarity-graphic__footer{font-size:10px}
}