:root{--night:#121836;--night-2:#1a2250;--saffron:#e58a2b;--saffron-2:#f2a94e;--terracotta:#c4572e;--paper:#f8f4ec;--paper-2:#f0e9db;--ink:#171a33;--ink-soft:#585c78;--line:rgba(23,26,51,.12)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Mukta',system-ui,sans-serif;font-size:17px;line-height:1.7;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
.top{background:radial-gradient(700px 300px at 90% 0%,rgba(229,138,43,.22),transparent 60%),var(--night);padding:22px 20px}
.top a{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:'Fraunces',serif;font-weight:600;font-size:19px;min-height:44px}
.top img{width:36px;height:36px}
.wrap{max-width:780px;margin:0 auto;padding:52px 20px 80px}
h1{font-family:'Fraunces','Mukta',serif;font-weight:600;font-size:clamp(32px,5vw,46px);line-height:1.1;color:var(--night);margin-bottom:6px;letter-spacing:-.015em}
.updated{color:var(--ink-soft);font-size:15px;margin-bottom:32px}
h2{font-family:'Fraunces','Mukta',serif;font-weight:600;font-size:24px;color:var(--night);margin:30px 0 10px}
p{margin-bottom:14px}
ul{margin:0 0 14px 22px}li{margin-bottom:6px}
a{color:var(--terracotta)}
.box{background:#fff;border:1px solid var(--line);border-left:4px solid var(--saffron);border-radius:12px;padding:20px 22px;margin:20px 0}
.box p:last-child{margin-bottom:0}
.tbc{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a4a0c;background:#fbe3bf;border:1px dashed var(--saffron);padding:1px 8px;border-radius:999px;vertical-align:middle}
.ph{border:2px dashed var(--saffron);border-radius:12px;padding:14px 18px;background:repeating-linear-gradient(135deg,rgba(229,138,43,.06) 0 12px,transparent 12px 24px);color:var(--ink-soft);font-size:15px;margin:16px 0}
.back{display:inline-flex;align-items:center;gap:8px;margin-top:36px;color:var(--night);font-weight:700;text-decoration:none;border:2px solid var(--night);padding:10px 24px;border-radius:999px;min-height:48px}
.back:hover{background:var(--night);color:#fff}
.foot{background:#0c1128;color:rgba(255,255,255,.62);text-align:center;padding:28px 20px;font-size:14px}
.foot a{color:rgba(255,255,255,.85);text-decoration:none;margin:0 8px;display:inline-block;padding:4px 0}

/* light theme, follows the switch on the main page (saved as sa_theme) */
html[data-theme="light"] .top{background:radial-gradient(700px 300px at 90% 0%,rgba(229,138,43,.22),transparent 60%),#f6ead6;border-bottom:1px solid rgba(229,138,43,.3)}
html[data-theme="light"] .top a{color:var(--ink)}
html[data-theme="light"] a{color:#a8441f}
html[data-theme="light"] .back{color:var(--night)}
html[data-theme="light"] .back:hover{color:#fff}
html[data-theme="light"] .foot{background:#efe4cf;color:var(--ink-soft);border-top:1px solid rgba(229,138,43,.3)}
html[data-theme="light"] .foot a{color:var(--ink)}