:root{--blue:#3b5998;--bg:#e9ebee;--card:#fff;--txt:#1c1e21;--mut:#606770;--line:#dddfe2}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:#365899;text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid #f7b928;outline-offset:2px;border-radius:4px}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.topbar{background:var(--blue);color:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #29487d}
.tb-in{max-width:1012px;margin:0 auto;padding:8px 12px;display:flex;align-items:baseline;gap:12px}
.logo{color:#fff;font-weight:800;font-size:22px;letter-spacing:-.5px;font-family:"Helvetica Neue",Arial,sans-serif}
.logo:hover{text-decoration:none}.tb-note{font-size:12px;opacity:.85}
.profile{max-width:1012px;margin:0 auto;background:#fff;border-bottom:1px solid var(--line)}
.cover{position:relative;aspect-ratio:2.6/1;overflow:hidden;background:#222}
.cover img{width:100%;height:100%;object-fit:cover;filter:sepia(.25)}
.cover-cap{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;max-width:70%}
.pid{display:flex;align-items:flex-end;gap:12px;padding:0 12px;margin-top:-48px;position:relative}
.pp{width:104px;height:104px;border:4px solid #fff;border-radius:8px;overflow:hidden;flex:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.pp svg{width:100%;height:100%;display:block}
.pname{padding-bottom:4px;min-width:0}
.pname h1{margin:52px 0 0;font-size:21px;line-height:1.2}.pname p{margin:2px 0 0;color:var(--mut);font-size:13px}
.tabs{display:flex;overflow-x:auto;border-top:1px solid var(--line);margin-top:10px;scrollbar-width:none}
.tabs a{flex:1 0 auto;text-align:center;padding:12px 14px;color:#4b4f56;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
.tabs a[aria-current]{color:var(--blue);border-bottom-color:var(--blue)}
.wrap{max-width:1012px;margin:12px auto;padding:0 8px;display:grid;gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px}
.card h2{font-size:16px;margin:0 0 8px}.card h2 a{color:var(--txt)}.cnt{color:var(--mut);font-weight:400;font-size:14px}
.card h3{font-size:15px;margin:16px 0 6px}
.facts{list-style:none;padding:0;margin:8px 0 0}.facts li{padding:4px 0;font-size:14px}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.mini img{aspect-ratio:1;object-fit:cover;width:100%}
.minif{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mf{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--txt);line-height:1.25}
.mf .av{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:4px}
.av{display:inline-grid;place-items:center;background:var(--c);border-radius:50%;flex:none;overflow:hidden}
.av svg{width:100%;height:100%}
.side{display:none}
.years{position:sticky;top:44px;z-index:4;display:flex;gap:6px;overflow-x:auto;background:var(--bg);padding:8px 2px;scrollbar-width:thin}
.years .yl{font-size:12px;color:var(--mut);align-self:center;white-space:nowrap}
.years a{flex:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 10px;font-size:13px;font-weight:600;color:#4b4f56}
.years a:hover{background:#f2f3f5;text-decoration:none}
.status p{margin:0;font-size:14px}
.era{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:18px 4px 6px;scroll-margin-top:100px}
.post{background:#fff;border:1px solid var(--line);border-radius:6px;margin:0 0 12px;scroll-margin-top:100px}
.post:target{box-shadow:0 0 0 3px #f7b928}
.ph{display:flex;gap:8px;align-items:center;padding:12px 12px 0}
.pav img{width:40px;height:40px;border-radius:50%}
.pn{font-weight:600;color:var(--txt);font-size:14px}.pd{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:4px}
.pd a{color:var(--mut)}.ico{width:12px;height:12px}
.pt{margin:8px 12px 10px;white-space:pre-line;overflow-wrap:anywhere}
.gal{display:grid;gap:2px;background:#000}
.gal.g2{grid-template-columns:1fr 1fr}.gal.g3{grid-template-columns:1fr 1fr}
.gal figure{margin:0;background:#f0f2f5;display:flex;flex-direction:column}
.gal img{width:100%;max-height:520px;object-fit:contain;background:#111}
.gal.g2 img,.gal.g3 img{aspect-ratio:1;object-fit:cover}
.gal figcaption{font-size:11.5px;color:var(--mut);padding:5px 8px;background:#fff;overflow-wrap:anywhere}
.psrc{margin:8px 12px;font-size:12px;color:var(--mut);overflow-wrap:anywhere}
.acts{display:flex;border-top:1px solid var(--line);margin:0 12px}
.acts>*{flex:1;text-align:center;background:none;border:0;padding:8px 2px;font:600 13px/1.2 inherit;font-family:inherit;color:#606770;cursor:pointer;border-radius:4px}
.acts>*:hover{background:#f2f3f5;text-decoration:none}.like[aria-pressed=true]{color:var(--blue)}
.endwall{text-align:center;color:var(--mut);font-size:13px;margin:18px 0 30px}
.one{grid-template-columns:1fr}
.sub{color:var(--mut);font-size:13px;margin:0 0 10px}
.kd,.links{padding-left:18px}.kd li,.links li{margin:4px 0}
.filters{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px}
.filters button{flex:none;border:1px solid var(--line);background:#f5f6f7;border-radius:14px;padding:5px 10px;font:600 12.5px inherit;font-family:inherit;color:#4b4f56;cursor:pointer}
.filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.flist{display:grid;gap:8px}
.friend{display:flex;gap:10px;border:1px solid var(--line);border-radius:6px;padding:8px;align-items:flex-start;scroll-margin-top:60px}
.friend:target{box-shadow:0 0 0 3px #f7b928}
.friend .av{border-radius:6px}
.friend h3{margin:0;font-size:15px}.friend .role{margin:2px 0;font-size:13px}.friend .since{margin:2px 0;font-size:12px;color:var(--mut)}
.tag{display:inline-block;background:var(--c);color:#fff;font-size:11px;font-weight:700;border-radius:3px;padding:1px 6px;margin-top:2px}
.friend[hidden]{display:none}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pgrid figure{margin:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;scroll-margin-top:60px}
.pgrid img{aspect-ratio:1;object-fit:cover;width:100%;background:#eee}
.pgrid figcaption{font-size:11.5px;padding:5px 6px;color:var(--mut);overflow-wrap:anywhere}.pgrid figcaption strong{color:var(--txt);display:block}
.foot{max-width:1012px;margin:16px auto 30px;padding:0 12px;color:var(--mut);font-size:12px;text-align:center}
@media (min-width:700px){.pgrid{grid-template-columns:repeat(4,1fr)}.flist{grid-template-columns:1fr 1fr}.pp{width:150px;height:150px}.pid{margin-top:-80px}.pname h1{margin-top:84px;font-size:26px}}
@media (min-width:900px){.wrap{grid-template-columns:340px 1fr}.wrap.one{grid-template-columns:1fr}.side{display:block;position:sticky;top:56px;align-self:start;max-height:calc(100vh - 64px);overflow:auto}.side .card{margin-bottom:12px}}

.wrap>*{min-width:0}.wall{min-width:0}.post,.card{max-width:100%}
.cover-cap{top:6px;bottom:auto}