/* Global Pledge resource-library theme. Scoped to resource pages. */
:root { color-scheme:dark; --bg:#0b0c0e; --panel:#17191d; --panel-2:#202329; --line:#4b4332; --gold:#f3d38d; --gold-strong:#ffd878; --ink:#f8f7f2; --muted:#d4d5d7; --link:#ffe29e; --shadow:0 15px 42px rgba(0,0,0,.22); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;} a{color:var(--link);text-underline-offset:3px} a:hover{text-decoration-thickness:2px} :focus-visible{outline:3px solid var(--gold-strong);outline-offset:4px;border-radius:4px} .skip{position:absolute;left:12px;top:-100px;background:var(--gold);color:#090909;padding:.5rem 1rem;z-index:100} .skip:focus{top:8px} .shell{width:min(1180px,calc(100% - 36px));margin-inline:auto} .topbar{border-bottom:1px solid var(--line);background:#101115} .navline{display:flex;gap:1.15rem;align-items:center;flex-wrap:wrap;padding:15px 0} .brand{font-weight:850;color:var(--gold);letter-spacing:.035em;font-size:1.08rem;text-decoration:none;white-space:nowrap} nav{display:flex;gap:.4rem 1rem;flex-wrap:wrap;margin-left:auto} nav a{font-size:.89rem;font-weight:650;text-decoration:none;color:var(--ink)} nav a[aria-current="page"],nav a:hover{color:var(--gold);text-decoration:underline} .hero{padding:3.4rem 0 2.8rem;border-bottom:1px solid #292824;background:radial-gradient(ellipse at 80% 0%,rgba(195,150,49,.16),transparent 44%),linear-gradient(140deg,#131416,#090a0c)} .eyebrow{font-size:.81rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--gold)} h1,h2,h3{line-height:1.22;letter-spacing:-.03em} h1{font-size:clamp(2.3rem,5vw,4.5rem);margin:.55rem 0 1rem;max-width:940px} h2{font-size:clamp(1.5rem,2.7vw,2.15rem)} h3{font-size:1.18rem;margin:0 0 .38rem} p{margin:.65rem 0 1.1rem} .lead{max-width:810px;font-size:1.16rem;color:#e7e6e1} .gold{color:var(--gold)} .small{font-size:.89rem;color:var(--muted)} .button{display:inline-block;border:1px solid var(--gold);background:var(--gold);color:#171202;padding:12px 20px;border-radius:11px;font-weight:850;text-decoration:none;line-height:1.3;min-height:45px} .button.secondary{background:transparent;color:var(--gold)} .button:hover{background:var(--gold-strong);color:#111} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.6rem} .content{padding:2rem 0 4rem} .searchline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:1.5rem 0 .5rem} label{font-weight:700} .search{width:min(620px,100%);max-width:100%;min-height:50px;border-radius:11px;border:2px solid #9b8550;background:#1b1d22;color:var(--ink);font:inherit;padding:10px 14px} .search::placeholder{color:#c0c2c5} .searchline select{background:#1b1d22;color:var(--ink);padding:12px;border:2px solid #9b8550;border-radius:11px;font:inherit;min-height:50px} .result-note{font-size:.92rem;color:var(--muted)} .pillars{display:grid;gap:1.15rem} .group{margin-top:2.6rem} .group .intro{color:var(--muted)} .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.tile,.resource{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px;box-shadow:var(--shadow)} .tile{display:flex;flex-direction:column;min-height:188px} .tile:hover{border-color:var(--gold)} .tile .emoji{font-size:1.7rem;line-height:1;margin-bottom:12px} .tile a{text-decoration:none;color:var(--gold);font-weight:800;font-size:1.15rem} .tile a:hover{text-decoration:underline}.tile p{font-size:.94rem;color:var(--muted);margin:.45rem 0 auto}.count{font-size:.78rem;color:#ebd6aa;margin-top:.9rem}.resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.resource h3 a{color:var(--gold)} .resource p{color:var(--muted);margin:.3rem 0 0} .notice,.action{background:var(--panel-2);border-left:4px solid var(--gold);border-radius:8px;padding:18px 22px;margin:1.5rem 0}.notice p,.action p{margin:.4rem 0}.related{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.related a{display:inline-block;border:1px solid var(--line);border-radius:24px;padding:7px 13px;text-decoration:none}.related a:hover{border-color:var(--gold)}.breadcrumb{font-size:.9rem;color:var(--muted);padding:1.5rem 0 0}.section-head{border-bottom:1px solid var(--line);padding-bottom:.6rem}.footer{background:#101115;border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.9rem}.footer a{color:var(--link)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} [hidden]{display:none!important} @media(max-width:620px){body{font-size:17px}.hero{padding:2.25rem 0}.navline{align-items:flex-start}nav{margin-left:0}.tiles,.resource-list{grid-template-columns:1fr}.shell{width:min(100% - 28px,1180px)}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.theme-toggle{margin-left:0;min-height:43px;white-space:nowrap;border:1px solid var(--gold);background:transparent;color:var(--gold);border-radius:10px;font:inherit;font-size:.78rem;font-weight:750;padding:8px 12px;cursor:pointer}
.theme-toggle:hover{background:var(--gold);color:#171202}
:root[data-theme=light]{color-scheme:light;--bg:#fffdf8;--panel:#fff;--panel-2:#f3f0e7;--line:#afa48d;--gold:#674700;--gold-strong:#795400;--ink:#171a1e;--muted:#3e4249;--link:#674700;--shadow:0 8px 24px rgba(0,0,0,.07)}
:root[data-theme=light] .topbar,:root[data-theme=light] .footer{background:#f7f3e9}
:root[data-theme=light] .hero{background:radial-gradient(ellipse at 80% 0%,rgba(195,150,49,.16),transparent 44%),linear-gradient(140deg,#fff9e9,#f6f3ec);border-color:var(--line)}
:root[data-theme=light] .lead{color:#33383d}
:root[data-theme=light] .button{background:#765405;border-color:#765405;color:white}
:root[data-theme=light] .button.secondary{background:transparent;color:var(--gold)}
:root[data-theme=light] .search,:root[data-theme=light] .searchline select{background:white;color:var(--ink);border-color:#8e784a}
:root[data-theme=light] .search::placeholder{color:#555}
:root[data-theme=light] .count{color:#5b400a}
:root[data-theme=light] .theme-toggle{border-color:var(--gold);color:var(--gold)}

/* Daily Wisdom, shared across the hub and its dedicated page. */
.wisdom-feature,.wisdom-card{border:1px solid var(--line);background:linear-gradient(128deg,rgba(211,166,72,.10),transparent 65%),var(--panel);border-radius:18px;padding:clamp(20px,3vw,38px);box-shadow:var(--shadow)}
.wisdom-feature{margin:0 0 2.5rem}
.wisdom-overline{color:var(--gold);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.wisdom-quote{font-size:clamp(1.6rem,3.25vw,2.5rem);font-weight:750;letter-spacing:-.025em;line-height:1.35;max-width:860px;margin:1rem 0}
.wisdom-context{color:var(--muted);max-width:780px}
.wisdom-action{background:var(--panel-2);border-left:4px solid var(--gold);border-radius:8px;padding:16px 20px;margin:1.5rem 0}
.wisdom-action p{margin:.3rem 0}
.wisdom-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.4rem}
.wisdom-controls button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--gold);border-radius:9px;background:transparent;color:var(--link);padding:8px 14px;font-weight:700}
.wisdom-controls button:hover{background:var(--panel-2)}
.wisdom-archive{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:1.2rem 0 2.5rem}
.wisdom-entry{border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--panel)}
.wisdom-entry h3{color:var(--gold);margin:.3rem 0 .5rem}
.wisdom-entry p{font-size:.94rem;color:var(--muted)}
.wisdom-entry button{font:inherit;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--link);border-radius:9px;padding:8px 12px;cursor:pointer}
.wisdom-entry button:hover,.wisdom-entry button[aria-current=true]{border-color:var(--gold);background:var(--panel-2)}
.wisdom-meta{font-size:.9rem;color:var(--muted)}
:root[data-theme=light] .wisdom-feature,:root[data-theme=light] .wisdom-card{background:linear-gradient(128deg,rgba(211,166,72,.08),transparent 65%),var(--panel)}
:root[data-theme=light] .wisdom-quote{color:var(--ink)}
