.nav{position:absolute;z-index:6;top:14px;right:2.5%;display:flex;gap:6px}
.nav a{font:600 13px system-ui,sans-serif;color:#5a4015;background:rgba(255,250,240,.82);border:1px solid #d9b56a;border-radius:18px;padding:6px 13px;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px rgba(60,40,10,.15)}
.nav a:hover,.nav a.on{background:#c99a3c;color:#fff;border-color:#c99a3c}
.weekly{top:calc(3% + 46px)!important}
.page{position:absolute;z-index:5;inset:62px 0 0 0;overflow-y:auto;padding:10px 0 60px;font-family:'IBM Plex Serif',Georgia,serif;color:#3f2c10}
.page[hidden]{display:none}
body.has-page .orb,body.has-page .chips,body.has-page .search,body.has-page .weekly,body.has-page .globe,body.has-page .support,body.has-page .res{display:none!important}
body.has-page .bg{filter:brightness(.6) blur(3px)}
.pw{width:min(980px,92vw);margin:0 auto;background:rgba(255,249,235,.95);border:1px solid #d9b56a;border-radius:18px;box-shadow:0 10px 36px rgba(50,30,5,.35);padding:22px 28px}
.pw h1{margin:0 0 4px;font-size:28px;color:#6e4e1e}.pw .sub{font:13px system-ui,sans-serif;color:#8a6a35;margin-bottom:16px}
.tag{display:inline-block;font:600 10px system-ui;letter-spacing:.12em;background:#fff1d6;border:1px dashed #b5651d;color:#8a4a10;border-radius:8px;padding:2px 7px;vertical-align:middle;margin-left:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.th{display:block;text-decoration:none;color:inherit;background:#fffaf0;border:1px solid #e6cf9c;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.th:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(60,40,10,.25)}
.th img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.th div{padding:7px 9px}
.th .d{font:600 11px system-ui;color:#9a7535}.th .n{font-weight:600;font-size:14px;line-height:1.25}
.th.cur{outline:3px solid #c99a3c}
.wk{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}
.wk img{width:100%;border-radius:12px;box-shadow:0 6px 20px rgba(50,30,5,.3)}
.wk .k{font:600 11px system-ui;letter-spacing:.14em;color:#9a7535}.wk h1{font-size:30px}
.wk .stmt{font:14px system-ui,sans-serif;color:#6b5228;margin:6px 0 12px}
.wk blockquote,.art blockquote{margin:0 0 14px;padding:10px 14px;border-left:3px solid #c99a3c;background:rgba(201,154,60,.1);font-style:italic;font-size:17px;line-height:1.5}
.wk blockquote cite,.art blockquote cite{display:block;font:600 12px system-ui;font-style:normal;color:#8a5d14;margin-top:6px}
.thought{border:1px solid #d9b56a;border-radius:12px;padding:12px 14px;background:#fffdf7}
.thought h3{margin:0 0 6px;font-size:15px;color:#6e4e1e}.thought p{margin:0;color:#7a6a50;font-size:15px;line-height:1.5}
.pager{display:flex;justify-content:space-between;margin-top:16px;font:13px system-ui}.pager a{color:#8a5d14;cursor:pointer;text-decoration:none}
.signup{margin-top:18px;border:1px solid #d9b56a;border-radius:12px;padding:12px 14px;background:linear-gradient(#fffaf0,#fff3dc)}
.signup b{color:#6e4e1e}.signup form{display:flex;gap:8px;margin-top:8px}
.signup input{flex:1;border:1px solid #d9b56a;border-radius:20px;padding:7px 12px;font:14px system-ui}
.btn{border:0;background:#c99a3c;color:#fff;border-radius:20px;padding:7px 14px;font:600 13px system-ui;cursor:pointer}
.btn.ghost{background:#fffaf0;color:#6e4e1e;border:1px solid #d9b56a}.btn.done{background:#7a9a5a}
.note{font:12px system-ui;color:#8a6a35;margin-top:6px}
.pr{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start}
.card{background:#fffdf7;border:1px solid #ecd9ae;border-radius:14px;padding:12px 14px;margin-bottom:10px;box-shadow:0 2px 6px rgba(60,40,10,.06)}
.card .who{font:600 13px system-ui;color:#6e4e1e}.card .who span{font-weight:400;color:#9a7535}
.card p{margin:5px 0 6px;font-size:15.5px;line-height:1.45}
.card .vs{font-size:13.5px;font-style:italic;color:#6b5228;background:rgba(201,154,60,.09);border-radius:8px;padding:6px 9px;margin-bottom:7px}
.card .vs b{font-style:normal;font-size:11.5px;color:#8a5d14}
.card .row{display:flex;justify-content:space-between;align-items:center}.card .rep{font:11px system-ui;color:#a08a65;cursor:pointer;text-decoration:underline}
.pf label{display:block;font:600 12px system-ui;color:#6e4e1e;margin:8px 0 3px}
.pf input[type=text],.pf select,.pf textarea{width:100%;box-sizing:border-box;border:1px solid #d9b56a;border-radius:8px;padding:7px 9px;font:14px system-ui;background:#fff}
.pf textarea{height:92px;resize:vertical}.pf .ck{font-weight:400;display:flex;gap:6px;align-items:flex-start}
.pf .cnt{font:11px system-ui;color:#9a7535;text-align:right}
.msg{margin-top:10px;padding:9px 11px;border-radius:10px;background:#eef6e6;border:1px solid #9ab87a;font:14px system-ui;color:#36521f}
.page .crisis{background:#fff1d6;border:2px solid #b5651d;border-radius:10px;padding:10px 12px;margin:10px 0;font:14px system-ui,sans-serif;color:#5a2a00}
.guide{font:12px system-ui;color:#7a6a50;background:rgba(201,154,60,.08);border-radius:8px;padding:7px 10px;margin-bottom:12px}

.upds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 18px}.upd{border:1px solid rgba(128,128,128,.35);border-radius:10px;padding:12px}.upd b{display:block;margin:6px 0 4px}

.give{border:1px solid rgba(127,127,127,.35);border-radius:10px;padding:12px 14px;margin:8px 0 12px}
.gfreq{display:flex;gap:8px;margin-bottom:10px}.gopt{border:1px solid rgba(127,127,127,.4);border-radius:999px;padding:3px 12px;font-size:13px}
.gbtns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.gbtn{font:inherit;padding:8px 18px;border-radius:8px;border:1px solid rgba(127,127,127,.5);background:rgba(127,127,127,.12);color:inherit;cursor:pointer}
.ylet{margin-top:10px}.fine{font-size:11.5px;opacity:.7;margin-top:6px}

.posts{display:flex;flex-direction:column;gap:12px}
.post{display:block;text-decoration:none;color:inherit;background:#fffaf0;border:1px solid #e6cf9c;border-radius:12px;padding:14px 16px}
.post:hover{border-color:#c99a3c;box-shadow:0 3px 12px rgba(60,40,10,.15)}
.post .d,.art .d{font:12px system-ui,sans-serif;color:#8a6a35}.post .d .tag,.art .d .tag{margin-left:8px}
.post .t{font-size:20px;font-weight:600;color:#6e4e1e;margin:4px 0 2px}.post .s{font:14px system-ui,sans-serif;color:#5a4015}
.art{max-width:760px}.art h1{margin-top:6px}.art h2{color:#6e4e1e;font-size:20px;margin:22px 0 6px}.art p,.art li{line-height:1.6}
.art .back{font:13px system-ui,sans-serif;color:#8a4a10;text-decoration:none}
.art .srch{margin-top:24px;padding-top:14px;border-top:1px solid #e6cf9c}.art .srch a{text-decoration:none;display:inline-block}