.scrapbook {
  --navy:#022873; --gold:#F2C063; --ink:#333; --muted:#626262;
  --line:#DCE3F0; --paper:#F7F9FD; --white:#fff; --warmwhite:#FCFAF7;
  --reading-width:40rem;
  --scrapbook-sans:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --scrapbook-serif:"AppleMyungjo","Batang","Noto Serif CJK KR",serif;
  color:var(--ink); font-family:var(--scrapbook-sans); font-size:18px; line-height:1.9;
  word-break:keep-all; overflow-wrap:anywhere; line-break:strict;
}
.scrapbook,.scrapbook * { box-sizing:border-box; }
.scrapbook h1,.scrapbook h2,.scrapbook h3 { color:var(--ink); }
.scrapbook h1 { font-size:42px; font-weight:600; line-height:1.35; letter-spacing:-.035em; }
.scrapbook h2 { font-size:28px; font-weight:500; line-height:1.5; letter-spacing:-.025em; }
.scrapbook .eyebrow { font-size:12px; line-height:1.7; letter-spacing:.045em; color:var(--muted); font-weight:500; }
.scrapbook-description { max-width:40rem; font-size:20px; line-height:1.8; margin:20px 0 8px; }
.scrapbook-lens { max-width:var(--reading-width); margin:12px 0 36px; padding:0; border:0; background:none; color:var(--muted); font-size:13px; line-height:1.85; }
.scrapbook-filters,.scrapbook-chips { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; }
.scrapbook-filters { margin:34px 0 22px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.scrapbook-filters a { font-size:14px; line-height:1.8; padding:2px 0; color:var(--muted); border-bottom:1px solid transparent; }
.scrapbook-filters a[aria-current=page] { color:var(--navy); border-color:var(--navy); font-weight:600; }
.scrapbook-count,.scrapbook time { font-size:13px; line-height:1.8; color:var(--muted); font-weight:400; letter-spacing:.01em; }
.scrapbook-chips a { background:none; padding:0; border-radius:0; font-size:13px; line-height:1.8; color:var(--muted); }
.scrapbook-chips a:hover { color:var(--navy); }
.scrapbook-notes { display:block; }
.scrapbook-note { display:grid; grid-template-columns:minmax(0,1fr) 11rem; gap:40px; align-items:center; padding:32px 0; border-top:1px solid var(--line); background:none; }
.scrapbook-note-copy { min-width:0; }
.scrapbook-note h2 { margin:10px 0 12px; font-size:27px; font-weight:500; line-height:1.5; }
.scrapbook-note .scrapbook-introduction { max-width:38rem; font-size:18px; line-height:1.85; margin:0 0 18px; color:var(--muted); }
.scrapbook-note-image { display:block; margin:0; overflow:hidden; background:none; }
.scrapbook-note-image img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:2px; }
.scrapbook-note-image.is-default img { aspect-ratio:16/9; object-fit:contain; padding:16px; }
.scrapbook-empty { max-width:40rem; padding:36px 0 44px; border-top:1px solid var(--line); }
.scrapbook-empty h2 { font-size:25px; font-weight:500; margin:0 0 14px; }
.scrapbook-empty p { font-size:18px; line-height:1.85; margin:0; }
.scrapbook-detail { width:100%; max-width:48rem; margin:auto; padding:24px 24px 48px; }
.scrapbook-detail>* { max-width:var(--reading-width); margin-left:auto; margin-right:auto; }
.scrapbook-detail>time { display:block; margin-top:18px; margin-bottom:28px; }
.scrapbook-detail>h1 { margin-top:18px; margin-bottom:0; }
.scrapbook-detail>.scrapbook-introduction { font-size:22px; line-height:1.8; font-weight:400; letter-spacing:-.015em; margin-top:28px; margin-bottom:22px; color:var(--ink); }
.scrapbook-detail>.scrapbook-chips { margin-top:22px; margin-bottom:22px; }
.scrapbook-detail>.scrapbook-lens { margin-top:20px; margin-bottom:44px; }
.scrapbook-case { margin-top:40px; margin-bottom:44px; padding:34px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; background:none; }
.scrapbook-case .eyebrow { margin:0 0 12px; }
.scrapbook-case h2 { margin:0 0 12px; }
.scrapbook-source { font-size:13px; line-height:1.8; margin:0 0 24px; color:var(--muted); }
.scrapbook-source-url { display:block; overflow-wrap:anywhere; }
.scrapbook-link-card { display:flex; gap:20px; align-items:center; padding:18px 0; margin:24px 0 30px; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; background:none; text-decoration:none; }
.scrapbook-link-card>img { flex:0 0 30%; width:30%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:2px; }
.scrapbook-link-copy { display:flex; flex-direction:column; gap:6px; min-width:0; }
.scrapbook-link-copy strong { font-size:16px; font-weight:500; line-height:1.65; color:var(--navy); }
.scrapbook-link-copy small { font-size:12px; font-weight:400; line-height:1.7; color:var(--muted); letter-spacing:0; }
.scrapbook-link-copy>span { font-size:11.5px; line-height:1.7; word-break:break-all; color:var(--muted); }
.scrapbook-facts { margin:28px 0 32px; }
.scrapbook-facts h3 { display:inline-block; font-size:12px; line-height:1.7; font-weight:500; color:var(--muted); margin:0 0 12px; padding-bottom:4px; border-bottom:1px solid var(--line); }
.scrapbook-facts ol { padding-left:1.4em; margin:0; }
.scrapbook-facts li { padding-left:.2em; margin:12px 0; font-size:18px; line-height:1.9; font-weight:400; letter-spacing:-.01em; }
.scrapbook-facts li::marker { color:var(--muted); font-size:13px; }
.scrapbook-opinion { max-width:36rem; padding:20px 0 0; margin:30px 0 28px; border:0; border-top:1px solid var(--line); background:none; }
.scrapbook-opinion h3 { font-family:var(--scrapbook-sans); font-size:13px; font-weight:500; line-height:1.7; margin:0 0 14px; color:var(--navy); }
.scrapbook-opinion p { font-family:var(--scrapbook-serif); font-size:19px; line-height:1.9; font-weight:400; letter-spacing:-.01em; margin:0 0 16px; color:var(--ink); }
.scrapbook-case>.scrapbook-chips { margin-top:26px; gap:6px 14px; }
.scrapbook-case>.scrapbook-chips a { font-size:12px; }
.scrapbook-insights { margin-top:48px; margin-bottom:38px; padding:26px 0 0; border-top:1px solid var(--line); }
.scrapbook-insights h2 { font-size:23px; font-weight:500; margin:0 0 12px; }
.scrapbook-insights p { font-size:16px; line-height:1.85; }
.scrapbook-insights>a { font-size:15px; color:var(--navy); }
.scrapbook-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; border-top:1px solid var(--line); padding-top:24px; }
.scrapbook-pagination a { font-size:16px; line-height:1.75; padding:0; }
.scrapbook-pagination small { display:block; font-size:12px; font-weight:400; color:var(--muted); margin-bottom:8px; }
.scrapbook-pagination a[rel=next] { grid-column:2; text-align:right; }
.scrapbook-link-card:focus-visible,.scrapbook-note-image:focus-visible { outline:3px solid var(--navy); outline-offset:4px; }
@media(max-width:700px) {
  .scrapbook h1 { font-size:34px; line-height:1.4; letter-spacing:-.03em; }
  .scrapbook h2 { font-size:25px; }
  .scrapbook-description { font-size:19px; }
  .scrapbook-detail { padding:20px 20px 36px; }
  .wrap>.scrapbook-detail { padding-left:0; padding-right:0; }
  .scrapbook-detail>.scrapbook-introduction { font-size:20px; line-height:1.85; }
  .scrapbook-case { margin-top:34px; margin-bottom:38px; padding-top:28px; }
  .scrapbook-case h2 { font-size:25px; line-height:1.55; }
  .scrapbook-opinion p { font-size:18px; line-height:1.95; }
  .scrapbook-note { grid-template-columns:minmax(0,1fr) 96px; gap:18px; align-items:start; padding:26px 0; }
  .scrapbook-note h2 { font-size:23px; }
  .scrapbook-note .scrapbook-introduction { font-size:17px; }
  .scrapbook-note-image { margin-top:32px; }
  .scrapbook-note-image.is-default img { padding:4px; }
  .scrapbook-filters { gap:10px 16px; }
  .scrapbook-filters a { font-size:13px; }
  .scrapbook-pagination { grid-template-columns:1fr; gap:24px; }
  .scrapbook-pagination a[rel=next] { grid-column:1; }
}
@media(max-width:420px) {
  .scrapbook-note { grid-template-columns:1fr; }
  .scrapbook-note-image { width:144px; margin-top:2px; justify-self:start; }
  .scrapbook-link-card { flex-direction:column; align-items:stretch; gap:14px; }
  .scrapbook-link-card>img { width:100%; max-height:240px; flex-basis:auto; }
}