/* Site Notes (notes/): the weekly blog. Each issue is a plain page in public/notes/ that uses the header, hero and
   footer from features.css and these styles for the front page list and the issue itself. No script except the
   few lines that size an embedded guide figure. Colours, type and sizes come from tokens.css. Status tags: In force
   is blue, Coming is amber, Proposal is grey (green stays for passed marks only). */
.sn-hero{padding-bottom:34px}
.sn-hero h1{max-width:820px}
.sn-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:16px 0 0;color:var(--ev-on-navy);font-size:var(--text-sm)}
.sn-meta a{color:var(--ev-sky);font-weight:650}
.sn-meta a:hover{text-decoration:underline;text-underline-offset:4px}

/* Front page: one card per issue, newest first */
.sn-list{display:grid;gap:16px;margin:24px 0 36px;padding:0;list-style:none}
.sn-item a{display:block;padding:22px 26px;background:#fff;border:1px solid #dfe7ee;border-radius:18px;box-shadow:var(--ev-shadow)}
.sn-item a:hover{box-shadow:var(--ev-shadow-hover);border-color:var(--line2)}
.sn-item time{display:block;margin-bottom:6px;color:var(--dim);font-size:var(--text-xs);font-weight:650;letter-spacing:.6px;text-transform:uppercase}
.sn-item h2{margin:0 0 8px;font-size:var(--text-xl);line-height:1.3;letter-spacing:-.3px}
.sn-item p{margin:0;color:var(--dim)}
.sn-item .sn-go{display:inline-block;margin-top:12px;color:var(--accentText);font-size:var(--text-ui);font-weight:650}
.sn-follow{margin:-12px 0 36px;color:var(--dim);font-size:var(--text-ui)}
.sn-follow a{color:var(--accentText);font-weight:650}

/* An issue */
.sn-issue{max-width:780px;margin:24px auto 36px;padding:34px 44px 38px;background:#fff;border:1px solid #dfe7ee;border-radius:20px;box-shadow:var(--ev-shadow);font-size:var(--text-base);line-height:1.65}
.sn-issue a{color:var(--accentText);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.sn-issue p{margin:0 0 14px}
.sn-part{padding:26px 0 8px;border-top:1px solid var(--line)}
.sn-part:first-child{padding-top:0;border-top:0}
.sn-part>h2{margin:0 0 14px;font-size:var(--text-2xl);line-height:1.25;letter-spacing:-.4px}
.sn-part>h2 small{display:block;margin-bottom:4px;color:var(--accentText);font-size:var(--text-xs);font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.sn-item-block{margin:0 0 22px}
.sn-item-block h3{margin:0 0 8px;font-size:var(--text-xl);line-height:1.35}
.sn-tag{display:inline-flex;align-items:center;min-height:26px;margin:0 0 10px;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:700}
.sn-tag-force{background:var(--ev-info-bg);color:var(--ev-info)}
.sn-tag-coming{background:var(--ev-warn-bg);color:var(--ev-warn)}
.sn-tag-proposal{background:#eef2f5;color:var(--dim)}
.sn-facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 12px}
.sn-facts dt{color:var(--dim);font-size:var(--text-sm);font-weight:700}
.sn-facts dd{margin:0}
.sn-take{margin:0 0 12px;padding:12px 16px;border-left:3px solid var(--ev-sky);background:#f4f8fd;border-radius:0 10px 10px 0}
.sn-take b{color:var(--ev-navy)}
.sn-sources{margin:0;color:var(--dim);font-size:var(--text-sm)}
.sn-news{margin:0 0 14px;padding-left:20px}
.sn-news li{margin:0 0 12px}
.sn-number{margin:0 0 6px;color:var(--ev-navy);font-size:var(--text-4xl);font-weight:800;letter-spacing:-1px;line-height:1.1}
.sn-figure{margin:8px 0 18px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px}
.sn-figure iframe{display:block;width:100%;min-height:420px;border:0}
.sn-figure iframe[data-sized]{min-height:0}
.sn-figure figcaption{margin:8px 2px 2px;color:var(--dim);font-size:var(--text-xs);line-height:1.5}
.sn-quiz{margin:0 0 14px;padding-left:22px}
.sn-quiz li{margin:0 0 10px}
.sn-quiz details{margin-top:4px}
.sn-quiz summary{display:inline-flex;align-items:center;min-height:32px;color:var(--accentText);font-size:var(--text-sm);font-weight:650;cursor:pointer}
.sn-caveat{margin:26px 0 0;padding:14px 16px;border-radius:12px;background:#f4f6f8;color:var(--dim);font-size:var(--text-sm)}
.sn-corrections{margin:16px 0 0;color:var(--dim);font-size:var(--text-sm)}

@media(max-width:700px){
 .sn-issue{margin-top:16px;padding:22px 18px 26px;border-radius:16px;font-size:var(--text-sm)}
 .sn-part>h2{font-size:var(--text-xl)}
 .sn-item-block h3{font-size:var(--text-base)}
 .sn-facts{grid-template-columns:1fr;gap:2px}
 .sn-facts dd{margin-bottom:6px}
 .sn-item a{padding:18px 18px}
 .sn-number{font-size:var(--text-3xl)}
}
@media print{
 .sn-figure{display:none}
 .sn-issue{border:0;box-shadow:none;padding:0}
}