*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.65}
.topbar{background:#111;color:#fff;font-size:12px;display:flex;justify-content:space-between;gap:12px;padding:8px 24px}
.topbar b{font-weight:700}
.masthead h1{font-size:36px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.masthead p{color:#777;font-size:15px;margin-top:6px}
.sidenav{flex:0 0 250px;position:sticky;top:8px;border-right:1px solid #e5e5e5;padding-right:20px}
.sidenav h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#c00;border-bottom:2px solid #111;padding-bottom:4px;margin:4px 0 6px}
.sidenav ol{list-style:none}
.sidenav .all li{font-size:13px;}
.masthead{max-width:1620px;margin:0 auto;padding:28px 24px 18px}
.sidenav li{font-size:13px;padding:3px 0;border-bottom:1px dotted #e5e5e5;color:#c00}
.sidenav a{color:#1a1a1a;text-decoration:none}
.sidenav a:hover{color:#c00}
.page{max-width:1620px;margin:0 auto;display:flex;gap:48px;padding:8px 24px 48px;align-items:flex-start}
main{flex:1;min-width:0;max-width:940px}
section{padding:26px 0;border-bottom:1px solid #e5e5e5}
section h2{font-size:23px;font-weight:800;line-height:1.25;margin-bottom:6px}
section .date{display:block;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
section p{margin-bottom:12px;max-width:78ch}
section blockquote{border-left:3px solid #c00;padding-left:12px;margin:12px 0;color:#444;font-style:italic}
section a.more{font-size:14px;font-weight:700;color:#1a1a1a;text-decoration:none;border-bottom:2px solid #c00}
section a.more:hover{color:#c00}
section figure.pic{float:right;width:260px;margin:4px 0 12px 20px;background:#f7f7f7;border:1px solid #e5e5e5;padding:6px;cursor:zoom-in}
section figure.pic img{width:100%;display:block;height:auto}
section figure.pic figcaption{font-size:12px;color:#777;line-height:1.4;margin-top:6px}
section::after{content:"";display:block;clear:both}
section figure.pic.zoomed{position:fixed;inset:0;width:auto;float:none;margin:0;background:rgba(0,0,0,.88);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4vmin;border:none;cursor:zoom-out}
section figure.pic.zoomed img{width:auto;max-width:92vw;max-height:80vh;object-fit:contain}
section figure.pic.zoomed div{max-width:92vw;max-height:80vh}
section figure.pic.zoomed div img{max-width:44vw;max-height:38vh}
section figure.pic.zoomed figcaption{color:#fff;font-size:14px}
aside{flex:0 0 300px;position:sticky;top:64px}
aside h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#c00;border-bottom:2px solid #111;padding-bottom:6px;margin:18px 0 10px}
aside h3:first-child{margin-top:26px}
aside ol{list-style:none}
aside li{font-size:14px;padding:7px 0;border-bottom:1px dotted #ddd;color:#c00}
aside li a{color:#1a1a1a;text-decoration:none}
aside li a:hover{color:#c00}
aside .all li{font-size:13px;padding:5px 0}
footer{background:#f2f2f2;border-top:1px solid #e0e0e0;color:#777;font-size:13px;padding:20px 24px;max-width:none}
footer .in{max-width:1620px;margin:0 auto}
@media (max-width:1000px){.page{flex-direction:column}main{order:3}.sidenav{position:static;flex:none;width:100%;max-height:none;border-right:none;border-bottom:2px solid #111;padding:0 0 10px}.sidenav ol{columns:2}}
@media (max-width:760px){section figure.pic{float:none;width:100%;margin:12px 0}.masthead h1{font-size:28px}}
    aside.rail{display:none;position:static}
@media (min-width:1650px){.page{max-width:1620px}aside.rail{display:block;flex:0 0 250px;border-left:1px solid #e5e5e5;padding-left:20px}}
aside.rail h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#c00;border-bottom:2px solid #111;padding-bottom:6px;margin:8px 0 10px}
aside.rail ol{list-style:none}
aside.rail li{font-size:13px;padding:5px 0;border-bottom:1px dotted #e5e5e5;color:#c00}
aside.rail a{color:#1a1a1a;text-decoration:none}
aside.rail a:hover{color:#c00}