/* 빈칸노트 글 페이지 (공부법 · 시험 정보) 공통 스타일.
   읽는 것 말고는 아무것도 없게: 얇은 머리줄, 가운데 한 줄기 본문, 옆쪽 사이드바 없음.
   색은 앱과 같은 녹색 하나, 바탕은 앱보다 하얗고 조용하게. */
:root{
  --bg:#ffffff; --surface:#f5f8f6; --surface-2:#e9efec; --ink:#1c2a24; --ink-2:#56675f; --line:#e1e8e4;
  --accent:#0b7657; --accent-ink:#ffffff; --accent-soft:#e3f2ea;
  --font:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',system-ui,sans-serif;
  --read:840px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#111916; --surface:#17221e; --surface-2:#203029; --ink:#e3ece7; --ink-2:#a3b6ad; --line:#26352f;
    --accent:#4ec9a0; --accent-ink:#082118; --accent-soft:#1b3a30;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#111916; --surface:#17221e; --surface-2:#203029; --ink:#e3ece7; --ink-2:#a3b6ad; --line:#26352f;
  --accent:#4ec9a0; --accent-ink:#082118; --accent-soft:#1b3a30;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit}
.wrap{max-width:var(--read);margin:0 auto;padding:0 20px}

/* 머리줄: 내려 읽으면 숨고, 조금이라도 올리면 다시 나타난다 */
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:transform .25s ease}
.top.hide{transform:translateY(-100%)}
.top-in{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:6px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:600;font-size:1.02rem;margin-right:auto;white-space:nowrap}
.logo svg{width:26px;height:26px;color:var(--accent);flex:none}
.nav{display:flex;align-items:center;gap:2px}
.nav a{text-decoration:none;color:var(--ink-2);font-weight:500;font-size:.95rem;padding:8px 12px;border-radius:8px;white-space:nowrap}
.nav a:hover{color:var(--ink);background:var(--surface)}
.nav a[aria-current="page"]{color:var(--accent)}
.go{margin-left:8px;text-decoration:none;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:.92rem;padding:8px 14px;border-radius:999px;white-space:nowrap}
.go:hover{filter:brightness(1.07)}
.go .s{display:none}
@media (max-width:560px){
  .top-in{padding:8px 14px;gap:2px}
  .logo span{display:none}
  .nav a{padding:8px 9px;font-size:.92rem}
  .go{margin-left:4px;padding:7px 12px;font-size:.88rem}
  .go .l{display:none}.go .s{display:inline}
}

/* 글 머리 */
.crumb{margin:40px 0 12px;font-size:.88rem;color:var(--ink-2)}
.crumb a{text-decoration:none;color:var(--ink-2)}
.crumb a:hover{color:var(--accent);text-decoration:underline}
.crumb i{font-style:normal;margin:0 6px;opacity:.6}
h1.title{margin:0;font-size:clamp(1.75rem,1.4rem + 1.6vw,2.4rem);line-height:1.35;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.meta{margin:14px 0 0;color:var(--ink-2);font-size:.9rem}
.lead{margin:22px 0 0;font-size:1.12em;color:var(--ink-2);line-height:1.75}

/* 글 안 목차: 맨 위에 접힌 상태로 작게 */
.toc{margin:28px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.95rem}
.toc summary{cursor:pointer;padding:12px 16px;font-weight:500;color:var(--ink-2);list-style:none;display:flex;align-items:center;gap:8px}
.toc summary::-webkit-details-marker{display:none}
.toc summary::before{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin-right:2px}
.toc[open] summary::before{transform:rotate(45deg)}
.toc ol{margin:0;padding:0 16px 14px 38px;line-height:1.9}
.toc a{text-decoration:none;color:var(--ink)}
.toc a:hover{color:var(--accent);text-decoration:underline}

/* 본문: PC 19px · 폰 17.5px, 줄 간격 1.85, 문단 사이 넉넉하게 */
.body{margin-top:36px;font-size:19px;line-height:1.85}
@media (max-width:560px){.body{font-size:17.5px;line-height:1.8}}
.body p{margin:0 0 1.15em}
.body h2{margin:2.3em 0 .7em;padding-top:1.1em;border-top:1px solid var(--line);font-size:1.38em;line-height:1.4;font-weight:600}
.body h3{margin:1.7em 0 .5em;font-size:1.12em;font-weight:600}
.body strong{font-weight:600}
.body ul,.body ol{margin:0 0 1.15em;padding-left:1.3em}
.body li{margin:.3em 0}
.body li::marker{color:var(--accent)}
.body blockquote{margin:1.4em 0;padding:2px 0 2px 18px;border-left:3px solid var(--accent);color:var(--ink-2)}
/* 핵심 상자: 연한 초록 바탕 */
.key{margin:1.5em 0;padding:18px 22px;border-radius:14px;background:var(--accent-soft)}
.key b{display:block;margin-bottom:6px;color:var(--accent);font-size:.82em;letter-spacing:.02em}
.key p:last-child,.key ul:last-child{margin-bottom:0}
.body table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:.88em;line-height:1.6}
.body th,.body td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.body th{background:var(--surface);font-weight:600}
.tscroll{overflow-x:auto}
/* 빈칸 예시: 앱의 빈칸 모양을 그대로 */
.blank{display:inline-block;min-width:3.2em;height:1.15em;vertical-align:-.15em;border-radius:6px;background:var(--surface-2);box-shadow:inset 0 -2px 0 #98b0a4}
.src{font-size:.82em;color:var(--ink-2)}
/* 그림: 캡처 대신 앱 모양을 본떠 직접 그린다 (폰에서도 선명, 어두운 화면 자동). 소개 · 사용법 페이지에서 씀 */
.fig{margin:1.6em 0 1.9em}
.fig figcaption{margin-top:10px;font-size:.8em;color:var(--ink-2);text-align:center;line-height:1.6}
.fbox{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.body .fbox .blank{min-width:0;width:var(--w);height:1.2em;vertical-align:-.2em;margin:0 .08em}
.body kbd,.body code{font-family:ui-monospace,Consolas,monospace;font-size:.78em;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--surface);white-space:nowrap}
.body code{border-bottom-width:1px}
.body a{color:var(--accent);text-underline-offset:3px}
/* 형광펜 강조: 글자 아래쪽 절반만 칠한다. 굵게(strong)와 함께 써도 된다 */
.body mark{background:linear-gradient(transparent 55%,#ffe98a 55%);color:inherit;padding:0 .05em;border-radius:2px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .body mark{background:linear-gradient(transparent 55%,rgba(255,214,90,.32) 55%)}}
:root[data-theme="dark"] .body mark{background:linear-gradient(transparent 55%,rgba(255,214,90,.32) 55%)}

/* 광고 자리 (승인 전에는 자리만 보이게, 실제로는 숨김) */
.ad{margin:2.4em 0;min-height:120px;border:1.5px dashed var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);font-size:.85rem;opacity:.8}

/* 글 끝: 앱으로 가는 버튼 하나 */
.cta{margin:48px 0 0;padding:28px 24px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-align:center}
.cta p{margin:0 0 4px;font-weight:600;font-size:1.12rem}
.cta small{display:block;color:var(--ink-2);margin-bottom:16px}
.cta a{display:inline-block;text-decoration:none;background:var(--accent);color:var(--accent-ink);font-weight:600;padding:12px 26px;border-radius:999px}
.cta a:hover{filter:brightness(1.07)}

/* 같은 분류 글 목록 */
.more{margin:56px 0 0}
.more h2{margin:0 0 6px;font-size:1.05rem;font-weight:600}
.more ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.more li{border-bottom:1px solid var(--line)}
.more li a{display:block;padding:14px 4px;text-decoration:none}
.more li a:hover{color:var(--accent)}
.more li.now a{font-weight:600;color:var(--accent);pointer-events:none}
.more li.now a::before{content:'지금 읽는 글 · ';font-weight:500;font-size:.8em;color:var(--ink-2)}
.all{display:inline-block;margin-top:14px;font-weight:500;color:var(--accent);text-decoration:none}
.all:hover{text-decoration:underline}

/* 목록 화면 */
.page-h{margin:48px 0 0}
.page-h h1{margin:0;font-size:clamp(1.7rem,1.4rem + 1.2vw,2.2rem);font-weight:600}
.page-h p{margin:8px 0 0;color:var(--ink-2)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:26px 0 8px}
.tabs button{border:1px solid var(--line);background:var(--bg);color:var(--ink-2);font:inherit;font-size:.92rem;font-weight:500;padding:7px 15px;border-radius:999px;cursor:pointer}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.posts{list-style:none;margin:0;padding:0}
.posts li{border-bottom:1px solid var(--line)}
.posts a{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:22px 2px;text-decoration:none}
.posts h2{margin:0;font-size:1.2rem;font-weight:600;line-height:1.45}
.posts a:hover h2{color:var(--accent)}
.posts p{grid-column:1;margin:0;color:var(--ink-2);font-size:.97rem;line-height:1.65}
.posts time{grid-row:1;grid-column:2;color:var(--ink-2);font-size:.85rem;white-space:nowrap;padding-top:4px}
.posts .cat{display:inline-block;margin-bottom:6px;font-size:.78rem;font-weight:600;color:var(--accent)}
@media (max-width:560px){.posts a{grid-template-columns:1fr}.posts time{grid-row:auto;grid-column:1;padding:2px 0 0}}

/* 시험 정보: 자격증 찾기 */
.find{margin:26px 0 8px;position:relative}
.find input{width:100%;font:inherit;font-size:1.02rem;padding:13px 16px 13px 44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.find input:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}
.find svg{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--ink-2)}
.group{margin:30px 0 0}
.group h2{margin:0 0 12px;font-size:.92rem;font-weight:600;color:var(--ink-2)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:500}
.chips a:hover{border-color:var(--accent);color:var(--accent)}
.chips em{font-style:normal;font-size:.8rem;color:var(--ink-2)}
.none{color:var(--ink-2);margin:20px 0}

/* 임시 화면 안내 */
.draft{margin:16px auto 0;max-width:var(--read);padding:0 20px}
.draft p{margin:0;padding:9px 14px;border-radius:10px;background:#fff6dc;color:#7a5300;font-size:.85rem}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .draft p{background:#3a2f17;color:#e3b45e}}

/* 바닥줄 */
.foot{margin-top:80px;border-top:1px solid var(--line);padding:26px 20px 40px;text-align:center;color:var(--ink-2);font-size:.85rem}
.foot nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:8px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--ink);text-decoration:underline}

/* ───── 그림 모형: 앱 화면을 본떠 그린 것 (소개 · 사용법 · 블로그 글 공용). 앱 화면이 바뀌면 같이 고친다 ───── */
/* 움직이는 예시 · 5단계 · 목차 그림 (처음엔 about.html에 있던 것) */

/* ① 움직이는 예시 (앱 첫 화면과 같은 장면) */
.demo{padding:18px clamp(16px,4vw,32px) 12px}
.demo-path{margin:0 0 2px;font-size:.78em;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em}
.demo-card{min-height:140px;display:flex;align-items:center;transition:opacity .25s ease}
.demo-card.fade{opacity:0}
.demo-s{margin:0 !important;font-size:.98em;line-height:2.2;word-break:keep-all}
.demo-s.en{word-break:normal}
.ib{display:inline-block;min-width:min(var(--w),100%);max-width:100%;line-height:1.3;vertical-align:baseline;padding:.04em .3em 0;margin:0 .08em;background:var(--surface-2);border-bottom:2px solid var(--ink-2);border-radius:7px;transition:background .25s,border-color .25s,box-shadow .25s}
.ibt::before{content:'\200b'}
.ib.all{display:block;min-width:0;min-height:4.4em;line-height:2;padding:.2em .5em}
.ib.act{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ib.act .ibt::after{content:'';display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-.12em;background:var(--accent);animation:ibblink 1s steps(1) infinite}
.ib.ok{background:var(--accent-soft);border-color:var(--accent);font-weight:500;animation:ibpop .3s ease}
@keyframes ibblink{50%{opacity:0}}
@keyframes ibpop{50%{transform:scale(1.06)}}
.demo-bar{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;font-size:.8em;color:var(--ink-2);min-height:2.4em}

/* ② 5단계: 같은 문장에서 빈칸이 점점 늘어난다 */
.stg{list-style:none;margin:0 !important;padding:0 !important;overflow:hidden}
.stg li{display:grid;grid-template-columns:6.4em minmax(0,1fr);gap:4px 14px;align-items:center;margin:0;padding:12px 18px;border-top:1px solid var(--line)}
.stg li:first-child{border-top:0}
.stg .n{font-size:.74em;font-weight:600;color:var(--ink-2);line-height:1.4;display:flex;align-items:center;gap:7px}
.stg .n b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.05em}
.stg .s{font-size:.84em;line-height:2.05}
.stg .ttl{font-weight:600;color:var(--accent)}
.body .stg .blank.wide{display:block;width:100%;height:2.4em;margin:.3em 0 .1em}
@media (max-width:560px){.stg li{grid-template-columns:1fr;padding:12px 14px}}

/* ③ 목차: 문장이 전체에서 어디에 있는지 */
.tocfig{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:14px;align-items:stretch}
.tf-tree,.tf-card{padding:14px 16px;font-size:.8em;line-height:1.5}
.tf-h{margin:0 0 8px !important;font-size:.92em;font-weight:600;color:var(--ink-2)}
.tf-r{display:flex;gap:8px;align-items:baseline;padding:5px 8px;border-radius:8px;white-space:nowrap}
.tf-r i{font-style:normal;color:var(--accent);font-size:.88em;min-width:1.9em}
.tf-r.d1{margin-left:1.3em;color:var(--ink-2)}
.tf-r.on{background:var(--accent-soft);color:var(--ink);font-weight:600}
.tf-r.on::after{content:'지금 외우는 문장';margin-left:auto;font-size:.78em;font-weight:500;color:var(--accent)}
.tf-card{display:flex;flex-direction:column;justify-content:center}
.tf-path{margin:0 0 6px !important;font-size:.9em;color:var(--ink-2)}
.tf-path b{color:var(--accent);font-weight:600}
.tf-s{margin:0 !important;font-size:1.08em;line-height:2.1}
@media (max-width:640px){.tocfig{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ib.ok{animation:none}}
/* 앱 화면 모형 · 마인드맵 · 문제지 (처음엔 guide.html에 있던 것) */
.mk{padding:16px 18px;font-size:.8em;line-height:1.7}
.mk p{margin:0}
.mrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mrow.sb{justify-content:space-between}
.mlabel{font-size:.86em;font-weight:600;color:var(--ink-2);margin-bottom:6px !important}
.mbtn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:3px 11px;font-size:.92em;font-weight:500;white-space:nowrap;line-height:1.6}
.mbtn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.mbtn.dash{border-style:dashed;color:var(--accent);background:none}
.mbtn.ghost{border-color:transparent;background:none;color:var(--ink-2)}
.mbtn.ic{padding:3px 8px;border-radius:50%;min-width:2.1em;justify-content:center}
.mta{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 12px;margin-bottom:8px}
.mta.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.mkw{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);border-radius:5px;padding:0 .14em;font-weight:500}
.mcut{display:inline-block;margin:0 .35em;color:var(--accent);font-weight:700}
.mgap{display:inline-block;width:.5em;height:1em;vertical-align:-.15em;margin:0 .05em;border-left:1.5px dotted var(--line)}
.msw{display:inline-flex;align-items:center;gap:6px;font-size:.92em;color:var(--ink-2)}
.msw i{display:inline-block;width:2.1em;height:1.2em;border-radius:999px;background:var(--accent);position:relative}
.msw i::after{content:'';position:absolute;right:.15em;top:.15em;width:.9em;height:.9em;border-radius:50%;background:#fff}
.msw.off i{background:var(--line)}
.msw.off i::after{right:auto;left:.15em}
.mdot{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-weight:600;font-size:.9em}
.mdot.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.mcard{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:12px 14px;margin:10px 0}
.mpath{font-size:.88em;color:var(--ink-2)}
.ms{font-size:1.12em;line-height:2.15;margin:4px 0 !important}
.body .fbox .blank.ok{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);width:auto;height:auto;padding:0 .3em;color:var(--accent);font-weight:500;vertical-align:baseline}
.body .fbox .blank.hint{width:auto;height:auto;padding:0 .4em;color:var(--ink-2);letter-spacing:.15em;vertical-align:baseline}
.minp{display:inline-block;min-width:4em;padding:0 .35em;border:1.5px solid var(--accent);border-radius:7px;background:var(--bg);box-shadow:0 0 0 3px var(--accent-soft);line-height:1.5}
.minp::after{content:'';display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-.15em;background:var(--accent)}
.mnote{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink-2);font-size:.9em}
/* 번호 표시와 아래 설명 */
.co{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.55em;height:1.55em;border-radius:50%;background:#e8590c;color:#fff;font-size:.78em;font-weight:700;line-height:1;font-style:normal}
.legend{list-style:none;margin:10px 0 0 !important;padding:0 !important;font-size:.82em;line-height:1.65;color:var(--ink-2);display:grid;gap:4px}
.legend li{display:flex;gap:8px;align-items:baseline;margin:0}
.legend b{color:var(--ink);font-weight:600}
/* 목차 모형 */
.mt-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.mt-h strong{font-size:1.1em;margin-right:auto}
.mt-r{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;white-space:nowrap}
.mt-r.d1{padding-left:2.2em}
.mt-r .dh{color:var(--ink-2);opacity:.45;letter-spacing:-.1em}
.mt-r .fd{color:var(--ink-2);width:.8em;text-align:center}
.mt-r .no{color:var(--accent);font-size:.9em;min-width:1.9em}
.mt-r .nm{font-weight:600}
.mt-r.d1 .nm{font-weight:400}
.mt-r .cnt{font-size:.82em;border:1px solid var(--line);border-radius:999px;padding:0 8px;color:var(--ink-2)}
.mt-r .end{margin-left:auto;display:flex;gap:10px;color:var(--ink-2)}
.mt-r .end .pl{color:var(--accent)}
.mt-scroll{overflow-x:auto}
/* 마인드맵 모형: PC는 왼쪽에서 오른쪽, 폰은 위에서 아래 */
.mm{display:flex;align-items:center;gap:0}
.mm-n{flex:none;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:4px 12px;font-weight:600;white-space:nowrap}
.mm-n.root{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.mm-n.sm{font-weight:500}
.mm-l{flex:none;width:22px;height:1.5px;background:var(--line)}
.mm-col{display:flex;flex-direction:column;gap:12px;border-left:1.5px solid var(--line);padding:6px 0}
.mm-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0}
.mm-row::before{content:'';width:16px;height:1.5px;background:var(--line);flex:none}
.mm-chips{display:flex;gap:5px;flex-wrap:wrap}
.mm-c{border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:1px 10px;font-weight:500;font-size:.95em}
.mm-c.hid{background:var(--surface-2);color:transparent;box-shadow:inset 0 -2px 0 #98b0a4}
@media (max-width:640px){
  .mm{flex-direction:column;align-items:flex-start}
  .mm-l{width:1.5px;height:14px;margin-left:22px}
  .mm-col{margin-left:22px;padding-left:12px;gap:14px}
  .mm-row{flex-direction:column;align-items:flex-start;gap:6px}
  .mm-row::before,.mm-row .mm-l{display:none}
  .mm-row > .mm-n.sm{margin-left:16px}
  .mm-row > .mm-chips{margin-left:32px}
}
/* 문제지 모형: 종이 한 장 */
.paper{max-width:520px;margin:0 auto;background:#fff;color:#1c2a24;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.08);padding:20px 24px;font-size:.8em;line-height:1.9}
.paper h4{margin:0 0 2px;font-size:1.12em}
.paper .sub{margin:0 0 10px;font-size:.86em;color:#56675f;border-bottom:1px solid #e1e8e4;padding-bottom:8px}
.paper ol{margin:0;padding-left:1.4em}
.paper li{margin:0 0 8px}
.paper .pb{display:inline-block;min-width:4.4em;border-bottom:1.5px solid #56675f;color:#98a8a0;text-align:center;letter-spacing:.12em;line-height:1.4;margin:0 .15em}
.paper .pb.w{min-width:9em}