:root{--ink:#171c28;--paper:#f4f2ea;--memo-ink:#1d2230;--memo-muted:#4a5168;--memo-line:#cfcab8;--postit:#ffd84d;--display:"Bowlby One SC","Arial Black",Impact,sans-serif;--body:"IBM Plex Sans",system-ui,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--memo-ink);font-family:var(--body);font-size:16px;line-height:1.6;padding:32px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px))}.doc{max-width:820px;margin:0 auto;background:var(--paper);border-radius:4px;box-shadow:0 20px 60px #00000080;padding:32px clamp(18px,5vw,56px) 40px;position:relative}.doc:before{content:"";position:absolute;top:-10px;left:50%;width:120px;height:22px;transform:translate(-50%) rotate(-2deg);background:#ffd84dd9}.dochead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--memo-ink);padding-bottom:12px;margin-bottom:22px;font-family:var(--mono);font-size:12px;color:var(--memo-muted);text-transform:uppercase;letter-spacing:.06em}.dochead a{color:var(--memo-ink);font-weight:600;text-decoration:none;border:1.5px solid var(--memo-ink);border-radius:14px;padding:2px 10px;text-transform:none;letter-spacing:0;font-family:var(--body)}.dochead a:hover{background:var(--memo-ink);color:var(--paper)}h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,6vw,44px);line-height:1.05;margin:0 0 6px;text-wrap:balance}.meta{color:var(--memo-muted);margin:0 0 20px;font-size:14px}h2{font-size:19px;margin:30px 0 8px;text-wrap:balance}h3{font-size:16px;margin:18px 0 6px}p,li{max-width:70ch}ol,ul{padding-left:1.4em}li{margin:4px 0}a{color:#1f4a7a}.toc{background:#fbfaf5;border:1.5px solid var(--memo-line);border-radius:6px;padding:12px 18px;margin:0 0 10px}.toc ol{margin:6px 0;columns:2 260px}.box{background:var(--postit);border-radius:6px;padding:12px 16px;margin:16px 0}.box p{margin:4px 0}.tablewrap{overflow-x:auto;margin:10px 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--memo-line);padding:8px;text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--memo-muted);border-bottom:2px solid var(--memo-ink)}code{font-family:var(--mono);font-size:13px;background:#e9e5d8;padding:1px 5px;border-radius:3px}.form{border:1.5px dashed var(--memo-ink);border-radius:6px;padding:14px 18px;margin:12px 0;background:#fff}footer{margin-top:32px;padding-top:12px;border-top:1px solid var(--memo-line);font-size:13px;color:var(--memo-muted)}
