:root{--ink: #44403d;--ink-soft: #7f7a74;--line: #57524e;--paper: #fffefb;--desk: #f2efe9;--dot: #d9d3c8;--mustard: #e3b55a;--mustard-pale: #f6e6c2;--rule: #e2dcd2;--cat: var(--mustard);--font: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--latin: "Josefin Sans", "Zen Kaku Gothic New", sans-serif;--max: 980px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--font);font-weight:500;font-size:1rem;line-height:1.85;background-color:var(--desk);background-image:radial-gradient(circle,var(--dot) 1.1px,transparent 1.4px);background-size:18px 18px}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--mustard);outline-offset:3px;border-radius:6px}h1,h2,h3{margin:0;line-height:1.45;font-weight:700}p{margin:0}[style*=--cat]{--cat-pale: color-mix(in srgb, var(--cat) 30%, #fff);--cat-text: color-mix(in srgb, var(--cat) 55%, #3b3735)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem}.skip-link:focus{left:1rem;z-index:10}.site-header{width:min(100% - 32px,var(--max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.25}.brand-en{font-family:var(--latin);font-weight:600;font-size:.625rem;letter-spacing:.2em;color:var(--ink-soft);white-space:nowrap}.brand-ja{font-weight:700;font-size:1.125rem;letter-spacing:.08em}.site-header nav{display:flex;gap:1.25rem;font-size:.8125rem;white-space:nowrap}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.notebook{position:relative;width:min(100% - 32px,var(--max));margin:1.25rem auto 3rem;padding-right:40px}.spiral{position:absolute;top:-14px;left:28px;right:68px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.spiral span{width:9px;height:30px;border:2px solid var(--line);border-radius:5px;background:linear-gradient(90deg,#fff 0 40%,#cfc9bf)}.sheet{position:relative;background:var(--paper);border:1.5px solid var(--line);border-radius:6px 6px 18px 18px;padding:clamp(2.5rem,6vw,3.5rem) clamp(1.25rem,6vw,4rem) clamp(2rem,5vw,3rem);min-height:60vh;box-shadow:0 2px #e4ded4}.sheet:before{content:"";position:absolute;top:22px;left:28px;right:28px;height:8px;background:radial-gradient(circle,var(--desk) 3px,transparent 3.5px) 0 0 / calc((100% - 0px) / 24) 8px repeat-x}.sheet-inner{max-width:720px;margin-inline:auto}.index-tabs{position:absolute;right:0;top:90px;display:flex;flex-direction:column;gap:10px}.index-tabs a{display:block;width:42px;padding:12px 0;writing-mode:vertical-rl;text-orientation:upright;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-decoration:none;background:var(--cat);color:var(--ink);border-radius:0 8px 8px 0;opacity:.92}.index-tabs a:hover,.index-tabs a[aria-current=page]{opacity:1;width:48px}.intro{padding-bottom:1.5rem}.intro-en{font-family:var(--latin);font-weight:600;font-size:.6875rem;letter-spacing:.18em;color:var(--ink-soft)}.intro h1{font-size:clamp(1.75rem,5.5vw,2.5rem);letter-spacing:.1em;margin-top:.25rem}.intro h1 span{background:linear-gradient(transparent 62%,var(--mustard-pale) 62%)}.intro-lead{margin-top:.75rem;font-size:.9375rem;color:var(--ink-soft)}.worries{margin-top:1rem;padding:1.25rem 1.5rem;background:color-mix(in srgb,var(--mustard-pale) 45%,#fff);border-radius:14px}.worries h2{font-size:1rem}.worries ul{list-style:none;margin:.6rem 0 0;padding:0}.worries li{position:relative;padding-left:1.75rem}.worries li+li{margin-top:.35rem}.worries li:before{content:"";position:absolute;left:.1rem;top:.42em;width:1em;height:1em;border:1.5px solid var(--line);border-radius:3px;background:#fff}.worries-after{margin-top:.75rem;font-size:.875rem;color:var(--ink-soft)}.section{margin-top:3rem}.section-title{display:flex;align-items:baseline;gap:.75rem;font-size:1.125rem;letter-spacing:.06em;margin-bottom:1.5rem}.section-title:after{content:"";flex:1;border-bottom:1.5px dashed var(--rule);transform:translateY(-.3em)}.label-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem 1.5rem}.specimen{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:1.5rem 1.25rem 1rem}.specimen:before{content:"";position:absolute;top:-10px;left:18px;width:72px;height:20px;background:repeating-linear-gradient(90deg,var(--cat-pale) 0 6px,color-mix(in srgb,var(--cat) 45%,#fff) 6px 12px);opacity:.9;transform:rotate(-4deg);border-radius:2px}.specimen-cat{font-size:.75rem;font-weight:700;color:var(--cat-text)}.specimen h3{font-size:1.0625rem;margin-top:.2rem}.specimen h3 a{text-decoration:none}.specimen h3 a:after{content:"";position:absolute;inset:0}.specimen:hover h3 a{text-decoration:underline}.specimen p{margin-top:.5rem;font-size:.875rem;color:var(--ink-soft)}.specimen-date{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--rule);font-family:var(--latin);font-size:.75rem;letter-spacing:.06em}.empty-state{border:1.5px dashed var(--line);border-radius:12px;padding:1.5rem;text-align:center}.empty-state h2,.empty-state h3{font-size:1rem}.empty-state p{margin-top:.4rem;font-size:.875rem;color:var(--ink-soft)}.rules ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.rules li{padding:1rem 1.1rem;border-radius:12px;background:var(--desk)}.rules strong{display:block;font-size:.9375rem}.rules li p{margin-top:.25rem;font-size:.8125rem;color:var(--ink-soft)}.rules-more{margin-top:1rem;font-size:.8125rem;text-align:right}.back-link{display:inline-block;font-size:.8125rem;color:var(--ink-soft)}.article-head{margin-top:1rem}.article-cat{display:inline-block;font-size:.75rem;font-weight:700;color:var(--ink);text-decoration:none;background:var(--cat-pale);padding:.1rem .75rem;border-radius:2px;transform:rotate(-1.5deg)}.article-head h1{font-size:clamp(1.4rem,4.4vw,1.875rem);letter-spacing:.04em;margin-top:.5rem}.article-lead{margin-top:.75rem;color:var(--ink-soft);font-size:.9375rem}.label-box{margin:1rem 0 0;padding-top:.75rem;border-top:1.5px dashed var(--rule);display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8125rem;color:var(--ink-soft)}.label-box div{display:flex}.label-box dt,.label-box dd{margin:0}.label-box dt:after{content:"："}.label-box dd{color:var(--ink)}.pr-notice{margin-top:1.25rem;font-size:.75rem;color:var(--ink-soft);background:var(--desk);border-radius:8px;padding:.4rem .8rem}.page-title{font-size:clamp(1.4rem,4.4vw,1.875rem);letter-spacing:.04em;margin-top:.75rem}.page-description{margin-top:.5rem;color:var(--ink-soft)}.page-count{font-size:.8125rem;color:var(--ink-soft);margin-bottom:2rem}.prose{margin-top:1.75rem;font-size:1rem;line-height:1.95}.prose>*+*{margin-top:1.25em}.prose h2{position:relative;font-size:1.1875rem;margin-top:2.75em;padding:.5em 0 .5em 1em;border-bottom:1.5px solid var(--line)}.prose h2:before{content:"";position:absolute;left:-.25em;top:.35em;width:.6em;height:1.4em;background:var(--cat);opacity:.85;border-radius:2px;transform:rotate(-6deg)}.prose h3{font-size:1.0625rem;margin-top:2em;padding-bottom:.25em;border-bottom:1px dashed var(--rule)}.prose ul{list-style:none;padding-left:0}.prose ul>li{position:relative;padding-left:1.6em}.prose ul>li:before{content:"";position:absolute;left:.2em;top:.55em;width:.9em;height:.9em;border:1.5px solid var(--line);border-radius:3px;background:#fff}.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose a{color:#3d6c9a}.prose strong{background:linear-gradient(transparent 62%,var(--mustard-pale) 62%)}.prose blockquote{margin-inline:0;padding:1em 1.25em;background:var(--desk);border-radius:12px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1.5px solid var(--line);border-radius:12px;background:#fff}.table-scroll table{border-collapse:collapse;min-width:100%;font-size:.875rem;line-height:1.6}.table-scroll th,.table-scroll td{padding:.7em .9em;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}.table-scroll th+th,.table-scroll td+td{border-left:1px solid var(--rule)}.table-scroll tr:last-child td{border-bottom:0}.table-scroll th{background:var(--cat-pale);white-space:nowrap}.table-scroll td:first-child{font-weight:700;white-space:nowrap}.aff-button{display:block;width:fit-content;max-width:100%;margin:2rem auto;padding:.9rem 2.5rem;background:var(--mustard);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;font-weight:700;text-align:center;text-decoration:none;letter-spacing:.06em}.aff-button:hover{background:color-mix(in srgb,var(--mustard) 85%,#fff)}.prose a.aff-button{color:var(--ink)}.tracking-pixel{position:absolute;width:1px;height:1px;border:0}.related{margin-top:3.5rem}.site-footer{width:min(100% - 32px,var(--max));margin:0 auto;padding-block:.5rem 2.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;font-size:.8125rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.site-footer small{color:var(--ink-soft)}@media(max-width:760px){.notebook{padding-right:0;margin-top:4.25rem}.spiral{left:14px;right:14px}.spiral span:nth-child(2n){display:none}.sheet:before{left:14px;right:14px;background-size:calc(100% / 12) 8px}.index-tabs{flex-direction:row;gap:6px;top:-48px;left:0;right:auto}.index-tabs a{writing-mode:horizontal-tb;text-orientation:mixed;width:auto;padding:2px 14px;border-radius:999px}.index-tabs a:hover,.index-tabs a[aria-current=page]{width:auto}.rules ul{grid-template-columns:1fr}.site-header nav{gap:.75rem;font-size:.75rem}.brand-ja{font-size:1rem}}