/* SmartInfoBank / readable magazine cards */
:root{--paper:#fff;--ink:#20252b;--muted:#6b7280;--line:#e8ebef;--blue:#243d58}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:#fff;color:var(--ink);letter-spacing:-.025em;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{width:min(1240px,calc(100% - 64px))}.site-header{background:#fff;border-top:0;border-bottom:1px solid var(--line)}.nav{padding:23px 0}.brand .brand-type{font-size:22px;letter-spacing:-.9px}.brand small{font-size:11px;letter-spacing:.02em;color:#77818b}.nav nav a{font-size:14px;color:#4b5563}.nav nav a:hover{color:#172f48}.brand>img{width:34px;height:34px}
.home-heading{padding:42px 0 32px;border:0;display:block;background:none}.home-heading .eyebrow{font-size:12px;font-weight:600;letter-spacing:.02em;color:#65798b;margin-bottom:8px}.home-heading h1{font-size:34px;line-height:1.4;font-weight:750;letter-spacing:-1.4px;color:#1c2733;margin-bottom:12px}.home-desc{font-size:14px;color:#65717d;line-height:1.8}.desk-drawing{display:none}.home-layout{grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding-top:0}.home-main{min-width:0}.section-title{margin:0 0 22px;padding:0 0 15px;border-bottom:1px solid #dce1e7;display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:20px;font-weight:700;letter-spacing:-.5px}.section-title span{font-size:12px;color:#76818b}
.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.list-entry{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border:1px solid #e5e9ee;border-radius:12px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}.list-entry:hover{border-color:#b9c6d3;box-shadow:0 7px 24px #243d580d;transform:translateY(-2px)}.entry-cover{position:relative;display:block;overflow:hidden;background:#f1f4f7;border-bottom:1px solid #e9edf1;aspect-ratio:2/1}.note-visual{display:block;width:100%;height:100%;transition:transform .25s}.list-entry:hover .note-visual{transform:scale(1.025)}.entry-number{display:block;position:absolute;left:15px;top:13px;padding:3px 9px;border:1px solid #ffffffb3;border-radius:5px;background:#ffffffdf;font:600 12px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#425364;min-width:0;align-self:auto}.entry-body{padding:21px 22px 19px;display:flex;flex-direction:column;flex:1}.entry-meta{font-size:11px;color:#7b8692;gap:9px;margin-bottom:10px;flex-wrap:wrap}.entry-meta a{color:#4c667e;font-weight:600}.entry-body h2{font-size:19px;line-height:1.55;font-weight:700;letter-spacing:-.65px;margin:0 0 11px}.entry-body h2 a{color:#222d38}.entry-body h2 a:hover{color:#315e87}.entry-excerpt{font-size:13px;line-height:1.85;color:#697480;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-read{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #eef0f3;text-decoration:none;font-size:11px;color:#536a7e;font-weight:600}.entry-read span{font-size:15px}.entry-arrow{display:none}
.home-sidebar{padding:0}.sidebar-note{padding:23px;border:1px solid #e5e9ee;border-radius:12px;background:#fafbfd}.sidebar-note>img{width:29px;height:29px}.sidebar-note h2{font-size:16px;font-weight:700;color:#263747}.sidebar-note p{color:#697480;font-size:12px;line-height:1.9}.sidebar-note .text-link{font-size:11px}.sidebar-index{padding:25px 2px;border-bottom:1px solid var(--line)}.sidebar-index h2,.sidebar-search label{font-size:13px;font-weight:700}.sidebar-index>a{padding:10px 0;font-size:13px;color:#53616e}.count{font:12px/1.8 inherit;color:#84909b}.sidebar-scrap{transform:none;margin:24px 0;padding:19px 20px;background:#f6f8fa;border:1px solid #e7ebef;border-radius:10px}.sidebar-scrap h2{font-size:12px;color:#4e6275}.sidebar-scrap p{font-size:12px;color:#75818d}.scrap-pin{display:none}.sidebar-search input{background:#fff;border-color:#dce2e8;border-radius:5px;font-size:12px}.sidebar-search button{border-radius:5px}
.page-top{padding:36px 0 24px;margin-bottom:26px}.page-top h1{font-size:30px;font-weight:750;color:#1c2733}.page-top+.article-list{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{padding-top:38px;gap:52px}.prose{color:#303944;font-size:16px;line-height:1.95;letter-spacing:-.025em}.prose h1{font-size:34px;font-weight:750;color:#1e2d3c}.prose h2{font-weight:700;color:#263e53}.prose h3{font-weight:650}.article-toc{border-radius:8px;background:#f6f8fa;border-color:#e4e9ef}.byline{font-size:12px;color:#7a8590}.tool{border-radius:9px;background:#fafbfd;border-color:#dde4eb}pre{background:#f6f8fa;border-color:#e0e6ed;border-left-color:#9aaec0;border-radius:6px}code{background:#f0f3f6}.sources p,.sources li{color:#6d7985}footer{margin-top:64px;padding:30px 0;background:#fafbfd;border-color:#e8ecf0}footer strong{color:#445566;font-weight:650}footer nav a,footer p{color:#74818e}
@media(max-width:1050px){.home-layout{grid-template-columns:minmax(0,1fr) 210px;gap:26px}.entry-body{padding:18px}.entry-body h2{font-size:18px}.article-list{gap:22px 18px}.page-top+.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{padding:18px 0 14px}.nav nav{font-size:12px;gap:22px}.nav nav a{font-size:12px}.brand .brand-type{font-size:20px}.home-heading{padding:29px 0 26px}.home-heading h1{font-size:28px;letter-spacing:-1px}.home-desc{font-size:13px}.home-layout{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:0}.section-title{margin:0 0 18px}.section-title h2{font-size:19px}.article-list{gap:20px 14px}.entry-body{padding:16px}.entry-body h2{font-size:17px}.entry-excerpt{font-size:12px;-webkit-line-clamp:3}.entry-meta{font-size:10px}.entry-number{display:block;font-size:11px;top:10px;left:10px;padding:2px 7px}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sidebar-note{grid-row:span 2;padding:18px}.sidebar-index{padding:0 0 16px}.sidebar-scrap{margin:0}.sidebar-search{max-width:none}.prose h1{font-size:28px}.prose{font-size:15px}.page-top+.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.article-list,.page-top+.article-list{grid-template-columns:minmax(0,1fr);gap:22px}.entry-cover{aspect-ratio:2.15/1}.entry-body{padding:19px 20px}.entry-body h2{font-size:19px}.entry-excerpt{font-size:13px}.entry-meta{font-size:11px}.home-heading{background:none}.home-heading h1{font-size:27px}.home-desc br{display:none}.home-sidebar{grid-template-columns:minmax(0,1fr)}.sidebar-note{grid-row:auto}.sidebar-search{grid-column:auto}.prose h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.list-entry,.note-visual{transition:none}.list-entry:hover,.list-entry:hover .note-visual{transform:none}}
.topic-jump{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line)}.topic-jump a{display:block;padding:7px 15px;border:1px solid #e0e6ec;border-radius:6px;font-size:12px;font-weight:600;color:#516477;background:#fff;text-decoration:none}.topic-jump a:hover{background:#f3f6f9;border-color:#aebdca;color:#203e58}.topic-block{margin-top:50px;scroll-margin-top:24px;padding-top:27px;border-top:2px solid #d9e4ee}.topic-files{border-top-color:#dbe5d8}.topic-web{border-top-color:#ecded3}.topic-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.topic-heading h2{font-size:24px;line-height:1.4;letter-spacing:-.8px;margin:3px 0 8px;font-weight:750;color:#253b50}.topic-label{margin:0;color:#6e8193;font-size:11px;font-weight:600}.topic-description{font-size:13px;color:#74808b;margin:0;line-height:1.7}.topic-all{font-size:12px;white-space:nowrap;color:#516a80;text-decoration:none}.topic-all span{margin-left:6px}.topic-files .topic-heading h2{color:#405c48}.topic-web .topic-heading h2{color:#805a41}#notes{scroll-margin-top:24px}.home-sidebar{padding-top:0}
@media(max-width:760px){.topic-jump{gap:6px;margin-bottom:22px;padding-bottom:17px}.topic-jump a{font-size:11px;padding:7px 11px}.topic-block{margin-top:38px;padding-top:22px}.topic-heading h2{font-size:22px}.topic-description{font-size:12px}.topic-all{font-size:11px}}