/* Православни дом — shared visual identity, umbrella page. */
:root {
  --bg:#FBF8F3; --surface:#FFFFFF; --bg-warm:#F6F1E8;
  --ink:#1C1A17; --ink-2:#443E36; --muted:#6e665c;
  --accent:#7A2C2C; --accent-deep:#5E2020; --accent-soft:#F5EAE7;
  --line:#E8E1D5; --line-strong:#D8CFBE; --dark:#191713; --green:#2C5A49;
  --accent-line:#E2C9C4; --pine-soft:#E8F0EC; --pine-line:#BFD6CB;
  --r-sm:14px; --r-md:20px; --r-lg:26px;
  --sh-soft:0 1px 2px rgba(48,34,20,.04),0 10px 28px -14px rgba(70,48,28,.18);
  --serif:"Lora",Georgia,serif; --sans:"Nunito Sans","Segoe UI",sans-serif;
  --wrap:1180px; --pad:30px; --t:200ms ease;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --panel-padding:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"locl"}
[hidden]{display:none!important}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.23;letter-spacing:-.025em}h2{font-size:clamp(31px,3.5vw,46px)}h3{font-size:23px}em{font-style:normal;color:var(--accent)}ul,ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#e2c8bc;color:#302c27}.wrap{max-width:var(--wrap);padding-inline:var(--pad);margin-inline:auto;min-width:0}.skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:200;background:var(--accent);color:white;padding:12px 20px}.skip:focus{transform:none}
.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.15em;color:var(--muted)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:23px;min-height:48px;padding:12px 20px;border:1px solid var(--line-strong);border-radius:3px;font-size:13px;font-weight:500;line-height:1.5;transition:background var(--t),border-color var(--t),color var(--t)}.btn-primary{background:var(--accent);color:#fffaf4;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-outline{color:var(--accent)}.btn-outline:hover{background:var(--accent-soft);border-color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:7px 0;border-bottom:1px solid var(--line-strong);color:var(--accent);font-size:12px;font-weight:500}.text-link:hover{border-color:var(--accent);color:var(--accent-deep)}
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-in{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:22px}.brand{display:inline-flex;gap:11px;align-items:center;min-height:44px;flex:none}.brand-mark{display:block;flex:none;width:23px;height:36px;background:var(--accent);mask:url('../assets/orthodox-cross.png') center/contain no-repeat;-webkit-mask:url('../assets/orthodox-cross.png') center/contain no-repeat}.brand-name{font:500 19px/1.2 var(--serif);letter-spacing:-.025em}.main-nav{display:flex;align-items:center;gap:25px;font-size:12px}.main-nav>a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid transparent}.main-nav>a:hover{color:var(--accent);border-color:var(--accent)}.main-nav .nav-support{padding:8px 14px;border:1px solid var(--line-strong);gap:18px;color:var(--accent)}.menu-toggle{display:none}
.home-hero{padding:45px 0 48px}.home-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(38px,5.7vw,78px);align-items:center}.home-intro h1{font-size:clamp(47px,5.5vw,72px);line-height:1.14;margin-top:21px;letter-spacing:-.04em}.hero-deck{max-width:42ch;margin-top:24px;font:400 clamp(17px,1.65vw,21px)/1.65 var(--serif);color:var(--ink-2);letter-spacing:-.018em}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:27px}.hero-footnote{display:flex;align-items:baseline;gap:10px;margin-top:25px;font-size:11px;color:var(--muted)}.hero-footnote strong{font-weight:500;color:var(--green)}.live-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--green)}.courtyard{position:relative;padding:0 0 28px 19px;min-width:0}.courtyard::before{content:"";position:absolute;inset:20px -9px 44px 0;border:1px solid var(--line-strong);z-index:-1}.courtyard img{width:100%;height:505px;object-fit:cover}.courtyard figcaption{position:absolute;bottom:0;left:19px;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px var(--serif);color:var(--muted)}.image-note{font:8px var(--sans)}
.project-status{display:inline-flex;align-items:center;gap:8px;font:500 10px/1.6 var(--sans);letter-spacing:.035em;color:var(--muted);white-space:nowrap}.project-status.is-live{color:var(--green)}.lock{display:inline-block;position:relative;flex:none;width:9px;height:8px;border:1px solid currentColor;border-radius:1px;margin-top:4px}.lock::before{content:"";position:absolute;left:1px;top:-6px;width:5px;height:6px;border:1px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}
.ecosystem{background:var(--dark);color:#f8f3e8;padding:29px 0 34px}.ecosystem-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}.ecosystem-head h2{font-size:23px}.ecosystem-head>p{font-size:11px;color:#c4bdaf}.pillar-index{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.pillar{min-width:0;display:flex;flex-direction:column;padding:23px 0 0;border-top:1px solid #6b6b60}.pillar-top{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px}.pillar .eyebrow{color:#beb8aa;font-size:9px}.pillar .project-status{color:#d5c9b6;font-size:9px}.pillar h3{font-size:25px;margin-top:21px;color:#fbf5e9}.pillar>p{font-size:12px;line-height:1.8;color:#d2cbbd;max-width:35ch;margin:14px 0 20px}.pillar-subtitle{font-size:10px;color:#c4bdaf;margin-top:4px}.pillar-app>p{margin-top:10px}.pillar-action{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;margin-top:auto;font-size:11px;border-top:1px solid #ffffff25;color:#f0dfc6}.pillar-action:hover{text-decoration:underline;text-underline-offset:5px}.pillar-live{background:#394139;padding:23px 24px 8px;border-top:2px solid #b4c3a6}.pillar-live .project-status{color:#d5e5c8}.pillar-live .live-dot{background:#bfd5ac}.pillar-live h3{font-size:30px}.pillar-live .pillar-action{color:#fff6e7}.pillar-root{border-top-color:#a68c6b}.pillar-root h3{margin-top:24px}.ecosystem :focus-visible{outline-color:#f1d5ad}
.charity-section{padding:82px 0 76px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.charity-heading h2{margin-top:20px}.charity-heading .eyebrow{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.charity-intro{padding-top:29px}.charity-intro>p{font-size:14px;color:var(--ink-2);max-width:48ch}.charity-intro .text-link{margin-top:13px}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:43px;border-top:1px solid var(--line)}.help-steps li{padding-top:20px}.step-number{font:12px var(--sans);color:var(--accent)}.help-steps h3{font-size:20px;margin-top:13px}.help-steps p{font-size:12px;color:var(--muted);margin-top:10px;max-width:37ch}.direct-help{display:flex;align-items:center;gap:19px;margin-top:31px;background:var(--bg-warm);padding:22px 26px;border-left:2px solid var(--accent)}.direct-help .brand-mark{width:20px;height:32px}.direct-help strong{font:500 18px var(--serif)}.direct-help p{font-size:12px;color:var(--muted);margin-top:5px}.help-types{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:13px 0}.help-types>span{font-size:9px;letter-spacing:.12em;color:var(--muted);flex:none}.help-types details{max-width:65ch}.help-types summary{font-size:11px}summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;cursor:pointer;padding:8px 0;font-size:12px;color:var(--ink-2);list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;flex:none}details[open]>summary>span{transform:rotate(45deg)}details>p{font-size:12px;color:var(--muted);padding:8px 0 13px}
.appeal-preview{margin-top:37px}.preview-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:20px}.preview-heading h3{font-size:23px;margin-top:8px}.live-appeals{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-height:116px}.preview-empty{grid-column:1/-1;border:1px solid var(--line);padding:23px 26px;background:var(--surface)}.preview-empty .preview-state-title{font:400 19px/1.5 var(--serif);color:var(--ink)}.preview-empty p+p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:6px}.preview-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:20px;align-items:start;padding:20px;border:1px solid var(--line);background:var(--surface)}.preview-card img{width:108px;height:123px;object-fit:cover}.preview-card.no-image{grid-template-columns:1fr}.preview-card h4{font:400 21px/1.35 var(--serif);letter-spacing:-.03em;margin:7px 0}.preview-card p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-card .text-link{font-size:11px;margin-top:6px}.preview-card .appeal-meta{font-size:10px;color:var(--green)}.help-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.help-actions>p{font-size:10px;color:var(--muted);margin-left:auto;max-width:40ch}.preview-noscript{font-size:13px}.preview-noscript a{text-decoration:underline}
.app-preview{background:#eceee7;padding:76px 0;border-block:1px solid #d8ddcf}.app-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.app-copy>.project-status,.root-copy>.project-status{margin-top:16px;padding:5px 9px;border:1px solid #c3c8b9;border-radius:2px}.app-copy h2,.root-copy h2{margin-top:23px}.section-lead{font-size:14px;color:var(--ink-2);margin-top:22px;max-width:46ch}.feature-index{margin-top:27px}.feature-index>div{padding:14px 0;border-top:1px solid #cdd1c4}.feature-index dt{font:400 19px var(--serif);display:flex;gap:14px;letter-spacing:-.02em}.feature-index dt span{font:10px var(--sans);color:var(--muted);padding-top:6px}.feature-index dd{margin:7px 0 0 27px;font-size:12px;line-height:1.8;color:var(--muted)}.availability-note{font-size:11px;color:var(--muted);margin-top:18px}.app-stage{display:grid;justify-items:center;position:relative;padding:29px 20px;background:#e3e6db;border:1px solid #d0d6c6}.app-stage-label{width:100%;display:flex;justify-content:space-between;gap:15px;margin-bottom:24px;font-size:8px;letter-spacing:.15em;color:#686e5e}.app-stage img{width:255px;height:auto;max-width:100%;border-radius:34px}.app-stage figcaption{font:13px/1.7 var(--serif);text-align:center;color:#514e44;margin-top:22px}.app-stage figcaption span{display:block;font:10px/1.7 var(--sans);color:var(--muted);margin-top:4px}
.root-preview{padding:80px 0;background:#f1ebe0}.root-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:85px;align-items:center}.archive-evidence{position:relative;padding:37px 39px 32px;background:#fbf5e8;border:1px solid #cabea6;border-top:4px solid var(--accent)}.archive-evidence::after{content:"";position:absolute;inset:8px -9px -9px 8px;border:1px solid #cabea6;z-index:0;pointer-events:none}.archive-evidence>*{position:relative;z-index:1}.book-count{font:400 clamp(90px,10vw,143px)/1.08 var(--serif);letter-spacing:-.07em;color:var(--accent);margin-top:28px;font-variant-numeric:lining-nums tabular-nums}.book-count>span{display:block;font:16px/1.5 var(--serif);letter-spacing:0;margin-bottom:7px}.book-count-label{font:19px/1.6 var(--serif);margin-top:15px}.archive-rule{height:1px;background:#d7cbae;margin:27px 0}.archive-note{font:17px/1.65 var(--serif);color:#6b5d49}.archive-state{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin-top:29px}.archive-state .live-dot{background:#96744c}.root-copy>.project-status{border-color:#cdbda6}.archive-topics{margin-top:26px}.archive-topics>div{padding:15px 0;border-top:1px solid #d6cab7}.archive-topics dt{font:18px var(--serif);letter-spacing:-.02em}.archive-topics dd{font-size:12px;line-height:1.8;margin-top:7px;color:var(--muted)}.archive-details{border-top:1px solid #d6cab7;margin-top:3px}.archive-details summary{font-size:11px}
.network-section{padding:80px 0 68px;background:var(--surface)}.network-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:18px 70px;align-items:end}.network-heading>.eyebrow{grid-column:1/-1}.network-heading>p:last-child{font-size:14px;color:var(--ink-2);max-width:48ch}.connection-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 22px;padding:25px 0;margin-top:36px;border-block:1px solid var(--line)}.connection-line li{display:flex;gap:10px;align-items:center;font:14px var(--serif)}.connection-line li::before{content:"";width:4px;height:4px;border-radius:50%;background:#a3876b}.network-purpose{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:31px}.network-purpose h3{font-size:26px}.network-purpose p{font-size:13px;color:var(--muted)}.network-purpose p+p{margin-top:13px}.network-details{margin-top:28px;border-block:1px solid var(--line)}.network-details summary{font-size:12px}.network-details dl{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:20px 0 8px}.network-details dt{font:17px/1.5 var(--serif)}.network-details dd{font-size:12px;margin-top:8px;color:var(--muted)}.network-details>p{font-size:11px;margin-top:8px}
.principles-section{padding:61px 0;background:var(--bg-warm)}.section-intro-row{padding-bottom:25px;border-bottom:1px solid var(--line-strong)}.section-intro-row h2{font-size:32px;margin-top:13px}.principles-list{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.principles-list li{display:grid;grid-template-columns:29px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line-strong)}.principles-list li>span{font-size:11px;color:var(--accent);padding-top:5px}.principles-list h3{font-size:21px}.principles-list p{font-size:12px;color:var(--muted);margin-top:10px;max-width:46ch}
.future-section{padding:48px 0 53px}.future-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.future-heading h2{font-size:25px}.future-heading p{font-size:11px;color:var(--muted)}.future-projects{display:grid;grid-template-columns:repeat(3,1fr);margin-top:23px;border-block:1px solid var(--line)}.future-projects li{padding:25px 28px}.future-projects li:first-child{padding-left:0}.future-projects li+li{border-left:1px solid var(--line)}.future-projects li:last-child{padding-right:0}.future-projects .project-status{font-size:9px}.future-projects h3{font-size:21px;margin-top:13px}.future-projects p{font-size:12px;color:var(--muted);margin-top:8px;max-width:35ch}
.final-cta{padding:69px 0 75px;background:#eee8dc;border-top:1px solid var(--line)}.final-cta-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.final-cta .eyebrow{display:flex;align-items:center;gap:9px}.final-cta h2{font-size:clamp(40px,4.7vw,61px);margin-top:20px}.final-cta-inner>div>p:not(.eyebrow){font:18px/1.8 var(--serif);color:var(--ink-2);max-width:40ch}.final-cta .hero-actions{gap:20px}
.site-footer{background:var(--dark);color:#ebe6da;padding:36px 0 24px}.footer-in{display:grid;grid-template-columns:1fr 1fr;gap:27px 40px}.site-footer .brand-mark{background:#c9ae8f}.footer-tag{font:14px var(--serif);margin-top:12px;color:#c6bdad}.footer-nav{display:flex;flex-wrap:wrap;justify-content:end;align-content:start;gap:0 22px}.footer-nav a{min-height:44px;display:flex;align-items:center;font-size:11px;color:#d0c7b7}.footer-nav a:hover{color:#fffaf1;text-decoration:underline;text-underline-offset:5px}.footer-note{font-size:10px;color:#b9b2a5;border-top:1px solid #ffffff25;padding-top:16px}.back-top{justify-self:end;align-self:end;display:flex;align-items:center;min-height:44px;font-size:10px;color:#d0c7b7}.site-footer :focus-visible{outline-color:#d9bd95}
@media(min-width:1440px){.home-hero{padding-block:50px 55px}.courtyard img{height:520px}}
@media(max-width:1090px){.main-nav{gap:16px;font-size:11px}.main-nav .nav-support{gap:10px;padding-inline:10px}.brand-name{font-size:18px}.section-heading,.app-layout,.root-layout,.network-heading,.network-purpose,.final-cta-inner{gap:35px}.pillar-index{gap:20px}.pillar-live{padding-inline:18px}.pillar h3{font-size:23px}.pillar-live h3{font-size:28px}.help-steps{gap:24px}.help-steps h3{font-size:19px}.help-actions>p{width:100%;margin-left:0;max-width:none}.help-actions>p br{display:none}.app-stage{padding-inline:16px}.archive-evidence{padding-inline:26px}}
@media(max-width:900px){.header-in{min-height:70px}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;background:none;border:1px solid var(--line-strong);border-radius:2px;padding:9px 12px;min-height:44px;font-size:11px}.menu-toggle span{font-size:15px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:12px var(--pad) 20px;border-bottom:1px solid var(--line-strong);box-shadow:0 10px 20px #302c2710}.main-nav.is-open{display:grid;gap:0}.main-nav>a{padding-block:10px;border-bottom:1px solid var(--line);font-size:13px;min-height:48px}.main-nav .nav-support{margin-top:10px;justify-content:space-between}.home-hero-grid{gap:32px}.home-intro h1{font-size:48px}.hero-deck{font-size:17px}.hero-actions{gap:15px}.hero-actions .btn{font-size:12px;padding-inline:15px;gap:14px}.hero-actions .text-link{font-size:11px;gap:10px}.courtyard img{height:495px}.ecosystem-head{display:block}.ecosystem-head>p{margin-top:6px}.pillar-index{gap:18px}.pillar .eyebrow{font-size:8px}.pillar h3{font-size:21px}.pillar-live h3{font-size:26px}.pillar-action{font-size:10px;gap:10px}.pillar>p{font-size:11px}.pillar-live{padding-inline:16px}.pillar .project-status{font-size:8px}.app-stage img{width:235px}.root-copy h2,.app-copy h2{font-size:34px}.section-lead{font-size:13px}.archive-evidence{padding-inline:21px}.book-count-label{font-size:17px}.archive-state{font-size:8px}.principles-list{column-gap:35px}.final-cta h2{font-size:45px}}
@media(max-width:699px){
  :root{--pad:24px}html{scroll-padding-top:86px}body{font-size:14px}.header-in{min-height:67px;gap:12px}.brand-name{font-size:18px}.brand-mark{width:20px;height:31px}.home-hero{padding:30px 0 31px}.home-hero-grid{grid-template-columns:1fr;gap:25px}.home-intro h1{font-size:clamp(41px,10.4vw,62px);line-height:1.12;margin-top:16px}.hero-deck{font-size:17px;max-width:42ch;margin-top:20px;line-height:1.65}.hero-actions{gap:19px;margin-top:22px}.hero-actions .btn{font-size:12px;padding-inline:16px;gap:16px}.hero-footnote{font-size:10px;margin-top:18px}.courtyard{padding-left:11px;padding-bottom:22px}.courtyard::before{inset:11px -5px 33px 0}.courtyard img{height:230px;object-position:50% 56%}.courtyard figcaption{left:11px;font-size:9px}.image-note{font-size:7px}.ecosystem{padding:26px 0 23px}.ecosystem-head h2{font-size:23px;max-width:24ch}.ecosystem-head>p{font-size:10px;margin-top:9px}.pillar-index{grid-template-columns:1fr;gap:0}.pillar{padding:21px 0 10px}.pillar+.pillar{margin-top:18px}.pillar-live{padding:22px 21px 8px}.pillar .eyebrow{font-size:9px}.pillar-top{justify-content:space-between;gap:8px}.pillar .project-status{font-size:9px}.pillar h3{font-size:25px;margin-top:16px}.pillar-live h3{font-size:30px}.pillar>p{font-size:12px;max-width:44ch;margin:12px 0 17px}.pillar-action{font-size:11px}.pillar-subtitle{font-size:10px}.pillar-root h3{margin-top:16px}
  .charity-section{padding:47px 0 45px}.section-heading{grid-template-columns:1fr;gap:21px}.charity-heading h2{font-size:34px;margin-top:18px}.charity-intro{padding-top:0}.charity-intro>p{font-size:13px;max-width:none}.charity-intro .text-link{margin-top:8px}.help-steps{grid-template-columns:1fr;gap:0;margin-top:27px}.help-steps li{display:grid;grid-template-columns:29px 1fr;gap:7px 13px;padding:19px 0;border-bottom:1px solid var(--line)}.step-number{grid-row:1/3;padding-top:5px;font-size:10px}.help-steps h3{font-size:20px;margin:0}.help-steps p{font-size:12px;max-width:none;margin:0}.direct-help{padding:19px 17px;gap:13px;margin-top:25px;align-items:start}.direct-help .brand-mark{width:16px;height:27px;margin-top:3px}.direct-help strong{font-size:17px;line-height:1.5;display:block}.direct-help p{font-size:11px;line-height:1.8;margin-top:7px}.help-types{display:block;padding-top:15px}.help-types>span{font-size:8px}.help-types details{margin-top:2px}.help-types summary{font-size:11px}.help-types details>p{font-size:12px}.appeal-preview{margin-top:28px}.preview-heading{display:block;margin-bottom:17px}.preview-heading h3{font-size:23px;margin-top:7px}.preview-heading .text-link{margin-top:10px;font-size:11px}.live-appeals{grid-template-columns:1fr;gap:14px;min-height:130px}.preview-empty{padding:19px}.preview-empty .preview-state-title{font-size:18px}.preview-empty p+p{font-size:12px}.preview-card{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:16px}.preview-card img{width:76px;height:90px}.preview-card h4{font-size:19px}.help-actions{gap:12px;margin-top:19px}.help-actions .btn{font-size:12px;padding-inline:13px;gap:13px;flex:1}.help-actions>p{font-size:10px;margin-top:2px}.app-preview,.root-preview{padding:46px 0}.app-layout,.root-layout{grid-template-columns:1fr;gap:31px}.app-copy h2,.root-copy h2{font-size:34px;margin-top:20px}.section-lead{font-size:13px;margin-top:19px}.app-copy>.project-status,.root-copy>.project-status{margin-top:13px}.feature-index{margin-top:22px}.feature-index dt{font-size:19px}.feature-index dd{font-size:12px}.feature-index>div{padding:15px 0}.availability-note{font-size:11px;margin-top:14px}.app-stage{width:100%;max-width:430px;justify-self:center;padding:23px 24px}.app-stage img{width:250px;max-width:100%;border-radius:31px}.app-stage-label{font-size:7px;margin-bottom:20px}.app-stage figcaption{font-size:12px;margin-top:18px}.app-stage figcaption span{font-size:9px}.root-copy{grid-row:1}.archive-topics{margin-top:23px}.archive-topics dt{font-size:18px}.archive-evidence{padding:27px 29px 25px;max-width:400px;width:calc(100% - 8px);justify-self:start}.book-count{font-size:111px;margin-top:20px}.book-count-label{font-size:19px}.archive-note{font-size:16px}.archive-state{font-size:9px;margin-top:23px}.archive-rule{margin-block:22px}
  .network-section{padding:46px 0 42px}.network-heading{grid-template-columns:1fr;gap:18px}.network-heading h2{font-size:34px}.network-heading>p:last-child{font-size:13px;max-width:none}.connection-line{justify-content:start;gap:18px 23px;padding:22px 0;margin-top:25px}.connection-line li{font-size:14px;gap:8px}.network-purpose{grid-template-columns:1fr;gap:17px;margin-top:25px}.network-purpose h3{font-size:25px}.network-purpose p{font-size:12px}.network-details{margin-top:23px}.network-details summary{font-size:11px}.network-details dl{grid-template-columns:1fr;gap:19px;padding-top:12px}.network-details dt{font-size:17px}.network-details dd{font-size:12px;margin-top:6px}.principles-section{padding:41px 0 38px}.section-intro-row{padding-bottom:23px}.section-intro-row h2{font-size:28px;max-width:21ch}.principles-list{grid-template-columns:1fr}.principles-list li{padding:20px 0;gap:13px;grid-template-columns:24px 1fr}.principles-list h3{font-size:20px}.principles-list p{font-size:12px;margin-top:9px}.future-section{padding:35px 0 40px}.future-heading{display:block}.future-heading h2{font-size:25px}.future-heading p{font-size:11px;margin-top:8px}.future-projects{grid-template-columns:1fr;margin-top:20px}.future-projects li,.future-projects li:first-child,.future-projects li:last-child{padding:21px 0}.future-projects li+li{border-left:0;border-top:1px solid var(--line)}.future-projects h3{font-size:22px;margin-top:10px}.future-projects p{font-size:12px;max-width:none}.final-cta{padding:43px 0 46px}.final-cta-inner{grid-template-columns:1fr;gap:21px}.final-cta h2{font-size:43px;margin-top:18px}.final-cta-inner>div>p:not(.eyebrow){font-size:17px;max-width:40ch}.final-cta .hero-actions{gap:18px;margin-top:21px}.final-cta .hero-actions .text-link{font-size:11px}.site-footer{padding:29px 0 18px}.footer-in{grid-template-columns:1fr;gap:21px}.footer-tag{font-size:13px}.footer-nav{justify-content:start;gap:0 18px;border-block:1px solid #ffffff25;padding-block:7px}.footer-note{border:0;padding:0;font-size:9px;max-width:40ch}.back-top{justify-self:start;min-height:44px;margin-top:-8px}
}
@media(max-width:359px){:root{--pad:18px}.brand{gap:9px}.brand-name{font-size:16px}.menu-toggle{padding-inline:10px;gap:9px}.home-intro h1{font-size:40px}.hero-deck{font-size:16px}.hero-actions{gap:11px}.hero-actions .btn{font-size:11px;padding-inline:13px;gap:11px}.hero-actions .text-link{font-size:10px;gap:7px}.courtyard img{height:200px}.charity-heading h2,.app-copy h2,.root-copy h2,.network-heading h2{font-size:30px}.pillar-live{padding-inline:17px}.pillar .eyebrow{font-size:8px}.pillar .project-status{font-size:8px}.help-actions .btn{font-size:11px;padding-inline:11px;gap:10px}.app-stage{padding-inline:20px}.app-stage-label{font-size:6px}.archive-evidence{padding-inline:24px}.book-count-label{font-size:18px}.archive-state{font-size:8px}.final-cta h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.menu-toggle,.skip,.hero-actions,.back-top{display:none!important}.home-hero-grid,.app-layout,.root-layout{break-inside:avoid}body{background:white;color:black}.ecosystem,.site-footer{print-color-adjust:exact}.future-section{break-inside:avoid}}
/* Information additions in the restored warm visual identity. */
.mission-section{padding:42px 0 46px;border-top:1px solid var(--line);background:var(--surface)}.mission-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end}.mission-intro h2{font-size:32px;margin-top:12px}.mission-intro>p{font-size:13px;line-height:1.8;color:var(--ink-2);max-width:49ch}.mission-areas{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:29px}.mission-areas>div{border-top:1px solid var(--line);padding-top:15px}.mission-areas dt{font:400 21px var(--serif)}.mission-areas dt span{font:9px var(--sans);color:var(--accent);margin-right:5px}.mission-areas dd{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.help-details{border-bottom:1px solid var(--line);padding-block:6px}.details-body{padding:8px 0 15px}.details-body p{font-size:12px;color:var(--muted);margin-top:12px}.accountability-path{display:flex;flex-wrap:wrap;gap:10px 23px;counter-reset:step}.accountability-path li{font:14px var(--serif);counter-increment:step}.accountability-path li::before{content:counter(step) '. ';font:10px var(--sans);color:var(--accent)}.root-disciplines{font-size:10px;color:var(--muted);margin:18px 0}.mission-journey{margin-top:31px;padding-top:27px;border-top:1px solid var(--line)}.mission-journey>h3{font-size:25px}.mission-journey>p{font-size:12px;color:var(--muted);margin-top:10px}.life-path{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:23px}.life-path li>span{font-size:10px;color:var(--accent)}.life-path h3{font-size:21px;margin-top:7px}.life-path p{font-size:11px;color:var(--muted);margin-top:7px}.join-section{padding:60px 0;background:var(--surface);border-top:1px solid var(--line)}.join-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.join-section h2{font-size:36px;line-height:1.25;margin-top:17px}.join-lead{font-size:14px;line-height:1.8;color:var(--ink-2);max-width:48ch;margin-top:19px}.join-section .btn{margin-top:23px}.join-contact{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);margin-top:8px}.join-contact a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.join-roles>div{padding:20px 0;border-top:1px solid var(--line)}.join-roles dt{font:400 22px var(--serif);color:var(--accent)}.join-roles dd{font-size:12px;line-height:1.8;color:var(--muted);margin-top:9px;max-width:42ch}
@media(max-width:1090px){.mission-intro,.join-layout{gap:35px}.mission-areas{gap:16px}.mission-areas dt{font-size:19px}.mission-areas dt span{display:none}.join-section h2{font-size:32px}.life-path{gap:17px}.life-path h3{font-size:19px}}
@media(max-width:699px){.mission-section{padding:31px 0 34px}.mission-intro{grid-template-columns:1fr;gap:16px}.mission-intro h2{font-size:28px}.mission-intro>p{font-size:12px;max-width:none}.mission-areas{grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.mission-areas>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.mission-areas dt{font-size:20px}.mission-areas dd{font-size:11px;margin-top:8px}.mission-areas>div:last-child dd{margin:0}.help-details summary{font-size:11px}.accountability-path{gap:12px 18px}.mission-journey{padding-top:23px;margin-top:24px}.mission-journey>h3{font-size:23px}.life-path{grid-template-columns:1fr;gap:0;margin-top:17px}.life-path li{display:grid;grid-template-columns:21px 94px 1fr;gap:10px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}.life-path h3,.life-path p{margin:0}.life-path h3{font-size:18px}.life-path p{font-size:10px}.join-section{padding:38px 0}.join-layout{grid-template-columns:1fr;gap:24px}.join-section h2{font-size:30px}.join-lead{font-size:13px}.join-roles>div{padding:16px 0}.join-roles dt{font-size:20px}.join-contact{font-size:10px}.join-section .btn{width:100%;justify-content:space-between;font-size:12px}.join-section .btn span{flex:none}}
@media(max-width:359px){.mission-areas dt{font-size:18px}.mission-areas{gap:17px}.life-path li{grid-template-columns:18px 83px 1fr;gap:7px}.life-path h3{font-size:17px}.join-section h2{font-size:27px}.join-contact{font-size:9px}}

/* Reading hierarchy and task-first help, within the restored visual identity. */
.pillar>p,.mission-areas dd,.help-steps p,.feature-index dd,.archive-topics dd,
.network-purpose p,.network-details dd,.principles-list p,.join-roles dd,
.preview-empty p+p,.preview-card p,.future-projects p {
  font-size:13px;
  line-height:1.75;
}
.charity-intro>p,.section-lead,.join-lead { font-size:14px; }
.btn { font-weight:600; }
.btn-outline { background:transparent; }
.preview-card,.preview-empty,.direct-help { padding:var(--panel-padding); }
.preview-card { gap:var(--space-5); }
.preview-heading h3 { margin:0; }
.appeal-preview { margin-top:var(--space-8); }
.direct-help { margin-top:var(--space-6); }
.help-process { margin-top:var(--space-4); border-bottom:1px solid var(--line); }
.help-process>summary { min-height:52px; font-size:13px; }
.help-process-body { padding-bottom:var(--space-6); }
.help-process .help-steps { margin-top:var(--space-2); }
.help-process-note { margin-top:var(--space-6); }
.help-process-note h3 { font-size:19px; margin-bottom:var(--space-3); }
.help-process-note p { font-size:13px; color:var(--muted); margin-top:var(--space-3); }

/* Explicit asynchronous states share one alignment and spacing system. */
.preview-state {
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  gap:var(--space-4);
  min-height:148px;
}
.state-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-top:5px;
  border:1px solid var(--line-strong);
  border-radius:50%;
  font:600 12px/1 var(--sans);
  color:var(--muted);
}
.state-loader { border-color:var(--line); border-top-color:var(--accent); animation:state-spin 1s linear infinite; }
.state-copy { min-width:0; }
.state-copy>p { max-width:68ch; }
.state-copy .preview-state-title { font-size:20px; line-height:1.4; }
.state-copy>p+p { margin-top:var(--space-2); }
.state-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3) var(--space-5); margin-top:var(--space-4); }
.state-actions .btn,.state-actions .text-link { font-size:12px; }
.live-appeals[data-state="error"] .preview-state { border-left:2px solid var(--accent); background:var(--accent-soft); }
.live-appeals[data-state="error"] .state-mark { color:var(--accent); border-color:var(--accent); }
@keyframes state-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .state-loader { animation:none; } }

@media(max-width:699px) {
  :root { --panel-padding:20px; }
  .charity-intro .text-link { display:none; } /* The nearby needs link leads to the same existing service. */
  .preview-heading { display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-4); }
  .preview-heading h3 { font-size:22px; }
  .preview-heading .text-link { margin:0; font-size:12px; flex:none; }
  .appeal-preview { margin-top:var(--space-6); }
  .preview-state { gap:var(--space-3); min-height:168px; }
  .state-copy .preview-state-title { font-size:19px; }
  .state-actions { gap:var(--space-2); }
  .state-actions .btn { justify-content:space-between; width:100%; }
  .help-actions { gap:var(--space-3); margin-top:var(--space-4); }
  .help-actions>p { font-size:11px; }
  .help-process>summary { font-size:12px; }
  .direct-help strong { font-size:18px; }
  .direct-help p { font-size:12px; }
  .mission-areas>div:last-child { display:block; }
  .mission-areas>div:last-child dd { margin-top:var(--space-2); }
  .feature-index { display:grid; grid-template-columns:1fr 1fr; column-gap:var(--space-5); }
  .feature-index dt { font-size:19px; gap:var(--space-2); }
  .feature-index dt span { display:none; }
  .feature-index dd { margin-left:0; }
  .app-stage img { width:230px; }
  .archive-evidence { display:grid; grid-template-columns:max-content minmax(0,1fr); column-gap:var(--space-4); align-items:center; padding-inline:var(--space-5); }
  .archive-evidence>.eyebrow,.archive-state { grid-column:1/-1; }
  .book-count { font-size:clamp(56px,16.4vw,64px); margin-top:var(--space-5); }
  .book-count>span { font-size:14px; }
  .book-count-label { font-size:16px; line-height:1.65; margin-top:var(--space-5); }
  .archive-rule,.archive-note { display:none; }
  .archive-state { border-top:1px solid var(--line-strong); padding-top:var(--space-4); margin-top:var(--space-5); font-size:10px; }
  .future-projects li,.future-projects li:first-child,.future-projects li:last-child {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:var(--space-2) var(--space-3);
    padding:var(--space-4) 0;
    align-items:center;
  }
  .future-projects h3 { grid-column:1; grid-row:1; margin:0; font-size:21px; }
  .future-projects .project-status { grid-column:2; grid-row:1; font-size:9px; }
  .future-projects p { grid-column:1/-1; margin:0; }
  .connection-line { gap:var(--space-4) var(--space-5); }
  .join-section h2 { text-wrap:balance; }
}
@media(max-width:359px) {
  .preview-heading h3 { font-size:20px; }
  .preview-heading .text-link { font-size:11px; gap:var(--space-2); }
  .preview-state { grid-template-columns:1fr; }
  .preview-state .state-mark { display:none; }
  .feature-index { grid-template-columns:1fr; }
  .archive-evidence { padding-inline:var(--space-4); column-gap:var(--space-3); }
  .book-count-label { font-size:16px; }
  .archive-state { font-size:9px; }
}

/* Shared family with dom-bliznjem.html: warm surfaces, generous type, soft controls. */
body { font-size:16.5px; line-height:1.66; }
h1,h2 { letter-spacing:-.008em; }
h3 { font-weight:500; }
.site-header { background:rgba(251,248,243,.965); backdrop-filter:blur(12px); border-bottom:0; }
.header-in { min-height:60px; }
.brand-mark { width:22px; height:34px; }
.brand-name { font-size:18px; font-weight:600; }
.main-nav { gap:22px; font-size:13px; }
.main-nav .nav-support { border-radius:999px; padding:10px 18px; background:var(--accent); color:#fff8f5; border-color:var(--accent); }
.menu-toggle { border-radius:999px; font-size:13px; }
.btn { border-radius:999px; padding:13px 25px; min-height:52px; font-size:15px; letter-spacing:.005em; }
.btn-primary { color:#fff8f5; box-shadow:0 1px 2px rgba(94,32,32,.18),0 12px 26px -14px rgba(94,32,32,.75); }
.btn-outline { background:#fffdf9; border-color:var(--line-strong); }
.text-link { font-size:14px; }
.eyebrow { font-size:11px; letter-spacing:.14em; }
.home-hero {
  padding:62px 0 52px;
  background:radial-gradient(1100px 520px at 84% -16%,rgba(122,44,44,.075),transparent 62%),radial-gradient(820px 460px at -10% 6%,rgba(185,143,78,.13),transparent 64%),linear-gradient(180deg,#FDF9F2 0%,var(--bg) 76%);
}
.home-hero-grid { grid-template-columns:1.15fr 1fr; gap:64px; }
.home-intro>.eyebrow { display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border:1px solid var(--accent-line); border-radius:999px; background:#ffffffb8; color:var(--accent-deep); font-size:11px; font-weight:600; }
.home-intro>.eyebrow::before { content:''; width:6px; height:6px; background:var(--accent); border-radius:50%; }
.home-intro h1 { font-size:clamp(48px,5.5vw,70px); line-height:1.08; letter-spacing:-.018em; margin-top:23px; }
.hero-deck { font:400 18px/1.65 var(--sans); letter-spacing:0; margin-top:24px; max-width:44ch; }
.hero-actions { gap:22px; }
.hero-footnote { padding:16px 18px; background:#f5eae780; border:1px solid var(--accent-line); border-radius:var(--r-md); font-size:13px; max-width:40ch; align-items:center; }
.courtyard { padding:0 0 30px; }
.courtyard::before { display:none; }
.courtyard img { height:520px; border-radius:var(--r-lg); box-shadow:var(--sh-soft); }
.courtyard figcaption { left:0; font-size:12px; }
.image-note { font-size:9px; }
.mission-section { padding-block:48px; background:var(--bg); }
.mission-intro>p,.section-lead,.charity-intro>p,.network-heading>p:last-child,.join-lead { font-size:16px; line-height:1.65; }
.mission-areas dd,.pillar>p,.help-steps p,.feature-index dd,.archive-topics dd,
.network-purpose p,.network-details dd,.principles-list p,.join-roles dd,
.preview-empty p+p,.preview-card p,.future-projects p,.life-path p { font-size:14.5px; line-height:1.65; }
.mission-areas dt { font-weight:500; }
.ecosystem { padding:42px 0; background:radial-gradient(880px 460px at 10% -14%,rgba(122,44,44,.34),transparent 62%),radial-gradient(760px 420px at 94% 112%,rgba(185,143,78,.15),transparent 60%),#17150F; }
.ecosystem-head { margin-bottom:28px; }
.ecosystem-head h2 { font-size:30px; }
.ecosystem-head>p { font-size:13px; color:#c7bcab; }
.pillar-index { grid-template-columns:1.15fr 1fr 1fr; gap:24px; }
.pillar { border-color:#ffffff28; padding:24px 0 12px; }
.pillar-live { padding:24px; background:#7a2c2c29; border:1px solid #c4736e52; border-radius:var(--r-md); }
.pillar-live h3 { font-size:30px; }
.pillar .eyebrow,.pillar .project-status { font-size:10px; }
.pillar h3 { font-weight:400; }
.pillar-action { font-size:13px; padding-top:8px; }
.pillar-subtitle { font-size:12px; }
.app-preview,.root-preview,.charity-section,.network-section { padding-block:64px; }
.charity-section { background:var(--bg); }
.app-preview { background:var(--pine-soft); border-block:1px solid var(--pine-line); }
.root-preview { background:#F4EBDA; }
.app-stage { background:#ffffff99; border:1px solid var(--pine-line); border-radius:var(--r-lg); box-shadow:var(--sh-soft); padding:30px; }
.app-stage::before,.app-stage::after { display:none; }
.app-stage-label { font-size:10px; }
.app-stage figcaption { font-size:15px; }
.app-stage figcaption span,.availability-note { font-size:12px; }
.app-copy>.project-status,.root-copy>.project-status { border-radius:999px; padding:7px 12px; font-size:11px; background:#ffffff80; }
.feature-index dt,.archive-topics dt { font-size:22px; font-weight:500; }
.preview-empty,.preview-card { border-radius:var(--r-md); background:#fffdf9; box-shadow:var(--sh-soft); }
.preview-card img { border-radius:var(--r-sm); }
.preview-empty .preview-state-title { font-size:22px; }
.direct-help { border:1px solid var(--accent-line); background:#f5eae780; border-radius:var(--r-md); }
.direct-help strong { font:600 16px/1.5 var(--sans); }
.direct-help p { font-size:14px; }
.help-actions>p { font-size:12px; }
.help-process>summary,summary { font-size:14px; }
.archive-evidence { border:1px solid #e0d3bc; border-radius:var(--r-md); background:#fffdf9; box-shadow:var(--sh-soft); }
.archive-evidence::after { display:none; }
.archive-state { font-size:11px; }
.root-disciplines { font-size:12px; }
.principles-section { background:var(--pine-soft); }
.principles-list li,.section-intro-row { border-color:var(--pine-line); }
.principles-list h3 { font-size:22px; }
.principles-list li>span { display:grid; place-items:center; width:29px; height:29px; padding:0; border-radius:50%; background:#ffffffa6; color:var(--green); }
.future-heading p { font-size:13px; }
.future-projects .project-status { font-size:10px; }
.connection-line li { font-size:16px; }
.join-section { background:var(--bg); }
.join-roles dt { font-weight:500; }
.join-contact { font-size:12px; }
.final-cta { padding-block:60px; background:linear-gradient(160deg,#8A3232 0%,var(--accent) 42%,var(--accent-deep) 100%); color:#fff8f5; }
.final-cta h2 em,.final-cta .eyebrow,.final-cta .text-link,.final-cta-inner>div>p:not(.eyebrow) { color:#fff0e6; }
.final-cta .btn-primary { background:#fff8f3; border-color:#fff8f3; color:var(--accent-deep); }
.final-cta .text-link { border-color:#efd7ca80; }
.final-cta :focus-visible { outline-color:white; }
.site-footer { background:linear-gradient(180deg,#F8F2E8 0%,#F2EADD 100%); color:var(--ink); border-top:1px solid var(--line-strong); }
.site-footer .brand-mark { background:var(--accent); }
.footer-tag { color:var(--accent); font-size:15px; }
.footer-nav a,.footer-note,.back-top { color:var(--muted); font-size:12px; }
.footer-nav,.footer-note { border-color:var(--line-strong); }
.footer-nav a:hover { color:var(--accent); }
.site-footer :focus-visible { outline-color:var(--accent); }
@media(max-width:1090px) {
  .main-nav { gap:13px; font-size:12px; }
  .main-nav .nav-support { padding-inline:13px; }
  .home-hero-grid { gap:36px; }
  .home-intro h1 { font-size:54px; }
  .pillar-index { gap:20px; }
  .pillar-live { padding:20px; }
}
@media(max-width:900px) {
  .main-nav .nav-support { margin-top:10px; padding-inline:18px; }
  .home-intro h1 { font-size:46px; }
  .hero-actions .btn { font-size:14px; padding-inline:20px; }
  .hero-actions .text-link { font-size:13px; }
  .pillar-index { grid-template-columns:1fr 1fr; }
  .pillar-live { grid-column:1/-1; }
  .pillar-live>p { max-width:62ch; }
}
@media(max-width:699px) {
  :root { --pad:20px; }
  .header-in { min-height:60px; }
  .brand-name { font-size:16px; }
  .brand-mark { width:19px; height:28px; }
  .home-hero { padding:32px 0 36px; }
  .home-hero-grid { grid-template-columns:1fr; gap:28px; }
  .home-intro h1 { font-size:46px; line-height:1.07; margin-top:20px; }
  .home-intro>.eyebrow { font-size:10px; }
  .hero-deck { font:400 17px/1.65 var(--sans); margin-top:22px; }
  .hero-actions { gap:16px; }
  .hero-actions .btn { font-size:14px; min-height:54px; padding-inline:20px; }
  .hero-footnote { font-size:12px; margin-top:22px; }
  .courtyard img { height:250px; border-radius:var(--r-md); }
  .courtyard figcaption { font-size:11px; }
  .image-note { font-size:8px; }
  .mission-section { padding-block:36px; }
  .mission-intro>p,.section-lead,.charity-intro>p,.network-heading>p:last-child,.join-lead { font-size:15.5px; }
  .mission-areas { gap:22px 18px; }
  .mission-areas dt { font-size:21px; }
  .ecosystem { padding-block:34px; }
  .ecosystem-head h2 { font-size:28px; }
  .pillar-index { grid-template-columns:1fr; gap:0; }
  .pillar-live { padding:22px; }
  .pillar h3 { font-size:28px; }
  .pillar-live h3 { font-size:31px; }
  .app-preview,.root-preview,.charity-section,.network-section { padding-block:46px; }
  .help-actions .btn { font-size:14px; padding-inline:17px; flex:0 1 auto; }
  .help-actions { gap:10px; }
  .preview-heading h3 { font-size:23px; }
  .preview-heading .text-link { font-size:12px; }
  .preview-empty .preview-state-title { font-size:21px; }
  .help-process>summary { font-size:13px; }
  .direct-help p { font-size:13px; }
  .feature-index { gap:0 20px; }
  .feature-index dt { font-size:21px; }
  .app-stage { padding:26px 20px; }
  .archive-evidence { width:100%; max-width:none; }
  .book-count { font-size:60px; }
  .archive-state { font-size:10px; }
  .life-path li { grid-template-columns:22px 1fr; gap:4px 10px; }
  .life-path p { grid-column:2; }
  .life-path h3 { font-size:20px; }
  .join-section .btn { font-size:14px; }
  .join-contact { font-size:11px; }
  .future-heading p { font-size:13px; }
  .future-projects h3 { font-size:22px; }
  .final-cta { padding-block:46px; }
  .final-cta h2 { font-size:44px; }
  .footer-note { max-width:52ch; }
}
@media(max-width:359px) {
  :root { --pad:18px; }
  .brand-name { font-size:15px; }
  .home-intro h1 { font-size:39px; }
  .hero-actions { gap:10px 17px; }
  .hero-actions .btn { font-size:13px; padding-inline:18px; }
  .hero-actions .text-link { font-size:12px; }
  .help-actions .btn { flex:1 1 100%; justify-content:space-between; }
  .pillar .eyebrow,.pillar .project-status { font-size:9px; }
  .preview-heading h3 { font-size:21px; }
  .book-count { font-size:54px; }
}

/* Section UI pass: clearer reading groups, kept in the dom-bliznjem family. */
.mission-section {
  background:#fffdf9;
}
.mission-intro {
  padding-bottom:30px;
  border-bottom:1px solid var(--line);
}
.mission-intro>p {
  max-width:43ch;
}
.mission-areas {
  gap:0 24px;
  margin-top:0;
}
.mission-areas>div {
  position:relative;
  border-top:0;
  border-bottom:1px solid var(--line);
  padding:22px 10px 22px 0;
}
.mission-areas>div::before {
  content:"";
  display:block;
  width:28px;
  height:3px;
  margin-bottom:12px;
  border-radius:999px;
  background:var(--accent-line);
}
.mission-areas dt {
  display:flex;
  align-items:baseline;
  gap:9px;
}
.mission-areas dt span {
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  margin:0;
  border:1px solid var(--accent-line);
  border-radius:50%;
  background:var(--accent-soft);
  font-size:9px;
  line-height:1;
}
.mission-areas dd {
  max-width:24ch;
  margin-top:10px;
}
.network-section {
  background:#fffdf9;
}
.network-heading {
  padding-bottom:28px;
  border-bottom:1px solid var(--line);
}
.network-purpose {
  margin-top:34px;
  padding:28px 30px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:var(--bg-warm);
  box-shadow:var(--sh-soft);
}
.network-purpose h3 {
  font-size:29px;
}
.network-purpose p+p {
  margin-top:13px;
}
.mission-journey {
  padding-top:34px;
}
.mission-journey>h3 {
  font-size:28px;
}
.connection-line {
  margin-top:32px;
  padding-block:20px;
  background:#fff;
  border-radius:var(--r-sm);
  padding-inline:18px;
  border:1px solid var(--line);
}
.future-section {
  background:#fffdf9;
}
.future-heading {
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}
.future-heading h2::after {
  content:"";
  display:block;
  width:32px;
  height:3px;
  margin-top:14px;
  border-radius:999px;
  background:var(--accent);
}
.future-projects {
  margin-top:0;
  border-top:0;
}
.future-projects li {
  transition:background var(--t),padding-inline var(--t);
}
.future-projects li:hover {
  background:var(--accent-soft);
  padding-inline:20px;
}
.join-roles {
  padding:8px 24px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:#fffdf9;
  box-shadow:var(--sh-soft);
}
.join-roles>div:first-child {
  border-top:0;
}
@media(max-width:900px) and (min-width:700px) {
  .mission-areas { grid-template-columns:repeat(4,1fr); }
  .mission-areas>div:last-child { grid-column:auto; display:block; }
  .mission-areas>div:last-child dd { margin-top:10px; }
}
@media(max-width:699px) {
  .mission-intro { padding-bottom:21px; }
  .mission-areas { gap:0 16px; }
  .mission-areas>div { padding:18px 0; }
  .mission-areas>div::before { margin-bottom:10px; }
  .mission-areas dd { max-width:none; }
  .network-heading { padding-bottom:21px; }
  .network-purpose { margin-top:26px; padding:22px 20px; }
  .network-purpose h3 { font-size:25px; }
  .mission-journey { padding-top:27px; }
  .mission-journey>h3 { font-size:24px; }
  .connection-line { margin-top:25px; padding-inline:14px; border-radius:var(--r-sm); }
  .future-heading { padding-bottom:17px; }
  .future-projects li:hover { padding-inline:12px; }
  .join-roles { padding-inline:18px; }
}

/* Initiative section — editorial network story pass. */
.network-section {
  position: relative;
  overflow: hidden;
  padding: 88px 0 78px;
  background:
    radial-gradient(circle at 94% 7%, rgba(122,44,44,.06), transparent 28rem),
    linear-gradient(180deg, #fffdf9 0%, #fbf8f3 100%);
  border-block: 1px solid var(--line);
}
.network-section::before {
  content: "01";
  position: absolute;
  top: 58px;
  right: max(24px, calc((100vw - var(--wrap)) / 2));
  color: var(--accent-line);
  font: 600 11px/1 var(--sans);
  letter-spacing: .16em;
}
.network-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(280px, .78fr);
  gap: 28px 70px;
  align-items: end;
  padding-bottom: 38px;
  border-bottom: 1px solid var(--line-strong);
}
.network-heading > .eyebrow {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.network-heading > .eyebrow::before {
  content: "";
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: var(--accent);
}
.network-heading h2 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(38px, 4.2vw, 58px);
  line-height: 1.08;
}
.network-heading h2 em {
  color: var(--accent);
}
.network-heading > p:last-child {
  max-width: none;
  padding: 24px 26px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
  border-radius: var(--r-md);
  background: rgba(255,255,255,.72);
  box-shadow: var(--sh-soft);
  font: 400 16px/1.72 var(--serif);
  color: var(--ink-2);
}
.connection-line {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 38px;
  padding: 8px 0;
  border-block: 1px solid var(--line-strong);
  background: transparent;
}
.connection-line li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 68px;
  padding: 14px 20px;
  border-left: 1px solid var(--line);
  font: 400 16px/1.35 var(--serif);
  color: var(--ink-2);
}
.connection-line li:nth-child(3n + 1) {
  border-left: 0;
}
.connection-line li::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin-right: 12px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: var(--accent-soft);
}
.network-purpose {
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
  gap: 48px;
  margin-top: 50px;
  padding: 34px 38px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-lg);
  background: var(--bg-warm);
  box-shadow: var(--sh-soft);
}
.network-purpose h3 {
  position: relative;
  align-self: start;
  padding-top: 18px;
  font-size: clamp(27px, 3vw, 37px);
  color: var(--accent-deep);
}
.network-purpose h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 3px;
  border-radius: 999px;
  background: var(--accent);
}
.network-purpose > div {
  padding-left: 34px;
  border-left: 1px solid var(--accent-line);
}
.network-purpose p {
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.75;
  color: var(--ink-2);
}
.network-purpose p + p {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--accent-line);
}
.mission-journey {
  margin-top: 64px;
  padding-top: 39px;
  border-top: 1px solid var(--line-strong);
}
.mission-journey > h3 {
  font-size: clamp(28px, 3vw, 38px);
}
.mission-journey > p {
  max-width: 54ch;
  margin-top: 9px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}
.life-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: 40px;
}
.life-path::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  height: 1px;
  background: var(--accent-line);
}
.life-path li {
  position: relative;
  min-width: 0;
  padding: 0 22px 0 20px;
  border-left: 1px solid var(--line);
}
.life-path li:first-child {
  padding-left: 0;
  border-left: 0;
}
.life-path li:last-child {
  padding-right: 0;
}
.life-path li > span {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: #fffdf9;
  font: 600 10px/1 var(--sans);
  color: var(--accent);
  letter-spacing: .05em;
}
.life-path h3 {
  margin-top: 18px;
  font-size: 23px;
  color: var(--ink);
}
.life-path p {
  max-width: 18ch;
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.65;
  color: var(--muted);
}
.network-details {
  margin-top: 46px;
  padding: 0 22px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: rgba(255,255,255,.55);
}
.network-details summary {
  min-height: 58px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
}
.network-details dl {
  padding: 21px 0 9px;
}
.network-details dt {
  font-size: 18px;
}
.network-details dd {
  font-size: 13px;
  line-height: 1.65;
}
.network-details > p {
  padding-bottom: 18px;
  font-size: 12px;
  color: var(--muted);
}
@media (max-width: 900px) and (min-width: 700px) {
  .network-section { padding-block: 70px 60px; }
  .network-section::before { top: 42px; }
  .network-heading { gap: 24px 35px; }
  .network-heading h2 { font-size: 42px; }
  .network-heading > p:last-child { padding: 20px; font-size: 14px; }
  .connection-line li { padding-inline: 14px; font-size: 14px; }
  .network-purpose { gap: 30px; padding: 28px; }
  .network-purpose > div { padding-left: 24px; }
  .life-path li { padding-inline: 13px; }
}
@media (max-width: 699px) {
  .network-section { padding: 57px 0 49px; }
  .network-section::before { top: 36px; right: var(--pad); }
  .network-heading {
    grid-template-columns: 1fr;
    gap: 19px;
    padding-bottom: 26px;
  }
  .network-heading h2 {
    max-width: 12ch;
    font-size: 36px;
  }
  .network-heading > p:last-child {
    padding: 19px 19px 20px;
    font-size: 15px;
    line-height: 1.68;
  }
  .connection-line {
    grid-template-columns: 1fr 1fr;
    margin-top: 28px;
    padding: 4px 0;
  }
  .connection-line li,
  .connection-line li:nth-child(3n + 1) {
    min-height: 60px;
    padding: 12px 10px;
    border-left: 1px solid var(--line);
    font-size: 14px;
  }
  .connection-line li:nth-child(2n + 1) {
    border-left: 0;
  }
  .network-purpose {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 35px;
    padding: 26px 21px 27px;
  }
  .network-purpose h3 { font-size: 29px; }
  .network-purpose > div {
    padding-left: 0;
    padding-top: 20px;
    border-top: 1px solid var(--accent-line);
    border-left: 0;
  }
  .network-purpose p { font-size: 14px; }
  .mission-journey {
    margin-top: 45px;
    padding-top: 29px;
  }
  .mission-journey > h3 { font-size: 29px; }
  .mission-journey > p { font-size: 14px; }
  .life-path {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 28px;
    padding-left: 2px;
  }
  .life-path::before {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: auto;
    width: 1px;
    height: auto;
  }
  .life-path li,
  .life-path li:first-child,
  .life-path li:last-child {
    display: grid;
    grid-template-columns: 31px minmax(72px, .44fr) minmax(0, 1fr);
    align-items: start;
    gap: 10px 13px;
    padding: 0 0 21px;
    margin-bottom: 21px;
    border-left: 0;
  }
  .life-path li:last-child { margin-bottom: 0; }
  .life-path li > span { grid-column: 1; grid-row: 1 / span 2; }
  .life-path h3 {
    grid-column: 2;
    margin: 5px 0 0;
    font-size: 20px;
  }
  .life-path p {
    grid-column: 3;
    max-width: none;
    margin: 4px 0 0;
    font-size: 12px;
  }
  .network-details {
    margin-top: 36px;
    padding-inline: 17px;
  }
}
@media (max-width: 359px) {
  .network-heading h2 { font-size: 32px; }
  .connection-line li { padding-inline: 7px; font-size: 13px; }
  .network-purpose { padding-inline: 17px; }
  .life-path li,
  .life-path li:first-child,
  .life-path li:last-child {
    grid-template-columns: 29px minmax(64px, .42fr) minmax(0, 1fr);
    gap: 9px 8px;
  }
  .life-path li > span { width: 29px; height: 29px; }
  .life-path h3 { font-size: 18px; }
  .life-path p { font-size: 11px; }
}

