:root { --ink:#17241f; --pine:#203c32; --moss:#557461; --cream:#f4efe4; --paper:#fbf8f0; --clay:#b65f43; --gold:#c9a358; --line:#d9d1c1; --muted:#66716b; --shadow:0 18px 50px rgba(23,36,31,.12); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--cream); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; background:linear-gradient(120deg,rgba(201,163,88,.08),transparent 30%),var(--cream); }
button,input,textarea,select { font:inherit; }
button { color:inherit; }
a { color:var(--pine); }
:focus-visible { outline:3px solid var(--clay); outline-offset:3px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;z-index:100;top:8px;left:8px;padding:.7rem 1rem;background:#fff;transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header { position:fixed;z-index:20;top:0;left:0;right:0;height:76px;background:rgba(23,36,31,.97);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;border-bottom:1px solid rgba(255,255,255,.13); }
.brand { color:#fff;text-decoration:none;display:flex;gap:.85rem;align-items:center;letter-spacing:.02em; }
.brand-mark { width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;font-size:1.6rem;color:var(--gold); }
.brand strong,.brand small { display:block; }.brand small { opacity:.67;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;margin-top:.2rem; }
.icon-button { display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:42px;height:42px;color:#fff; }
.journey { position:fixed;z-index:10;top:76px;bottom:0;left:0;width:290px;background:var(--paper);border-right:1px solid var(--line);overflow:auto;padding:1.5rem 1.1rem; }
.eyebrow { margin:0 0 .65rem;color:var(--clay);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800; }
.progress-label { display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted); }.progress-track { margin:.5rem 0 1.5rem;height:4px;background:#ded8cb;border-radius:4px;overflow:hidden; }.progress-track span { display:block;height:100%;width:0;background:var(--clay);transition:width .4s; }
.daily-entry { width:100%;display:flex;gap:.7rem;align-items:center;text-align:left;border:1px solid #cdbb96;background:#f0e6d2;padding:.8rem;border-radius:7px;margin-bottom:1.1rem;cursor:pointer; }.daily-entry>span:first-child { color:var(--clay);font-size:1.2rem; }.daily-entry strong,.daily-entry small { display:block; }.daily-entry strong { font-size:.78rem; }.daily-entry small { font-size:.66rem;color:var(--muted);margin-top:.18rem; }
.calendar-entry { margin-top:-.6rem;background:transparent;border-color:var(--line); }
.reader-entry { color:var(--ink);background:#e5ebe7;border-color:#9bb0a2;margin-bottom:1.1rem;text-decoration:none; }
.journey ol { list-style:none;margin:0;padding:0; }.week-link { width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:.65rem;align-items:center;border:0;background:transparent;text-align:left;padding:.65rem .45rem;border-radius:7px;cursor:pointer; }.week-link:hover:not(:disabled),.week-link.active { background:#e9e3d6; }.week-link:disabled { opacity:.48;cursor:not-allowed; }.week-number { width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:600 .75rem Georgia,serif; }.week-link.complete .week-number { color:#fff;background:var(--pine);border-color:var(--pine); }.week-name { font-size:.8rem;font-weight:680;line-height:1.25; }.lock { font-size:.7rem;opacity:.6; }
.nav-label { margin:.2rem .45rem .5rem;color:var(--muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em; }.requirement-link { display:inline-block;margin-top:.45rem;color:var(--clay);font-size:.72rem;font-weight:750;text-decoration:none; }.requirement-link:hover { text-decoration:underline; }.section-anchor { scroll-margin-top:96px; }
.journey-tools { border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem;display:grid;gap:.45rem; }.text-button { border:0;background:transparent;text-align:left;padding:.3rem;color:var(--muted);font-size:.77rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer; }
main { margin-left:290px;padding-top:76px;min-height:100vh; }.loading { padding:5rem; }
.hero { color:#fff;background:radial-gradient(circle at 85% 20%,rgba(201,163,88,.2),transparent 28%),linear-gradient(135deg,#182d26,#2d4a3f);padding:clamp(3rem,8vw,6.5rem) clamp(1.4rem,7vw,7rem) 4rem;position:relative;overflow:hidden; }.hero::after { content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(201,163,88,.25);border-radius:50%;right:-80px;bottom:-140px;box-shadow:0 0 0 40px rgba(201,163,88,.05),0 0 0 80px rgba(201,163,88,.03); }.hero .eyebrow { color:#e1bf77; }.hero h1 { max-width:800px;font:400 clamp(2.7rem,7vw,5.8rem)/.98 Georgia,serif;margin:.2rem 0 1rem;letter-spacing:-.04em; }.hero-subtitle { font:italic 1.1rem/1.5 Georgia,serif;color:#d8ded9;max-width:600px; }.hero-invitation { max-width:720px;font-size:1.05rem;line-height:1.75;color:#e4e9e5;margin:2rem 0 0; }.week-meta { margin-top:2rem;display:flex;gap:.6rem;flex-wrap:wrap; }.pill { border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.45rem .75rem;font-size:.72rem;letter-spacing:.05em; }
.page-visual { max-width:1040px;margin:2rem auto 0;padding:0 clamp(1.2rem,5vw,4rem); }.page-visual img { display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center;border:1px solid #cfc4af;box-shadow:var(--shadow); }.page-visual figcaption { display:flex;justify-content:space-between;gap:1rem;margin-top:.65rem;color:var(--muted);font:italic .8rem/1.4 Georgia,serif; }.page-visual figcaption small { font:normal .62rem/1.4 sans-serif;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap; }
.content { max-width:1040px;margin:0 auto;padding:2.5rem clamp(1.2rem,5vw,4rem) 6rem; }.section { padding:2.6rem 0;border-bottom:1px solid var(--line); }.section-heading { display:grid;grid-template-columns:42px 1fr;gap:1rem;align-items:start;margin-bottom:1.4rem; }.section-index { color:var(--clay);font:italic 1rem Georgia,serif;padding-top:.35rem; }.section h2 { font:400 clamp(1.65rem,3vw,2.35rem) Georgia,serif;margin:0; }.section-kicker { margin:.35rem 0 0;color:var(--muted);font-size:.8rem; }.prose { max-width:760px;font:1.05rem/1.8 Georgia,serif;color:#303a35; }.prose p { margin:0; }
.primary-frame { background:#ebe3d4;border:1px solid #d5c8b1;padding:clamp(1rem,4vw,2.2rem); }.source-ribbon { display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid #d5c8b1;padding-bottom:1rem;margin-bottom:1rem;font-size:.72rem;color:#6b665c;text-transform:uppercase;letter-spacing:.08em; }.chapter { background:var(--paper);padding:clamp(1.25rem,4vw,2.5rem);margin:1rem 0;box-shadow:0 5px 20px rgba(50,43,31,.05); }.chapter h3 { font:400 1.45rem Georgia,serif;margin:0 0 1rem; }.verse { font:1.02rem/1.78 Georgia,serif;margin:.45rem 0; }.verse-number { color:var(--clay);font:700 .65rem sans-serif;vertical-align:super;margin-right:.35rem; }
.audio-dock { display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;background:var(--ink);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem; }.audio-dock button,.button { border:0;background:var(--clay);color:#fff;border-radius:4px;padding:.7rem 1rem;font-weight:750;cursor:pointer; }.audio-dock .secondary { background:transparent;border:1px solid rgba(255,255,255,.3); }.audio-dock select { background:#fff;color:var(--ink);padding:.6rem;border-radius:4px; }.audio-status { font-size:.76rem;color:#cfd7d2;flex:1;min-width:180px; }
.reader-content { position:relative; }.reader-contents { background:var(--paper);border:1px solid var(--line);padding:1.2rem;margin-bottom:1rem; }.reader-contents strong { display:block;margin-bottom:.7rem;font:400 1.2rem Georgia,serif; }.reader-contents div { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem; }.reader-contents button { color:var(--pine);text-align:center;border:1px solid var(--line);padding:.5rem .25rem;font-size:.72rem;background:#fff;cursor:pointer; }.reader-contents button:hover { background:#eee7d9; }.reader-audio { position:sticky;top:86px;z-index:8;box-shadow:var(--shadow); }.reader-text { padding-top:1rem; }.reader-chapter { scroll-margin-top:190px;transition:border-color .2s,box-shadow .2s; }.reader-chapter.reading { border-left:5px solid var(--gold);box-shadow:0 8px 28px rgba(23,36,31,.15); }.reader-chapter-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:.8rem; }.reader-chapter-heading h2 { margin:0;font:400 1.45rem Georgia,serif; }.reader-chapter-heading .button { font-size:.72rem;padding:.55rem .75rem; }
.layer-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }.layer-card { padding:1.5rem;border:1px solid var(--line);background:rgba(251,248,240,.68); }.layer-card.wide { grid-column:1/-1; }.layer-label { display:inline-block;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:var(--clay);font-weight:800;margin-bottom:.75rem; }.layer-card p { font:1rem/1.7 Georgia,serif;margin:0; }.mystical { background:var(--pine);color:#f6f1e8;padding:clamp(1.5rem,4vw,2.5rem);border:0; }.mystical .layer-label { color:#e1bf77; }.mystical p { color:#edf1ee; }
.form-card { background:var(--paper);border:1px solid var(--line);padding:1.4rem;margin-top:1rem; }.form-card label { display:block;font-weight:750;margin-bottom:.5rem; }.form-card .prompt { color:var(--muted);font:italic .96rem/1.5 Georgia,serif;margin:.3rem 0 .8rem; }.form-card textarea,.form-card input { width:100%;border:1px solid #aaa69d;background:#fff;padding:.85rem;border-radius:4px;line-height:1.5; }.saved { font-size:.72rem;color:var(--moss);min-height:1em;margin:.4rem 0 0; }
.memory-stage { display:flex;gap:.45rem;overflow:auto;padding:.25rem 0 1rem; }.stage-button { flex:1;min-width:94px;border:1px solid var(--line);background:var(--paper);padding:.7rem .45rem;border-radius:4px;font-size:.72rem;cursor:pointer; }.stage-button.active { background:var(--pine);color:#fff;border-color:var(--pine); }.memory-text { background:#1d2c26;color:#f5efe4;padding:clamp(1.3rem,4vw,2.5rem);min-height:220px;font:1.15rem/1.9 Georgia,serif;white-space:pre-wrap; }.memory-actions { display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:1rem; }.memory-note { color:var(--muted);font-size:.78rem; }
.requirements { list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem; }.requirement { display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid var(--line);background:var(--paper); }.requirement input { margin-top:.2rem;width:19px;height:19px;accent-color:var(--pine); }.requirement strong,.requirement small { display:block; }.requirement small { color:var(--muted);margin-top:.2rem; }.complete-button { width:100%;padding:1rem; }.complete-button:disabled { background:#aaa69d;cursor:not-allowed; }.completion-message { padding:1rem;border-left:3px solid var(--gold);background:#eee7d9;margin-top:1rem; }
.daily-hero { padding-bottom:3rem; }.daily-summary { display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem; }.daily-summary div { min-width:120px;border-left:1px solid rgba(255,255,255,.3);padding-left:.8rem; }.daily-summary strong,.daily-summary small { display:block; }.daily-summary strong { font:400 1.7rem Georgia,serif; }.daily-summary small { color:#cbd6d0;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em; }.stone-path { display:grid;grid-template-columns:repeat(10,1fr);gap:.55rem;padding:1rem 0 1.7rem; }.stone { aspect-ratio:1;border:1px solid var(--line);background:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:.7rem;cursor:pointer; }.stone.today { outline:2px solid var(--gold);outline-offset:3px; }.stone.complete { background:var(--pine);color:#fff;border-color:var(--pine); }.stone:disabled { opacity:.35;cursor:not-allowed; }.stone.milestone { border-color:var(--clay); }.prayer-card { background:#e8dfcf;border:1px solid #cfbea0;padding:clamp(1.2rem,4vw,2rem); }.prayer-text { font:1.15rem/1.8 Georgia,serif;max-width:760px; }.prayer-controls { display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0; }.prayer-controls select { padding:.65rem;background:#fff;border:1px solid #aaa69d;border-radius:4px; }.prayer-lamps { display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem; }.prayer-lamp { text-align:center;border:1px solid #bbaa8d;background:rgba(255,255,255,.45);padding:1rem .5rem;cursor:pointer; }.prayer-lamp input { display:block;margin:0 auto .5rem;width:19px;height:19px;accent-color:var(--clay); }.prayer-lamp:has(input:checked) { background:#f3d99e;box-shadow:inset 0 0 25px rgba(201,163,88,.35); }.daily-practice { border-left:4px solid var(--clay);padding:1.2rem 1.4rem;background:var(--paper);font:1.05rem/1.65 Georgia,serif; }.daily-milestone { background:var(--pine);color:#fff;padding:1.3rem;margin:1rem 0; }.daily-note { color:var(--muted);font-size:.78rem;line-height:1.5; }
.calendar-shell { background:var(--paper);border:1px solid var(--line);padding:clamp(1rem,4vw,2rem); }.calendar-toolbar { display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem; }.calendar-toolbar h2 { margin:0;font:400 clamp(1.5rem,4vw,2.2rem) Georgia,serif; }.calendar-nav { border:1px solid var(--line);background:transparent;border-radius:50%;width:42px;height:42px;cursor:pointer; }.calendar-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem; }.calendar-weekday { text-align:center;color:var(--muted);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.4rem 0; }.calendar-day { min-height:105px;border:1px solid var(--line);background:#fff;padding:.55rem;text-align:left;position:relative; }.calendar-day.empty { background:transparent;border-color:transparent; }.calendar-day.today { outline:2px solid var(--gold);outline-offset:1px; }.calendar-day.visited { background:#f4ead4; }.calendar-day.completed { background:#dce7df;border-color:#8aa091; }.calendar-date { font:700 .75rem sans-serif; }.calendar-marks { display:flex;gap:.28rem;margin:.55rem 0;flex-wrap:wrap; }.calendar-mark { width:8px;height:8px;border-radius:50%;background:var(--gold); }.calendar-mark.complete { background:var(--pine); }.calendar-day small { display:block;color:var(--muted);font-size:.63rem;line-height:1.35; }.calendar-open { border:0;background:transparent;color:var(--clay);font-size:.65rem;font-weight:800;padding:.35rem 0 0;cursor:pointer; }.calendar-legend { display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:var(--muted);font-size:.72rem; }.legend-dot { display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.3rem;background:var(--gold); }.legend-dot.complete { background:var(--pine); }
.review-evidence { display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem; }.evidence-card { background:var(--paper);border:1px solid var(--line);padding:1rem; }.evidence-card strong,.evidence-card small { display:block; }.evidence-card strong { font:400 1.8rem Georgia,serif; }.evidence-card small { color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em; }.review-question { border:1px solid var(--line);background:var(--paper);padding:1.3rem;margin:1rem 0; }.review-question fieldset { border:0;padding:0;margin:0; }.review-question legend { font:600 1rem/1.5 Georgia,serif;margin-bottom:.8rem; }.review-option { display:flex;gap:.65rem;padding:.55rem 0;align-items:flex-start; }.review-option input { margin-top:.2rem;accent-color:var(--pine); }.answer-note { padding:.8rem;margin-top:.8rem;background:#eee7d9;border-left:3px solid var(--gold);font-size:.82rem;line-height:1.5; }.inventory-row { display:grid;grid-template-columns:minmax(220px,1fr) 170px;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--line); }.inventory-row select { padding:.65rem;background:#fff;border:1px solid #aaa69d; }.domain-heading { font:400 1.45rem Georgia,serif;margin:2rem 0 .4rem; }.review-profile { display:grid;gap:1rem; }.profile-domain { border-left:4px solid var(--gold);padding:1rem 1.2rem;background:var(--paper); }.profile-domain.attend { border-color:var(--clay); }.profile-domain.continue { border-color:var(--pine); }.profile-domain h3 { margin:0 0 .35rem;font:400 1.25rem Georgia,serif; }.profile-domain p { margin:.3rem 0;line-height:1.55; }.review-history { display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem; }.review-history button { border:1px solid var(--line);background:var(--paper);padding:.55rem .75rem;cursor:pointer; }.share-actions { display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem; }
.sermon-placeholder { border:1px dashed #aba394;padding:1.4rem;background:rgba(255,255,255,.28); }.sermon-placeholder strong { display:block;margin-bottom:.4rem; }.sermon-placeholder p { margin:0;color:var(--muted); }
dialog { width:min(720px,calc(100% - 2rem));max-height:85vh;border:0;padding:0;background:var(--paper);box-shadow:var(--shadow);color:var(--ink); }.dialog-close { position:absolute;right:1rem;top:1rem;border:0;background:transparent;font-size:1.8rem;cursor:pointer; }.dialog-body { padding:2.5rem; }.dialog-body h2 { font:400 2rem Georgia,serif;margin-top:0; }.source-item { padding:1rem 0;border-top:1px solid var(--line); }.source-item small { display:block;color:var(--clay);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem; }.data-actions { display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem; }.file-label { display:inline-block;background:var(--pine);color:#fff;padding:.7rem 1rem;border-radius:4px;cursor:pointer;font-weight:700; }.toast { position:fixed;z-index:100;right:1rem;bottom:1rem;background:var(--ink);color:#fff;padding:.85rem 1rem;border-radius:4px;box-shadow:var(--shadow);transform:translateY(150%);transition:transform .25s; }.toast.show { transform:none; }
@media (max-width:800px) { .icon-button { display:block; }.journey { transform:translateX(-105%);transition:transform .25s;box-shadow:var(--shadow);width:min(330px,88vw); }.journey.open { transform:none; }.site-header { height:68px;padding:0 1rem; }.brand small { display:none; } main { margin-left:0;padding-top:68px; }.journey { top:68px; }.layer-grid { grid-template-columns:1fr; }.layer-card.wide { grid-column:auto; }.hero { padding-top:3.5rem; }.source-ribbon { align-items:flex-start;flex-direction:column; }.stone-path { grid-template-columns:repeat(6,1fr); }.prayer-lamps { grid-template-columns:1fr; }.calendar-grid { gap:.2rem; }.calendar-day { min-height:78px;padding:.35rem; }.calendar-day small { display:none; }.calendar-toolbar h2 { font-size:1.35rem; }.reader-contents div { grid-template-columns:repeat(4,minmax(0,1fr)); }.reader-audio { top:76px; }.reader-audio .audio-status { flex-basis:100%; }.reader-chapter { scroll-margin-top:250px; }.reader-chapter-heading { align-items:flex-start;flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important; } }
.calendar-mark.review,.legend-dot.review { background:var(--clay);border-radius:2px; }
@media (max-width:800px) { .review-evidence { grid-template-columns:repeat(2,1fr); } .inventory-row { grid-template-columns:1fr;gap:.4rem; } }
@media print { .site-header,.journey,.page-visual,.share-actions,.toast { display:none!important; } main { margin:0;padding:0; } .hero { color:#111;background:#fff;padding:1rem 0; } .hero::after { display:none; } .hero-invitation { color:#333; } .content { max-width:none;padding:0; } .section { break-inside:avoid;padding:1rem 0; } }
.assessment-intro { max-width:780px;font:1.02rem/1.75 Georgia,serif; }
.assessment-progress { display:flex;align-items:center;gap:1rem;margin:1rem 0 1.4rem; }.assessment-progress .progress-track { flex:1;position:relative;top:auto;left:auto;right:auto;bottom:auto;height:8px;background:#ddd4c4;border-radius:10px;overflow:hidden; }.assessment-progress .progress-track span { display:block;height:100%;background:var(--clay); }
.assessment-domains { display:grid;gap:.7rem; }.assessment-domain-card { width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;border:1px solid var(--line);border-left:4px solid #aaa69d;background:var(--paper);padding:1rem 1.2rem;cursor:pointer; }.assessment-domain-card.in_progress { border-left-color:var(--gold); }.assessment-domain-card.complete { border-left-color:var(--pine); }.assessment-domain-card strong,.assessment-domain-card small { display:block; }.assessment-domain-card small { color:var(--muted);margin-top:.2rem; }.domain-status { white-space:nowrap;font-size:.75rem;font-weight:800;color:var(--clay); }
.assessment-actions { display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem; }.secondary-button { background:transparent;color:var(--pine);border:1px solid var(--pine); }
.domain-page-status { display:flex;justify-content:space-between;gap:1rem;padding:1rem;background:#eee7d9;margin-bottom:1rem; }.domain-page-status span { color:var(--muted);font-size:.78rem; }
.assessment-question { border:1px solid var(--line);background:var(--paper);padding:clamp(1rem,3vw,1.5rem);margin:1rem 0;scroll-margin-top:90px; }.assessment-question legend { display:flex;gap:.7rem;font:600 1.05rem/1.5 Georgia,serif;padding:0 .3rem; }.assessment-question legend span { color:var(--clay);font:800 .7rem sans-serif;padding-top:.35rem; }.didache-reference { color:var(--muted);font-size:.73rem;margin:.5rem 0 1rem; }.likert-options { display:grid;gap:.4rem; }.likert-options label { display:grid;grid-template-columns:24px 30px 1fr;align-items:center;gap:.5rem;padding:.55rem;border-radius:3px;cursor:pointer; }.likert-options label:hover,.likert-options label:has(input:checked) { background:#eee7d9; }.likert-options input { width:18px;height:18px;accent-color:var(--pine); }.likert-options strong { color:var(--clay); }
.assessment-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem; }.result-domain { border:1px solid var(--line);background:var(--paper);padding:1rem; }.result-domain span,.result-domain strong,.result-domain small { display:block; }.result-domain strong { font:400 2rem Georgia,serif;margin:.25rem 0; }.result-domain small { color:var(--muted); }.result-domain.limiting { border-left:4px solid var(--clay); }.limiting-callout { background:var(--pine);color:#fff;padding:1.4rem;margin-top:1rem; }.limiting-callout span,.limiting-callout strong { display:block; }.limiting-callout span { color:#d9c28c;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em; }.limiting-callout strong { font:400 1.8rem Georgia,serif;margin:.3rem 0; }.limiting-callout small { color:#cfd7d2; }.low-items { list-style:none;padding:0;display:grid;gap:.7rem; }.low-items li { display:grid;gap:.25rem;border-left:3px solid var(--gold);background:var(--paper);padding:1rem; }.low-items li small { color:var(--muted); }
@media (max-width:800px) { .assessment-domain-card,.domain-page-status { align-items:flex-start;flex-direction:column; } .domain-status { white-space:normal; } .assessment-results { grid-template-columns:1fr; } .likert-options label { grid-template-columns:22px 32px 1fr; } }
.formation-path { display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;background:var(--pine);color:#fff;padding:1.3rem;margin-bottom:1.2rem; }.formation-path div { display:grid;gap:.3rem; }.formation-path small { color:#d9c28c;letter-spacing:.12em;font-weight:800; }.formation-path strong { font:400 1.2rem Georgia,serif; }.source-badge { display:inline-block;background:var(--pine);color:#fff;border-radius:999px;padding:.25rem .5rem;margin-right:.4rem;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:800; }.source-badge.derived { background:var(--clay); }.assessment-question.derived { border-left:4px solid var(--clay); }.derivation-note { border-left:3px solid var(--clay);padding:.7rem 1rem;background:#eee7d9;font:italic .88rem/1.5 Georgia,serif; }.principle-card { padding:1.2rem;background:#e6ece8;border-left:4px solid var(--pine);margin-bottom:1rem; }.principle-card p { line-height:1.6; }.table-record { border:1px solid var(--line);background:#ede6d8;margin:1rem 0;padding:.5rem 1rem; }.table-record summary { display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;cursor:pointer; }.table-record summary span { color:var(--clay);font-size:.75rem;font-weight:800; }.practice-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem; }.practice-results>article { background:var(--paper);border:1px solid var(--line);padding:1.2rem; }.practice-results h3 { margin-top:0; }.practice-metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem; }.practice-metric { display:flex;justify-content:space-between;gap:1rem;background:var(--paper);border:1px solid var(--line);padding:.8rem; }.practice-metric strong { white-space:nowrap; }.derived-result { border-left:4px solid var(--clay);background:#eee7d9;padding:1.2rem;margin:1.2rem 0; }.derived-result h3 { margin:.7rem 0 .35rem; }.community-limitations li { border-left-color:var(--clay); }
@media (max-width:800px) { .formation-path { grid-template-columns:1fr; }.formation-path>span { transform:rotate(0deg); }.practice-results,.practice-metrics { grid-template-columns:1fr; }.table-record { padding:.35rem .65rem; } }