:root{--paper:#f4eee2;--card:#fffcf5;--ink:#24201b;--muted:#675e52;--line:#24201b24;--line-strong:#24201b57;--rule:#466eb424;--marker:#ffd447;--marker-soft:#ffd4478c;--red:#bf3a20;--tape:#ffde82b8;--stamp:#bf3a20;--shadow-card:0 1px 0 #3c28140d, 0 18px 40px -22px #3c281466;--shadow-hard:4px 4px 0 var(--ink);--pill-bg:#fff;--noise-opacity:.07;--font-hand:"LXGW WenKai", "Kaiti SC", "STKaiti", KaiTi, "Noto Serif CJK SC", "Songti SC", serif;--font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--content:1120px;--gutter:40px;--header-height:76px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1c1a17;--card:#25221e;--ink:#ece5d6;--muted:#b1a796;--line:#ece5d621;--line-strong:#ece5d64d;--rule:#8caae61f;--marker:#ffd447;--marker-soft:#ffcd404d;--red:#ff8a6b;--tape:#ffde8247;--stamp:#ff8a6b;--shadow-card:0 18px 40px -22px #000c;--pill-bg:#2c2925;--noise-opacity:.05;color-scheme:dark}}@media (width<=720px){:root{--gutter:18px;--header-height:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-height)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-hand);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:18px;line-height:1.75;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}p,li,dd{text-wrap:pretty}:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}:lang(ja){line-break:strict}a{color:inherit;text-decoration:none}:focus-visible{outline:2px dashed var(--red);outline-offset:3px;border-radius:4px}::selection{background:var(--marker-soft);color:var(--ink)}.container{width:100%;max-width:calc(var(--content) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 14px;position:absolute;top:-100px}.skip-link:focus{top:12px}.marker{background:linear-gradient(100deg, transparent 0.4%, var(--marker-soft) 1.5%, var(--marker-soft) 98.5%, transparent 99.6%) 0 78% / 100% 50% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.text-link{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration-thickness:1.5px}.text-link:hover{color:var(--ink);text-decoration-color:var(--red)}.pen-underline{background:linear-gradient(var(--red), var(--red)) 0 100% / 100% 2px no-repeat;padding-bottom:2px}.button{border:1.5px solid var(--ink);height:48px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:18px;font-weight:500;line-height:1;transition:transform .12s,box-shadow .12s;display:inline-flex}.button-ink{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--red)}.button-ink:hover{box-shadow:4px 4px 0 var(--red);transform:translate(-1px,-1px)}.button-ink:active{box-shadow:1px 1px 0 var(--red);transform:translate(2px,2px)}.button-line{color:var(--ink);background:0 0}.button-line:hover{background:var(--card)}.button-small{height:40px;padding:0 16px;font-size:16px}.section{border-top:1.5px dashed var(--line-strong);padding:96px 0}.page-top{padding:56px 0 96px}@media (width<=720px){.section{padding:64px 0}.page-top{padding:32px 0 64px}}.paper{background:var(--card);box-shadow:var(--shadow-card);border-radius:4px;position:relative}.ruled{background-image:repeating-linear-gradient(transparent 0 33px, var(--rule) 33px 34px)}.tape{background:var(--tape);width:104px;height:26px;margin-left:-52px;position:absolute;top:-13px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #0000000f}.stamp{border:2.5px double var(--stamp);color:var(--stamp);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:.9;border-radius:8px;padding:4px 14px;font-size:18px;font-weight:500;display:inline-block;transform:rotate(-6deg)}
