body{display:flex;flex-direction:column;}
main{min-width:0;width:100%;}
main{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem;flex:1;}

.page-title{font-family:var(--font-serif);font-size:2rem;font-weight:600;margin-bottom:.4rem;}
.page-sub{font-size:.8rem;color:var(--fg-faint);margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);}

section{margin-bottom:2rem;}
section h2{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin-bottom:.6rem;color:var(--fg);}
section p{font-size:.88rem;color:var(--fg-muted);line-height:1.75;}
section p + p{margin-top:.6rem;}
main a{color:var(--accent);text-decoration:none;}
main a:hover{text-decoration:underline;}

.section-head{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--fg-faint);margin:2rem 0 .75rem;}
.section-head:first-of-type{margin-top:0;}

.source-item{background:var(--bg);border:1px solid var(--border);padding:1.1rem 1.25rem;display:flex;align-items:flex-start;gap:1rem;margin-bottom:.6rem;}
.source-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);background:var(--bg-elevated);border:1px solid var(--border2);padding:.25rem .6rem;white-space:nowrap;flex-shrink:0;margin-top:.1rem;}
.source-body{flex:1;}
.source-name{font-size:.88rem;font-weight:600;color:var(--fg);margin-bottom:.2rem;}
.source-desc{font-size:.8rem;color:var(--fg-muted);line-height:1.6;margin-bottom:.45rem;}
.source-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--accent);text-decoration:none;font-weight:600;}
.source-link:hover{text-decoration:underline;}

.note-box{background:var(--bg);border:1px solid var(--border);padding:1.1rem 1.25rem;margin-top:.6rem;}
.note-box p{font-size:.83rem;color:var(--fg-muted);line-height:1.75;}
.note-box p + p{margin-top:.6rem;}

.ext-icon{display:inline;vertical-align:middle;margin-left:3px;flex-shrink:0;}