:root{--paper:#f4f3ef;--ink:#17181c;--muted:#5f626b;--rule:#d3d3cd;--rouge:#a3262f;--card:#fbfaf7}
@media (prefers-color-scheme:dark){:root{--paper:#121316;--ink:#ebe9e4;--muted:#a3a5ab;--rule:#33353b;--rouge:#e98a8f;--card:#191b1f}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 "Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration-color:var(--rouge);text-underline-offset:3px}a:hover{color:var(--rouge)}
header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;max-width:860px;margin:0 auto;padding:18px 16px;border-bottom:1px solid var(--rule)}
.logo{font:italic 600 26px/1 "Bodoni Moda",Georgia,serif;color:var(--rouge);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:4px 18px}nav a{font-size:15px;text-decoration:none;padding:8px 0}
main{max-width:860px;margin:0 auto;padding:20px 16px 48px}
.bc{font-size:14px;color:var(--muted);margin:0 0 20px;min-height:1em}.bc a{padding:6px 0;display:inline-block}
h1{font:500 clamp(34px,6vw,56px)/1.05 "Bodoni Moda",Georgia,serif;margin:0 0 12px;overflow-wrap:anywhere}
h2{font:500 26px/1.2 "Bodoni Moda",Georgia,serif;margin:44px 0 10px;padding-top:20px;border-top:1px solid var(--rule)}
h3{font:600 18px/1.3 "Work Sans",system-ui,sans-serif;margin:26px 0 6px}
.lead{font-size:20px;line-height:1.55}.aka{color:var(--muted);font-size:15px;margin:0 0 14px}
.note{font-size:15px;color:var(--muted);border-left:2px solid var(--rule);padding-left:12px}
blockquote{margin:16px 0;padding:4px 0 4px 16px;border-left:2px solid var(--rouge);font:italic 19px/1.5 "Bodoni Moda",Georgia,serif}
cite{display:block;font:normal 14px/1.5 "Work Sans",system-ui,sans-serif;color:var(--muted);margin-top:6px}
ul{padding-left:20px}li{margin:6px 0}small{color:var(--muted);font-size:14px}
sup{font-size:12px;line-height:0}sup a{text-decoration:none;color:var(--rouge);padding:0 1px}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--rule);vertical-align:top}th{font-size:13px;color:var(--muted);font-weight:500}
dl{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 16px;margin:0}dt{color:var(--muted);font-size:15px}dd{margin:0}
@media (max-width:520px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}}
figure{margin:24px 0}figure img{max-width:100%;height:auto;border-radius:4px;display:block}figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.src{font-size:14px;color:var(--muted);padding-left:26px}.src a{overflow-wrap:anywhere}
.idx{list-style:none;padding:0;columns:2;column-gap:32px}.idx li{break-inside:avoid;margin:0;padding:9px 0;border-bottom:1px solid var(--rule)}.idx a{font-weight:500;text-decoration:none}.idx span{font-size:14px;color:var(--muted)}
@media (max-width:640px){.idx{columns:1}}
.paid{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:4px 18px 14px;margin-top:36px}.paid h2{border:0;margin-top:14px;padding-top:0}
.live{margin-top:40px}.live a{display:inline-block;border:1px solid var(--rouge);color:var(--rouge);border-radius:6px;padding:12px 18px;text-decoration:none;font-weight:500}
footer{max-width:860px;margin:0 auto;padding:24px 16px 48px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}footer a{display:inline-block;padding:6px 0}
