:root{--ground:#FBF8F1;--paper:#FFFFFF;--ink:#2B2A27;--ink2:#4A4740;--muted:#5A564D;--line:#E8DFCC;--line2:#E3D9C6;--accent:#C2552D;--accent-dark:#9E4021;--link:#2D5A8A;--link-hover:#1B3C60;--hl:#FFE9A8;--note:#FFF3C4;--sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--round:"Kiwi Maru","Hiragino Maru Gothic ProN",serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.95;-webkit-text-size-adjust:100%}.pp a{color:var(--link);text-underline-offset:4px}.pp a:hover{color:var(--link-hover)}.pp :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.pp :is(h1,h2,h3,p,li){overflow-wrap:anywhere;line-break:strict}.pp :is(h1,h2,h3){word-break:auto-phrase;text-wrap:balance}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:#fff;padding:10px 14px;z-index:100;border-radius:10px}.site-header{background:var(--ground)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px;position:relative}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)!important;flex:0 0 auto}.brand-text{display:flex;flex-direction:column}.brand svg{flex:0 0 auto}.brand-name{font-family:var(--round);font-size:30px;font-weight:500;line-height:1.2}.brand-sub{font-size:12px;color:var(--muted);line-height:1.4}.main-nav{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-end;font-size:15px;font-weight:700}.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;border:2px solid var(--line2);background:var(--paper);color:var(--ink)!important;text-decoration:none;white-space:nowrap}.main-nav a:hover{border-color:var(--ink)}.main-nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff!important}.mobile-menu{display:none}.mobile-menu summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:8px 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);font-weight:700;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:after{content:"＋";font-size:16px}.mobile-menu[open] summary:after{content:"－"}.mobile-menu nav{position:absolute;left:16px;right:16px;top:100%;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:var(--paper);border:2px solid var(--line);border-radius:20px;box-shadow:0 10px 24px #2b2a271f}.mobile-menu nav a{display:flex;align-items:center;min-height:48px;padding:8px 14px;border-radius:14px;background:var(--ground);color:var(--ink)!important;text-decoration:none;font-weight:700;font-size:15px}@media(max-width:1279px){.main-nav{display:none}.mobile-menu{display:block}}.button,.pp a.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 26px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:700;text-decoration:none;text-align:center;line-height:1.5}.pp a.button:hover{background:var(--accent-dark)}.button-outline,.pp a.button-outline{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 26px;border-radius:999px;border:2px solid var(--ink);color:var(--ink)!important;font-weight:700;text-decoration:none;background:transparent}.pp a.button-outline:hover{background:var(--paper)}.tag{display:inline-block;align-self:flex-start;font-size:13px;font-weight:700;padding:2px 12px;border-radius:999px;line-height:1.8}.section{padding:40px 0}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}.section-title{margin:0;font-family:var(--round);font-weight:500;font-size:32px;line-height:1.5}.section-intro{margin:6px 0 24px;color:var(--muted)}.hero{background:var(--paper);border:2px solid var(--line);border-radius:28px;padding:56px 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;align-items:center;margin-top:12px}.hero-kicker{display:inline-block;margin:0 0 14px;padding:4px 14px;border-radius:999px;background:var(--hl);font-size:15px;font-weight:700}.hero h1{margin:0 0 18px;font-family:var(--round);font-weight:500;font-size:46px;line-height:1.5}.hero p{margin:0 0 26px;font-size:18px;color:var(--ink2)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.stickies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sticky{display:block;padding:20px;border-radius:6px;font-family:var(--round);font-size:18px;line-height:1.7;color:var(--ink)!important;text-decoration:none;box-shadow:0 2px #2b2a270f}.sticky:nth-child(1){background:#fff3c4;transform:rotate(-2deg)}.sticky:nth-child(2){background:#ddefe3;transform:rotate(1.5deg)}.sticky:nth-child(3){background:#e3ecf8;transform:rotate(1deg)}.sticky:nth-child(4){background:#f8e1da;transform:rotate(-1.5deg)}.sticky:hover{transform:rotate(0) translateY(-2px)}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.theme{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;min-height:84px;background:var(--paper);border:2px solid var(--line);border-radius:18px;color:var(--ink)!important;text-decoration:none}.theme:hover{border-color:var(--ink)}.theme .dot{flex:0 0 14px;height:14px;margin-top:8px;border-radius:4px}.theme strong{display:block;font-size:18px;line-height:1.6}.theme span.desc{display:block;font-size:14px;color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{display:flex;flex-direction:column;gap:10px;padding:26px;background:var(--paper);border:2px solid var(--line);border-radius:22px;color:var(--ink)!important;text-decoration:none}.card:hover{border-color:var(--ink)}.card strong{font-size:20px;line-height:1.6}.card .summary{font-size:15px;color:var(--muted);line-height:1.85}.card .more{margin-top:auto;font-size:14px;font-weight:700;color:var(--accent)}.list-hero{background:var(--paper);border:2px solid var(--line);border-radius:28px;padding:40px 44px;margin-top:12px}.list-hero h1{margin:0 0 10px;font-family:var(--round);font-weight:500;font-size:40px;line-height:1.5}.list-hero p{margin:0;color:var(--ink2)}.search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:24px;padding:20px;background:var(--ground);border:2px dashed var(--line2);border-radius:20px}.search label{display:block;font-weight:700;font-size:15px;margin-bottom:4px}.search input,.search select{width:100%;min-height:52px;padding:0 16px;font-size:17px;font-family:inherit;border:2px solid var(--line2);border-radius:14px;background:#fff;color:var(--ink)}.search button{min-height:52px;padding:0 20px;font-size:16px;font-family:inherit;font-weight:700;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.result{margin:18px 0 0;font-size:15px;color:var(--muted)}.empty{margin:18px 0 0;padding:18px 20px;background:var(--note);border-radius:14px}.theme-section{padding-top:40px}.theme-section h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--round);font-weight:500;font-size:28px}.theme-section h2 .dot{width:16px;height:16px;border-radius:5px}.more-btn{margin-top:18px;min-height:48px;padding:0 24px;font-size:16px;font-family:inherit;font-weight:700;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}[hidden]{display:none!important}.article{max-width:820px;margin:12px auto 0;background:var(--paper);border:2px solid var(--line);border-radius:28px;padding:44px 52px 48px}.article .crumb{margin:0 0 10px;font-size:14px;color:var(--muted)}.article .eyebrow{display:inline-block;margin:0 0 12px;padding:2px 12px;border-radius:999px;background:var(--note);font-size:14px;font-weight:700;color:#6b5310}.article h1{margin:0 0 16px;font-family:var(--round);font-weight:500;font-size:34px;line-height:1.6}.article .lead{margin:0 0 14px;font-size:18px;color:var(--ink2)}.article .quiet{margin:10px 0;font-size:14px;color:var(--muted)}.article h2{margin:2.2em 0 .6em;font-family:var(--round);font-weight:500;font-size:25px;line-height:1.6}.article>h2{width:fit-content;max-width:100%;background:linear-gradient(transparent 64%,var(--hl) 64%)}.article h3{margin:1.6em 0 .4em;font-size:20px}.article p{margin:1em 0}.article ul,.article ol{padding-left:1.6em}.article li{margin:.4em 0}.article .note{margin:1.4em 0;padding:18px 22px;background:var(--note);border-radius:16px}.article .toc{margin:1.4em 0;padding:18px 22px;background:var(--ground);border:2px dashed var(--line2);border-radius:16px}.article .toc a{display:block;padding:6px 0}.article details{margin:.8em 0;padding:12px 18px;border:2px solid var(--line);border-radius:14px}.article summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center}.article .tablewrap{overflow-x:auto;margin:1.2em 0}.article table{border-collapse:collapse;width:100%;font-size:15px}.article th,.article td{border:1px solid var(--line2);padding:10px 12px;text-align:left;vertical-align:top}.article th{background:var(--ground)}.article .sources{display:block;margin:2em 0 0;padding:18px 22px;background:var(--ground);border:2px dashed var(--line2);border-radius:16px;font-size:15px}.article .sources p{margin:.4em 0}.article .related-reading{margin:2em 0 0;padding:22px 26px;background:#f3f7f1;border-radius:20px}.article .related-reading h2{margin:0 0 6px;font-size:21px}.article .related-reading ul{margin:0;padding-left:1.2em}.article .related{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:2em;padding-top:22px;border-top:2px dashed var(--line2)}.article .related a:not(.button){font-weight:700}.site-footer{margin-top:64px;background:var(--ink);color:#f4efe4;border-radius:28px 28px 0 0}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:44px;font-size:15px;line-height:1.9}.footer-brand{font-family:var(--round);font-weight:500;font-size:26px}.footer-links{display:flex;flex-direction:column;gap:2px}.site-footer a{color:#f4efe4!important}.site-footer a:hover{color:#fff!important}@media(max-width:760px){body{font-size:16px}.wrap{padding:0 16px}.brand-name{font-size:26px}.brand-sub{display:none}.hero{padding:32px 22px;border-radius:22px}.hero h1{font-size:30px}.section-title{font-size:26px}.list-hero{padding:28px 22px;border-radius:22px}.list-hero h1{font-size:30px}.search{grid-template-columns:1fr}.article{padding:28px 20px 32px;border-radius:22px}.article h1{font-size:27px}.article h2{font-size:22px}.theme-section h2{font-size:24px}}@media(max-width:760px){.header-inner{padding-top:14px;padding-bottom:14px}.sticky{font-size:16px;padding:14px}}.cards{grid-auto-rows:1fr;align-items:stretch}.card{height:100%}.card strong,.card .summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card{min-height:290px}.card[hidden]{display:none!important}.themes{grid-auto-rows:1fr}.theme{height:100%}.stickies{grid-auto-rows:1fr}.sticky{height:100%}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.header-search{display:flex;align-items:center;flex:0 0 180px;height:44px;border:2px solid var(--line2);border-radius:999px;background:var(--paper);overflow:hidden}.header-search:focus-within{border-color:var(--ink)}.header-search input{flex:1;min-width:0;height:100%;border:0;padding:0 4px 0 16px;font-size:15px;font-family:inherit;background:transparent;color:var(--ink)}.header-search input:focus{outline:none}.header-search button{flex:0 0 42px;height:100%;border:0;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.header-inner{flex-wrap:nowrap}.main-nav{flex:1 1 auto}.menu-search{grid-column:1/-1;display:flex;gap:8px}.menu-search input{flex:1;min-width:0;min-height:48px;padding:0 14px;font-size:16px;font-family:inherit;border:2px solid var(--line2);border-radius:14px;background:#fff;color:var(--ink)}.menu-search button{min-height:48px;padding:0 18px;font-size:15px;font-family:inherit;font-weight:700;border:0;border-radius:14px;background:var(--accent);color:#fff;cursor:pointer}@media(max-width:1279px){.header-search{margin-left:auto;flex-basis:240px}}@media(max-width:760px){.header-search{display:none}}:root{--s1:#FFF1B8;--s2:#D9F0DF;--s3:#DCE8FA;--s4:#FBDCD3;--s5:#EADFF6;--s6:#FFE3C2;--tape:rgba(255,238,170,.78)}body{background-color:var(--ground);background-image:linear-gradient(rgba(194,170,120,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(194,170,120,.13) 1px,transparent 1px);background-size:28px 28px}.card,.theme{border:0;border-radius:4px 4px 14px;box-shadow:0 1px 1px #2b2a270f,0 8px 14px -8px #2b2a2747;position:relative;transition:transform .15s ease,box-shadow .15s ease}.card:not(.peel):hover,.theme:not(.peel):hover{box-shadow:0 2px 2px #2b2a270f,0 14px 20px -10px #2b2a2752}.card:before,.theme:before{content:"";position:absolute;top:-9px;left:50%;width:74px;height:20px;margin-left:-37px;background:var(--tape);transform:rotate(-3deg);box-shadow:0 1px 2px #2b2a2714}.cards{gap:30px 26px;padding-top:10px}.themes{gap:24px 18px;padding-top:10px}.card:nth-child(6n+1),.theme:nth-child(6n+1){background:var(--s1);transform:rotate(-1.2deg)}.card:nth-child(6n+2),.theme:nth-child(6n+2){background:var(--s2);transform:rotate(.9deg)}.card:nth-child(6n+3),.theme:nth-child(6n+3){background:var(--s3);transform:rotate(-.6deg)}.card:nth-child(6n+4),.theme:nth-child(6n+4){background:var(--s4);transform:rotate(1.1deg)}.card:nth-child(6n+5),.theme:nth-child(6n+5){background:var(--s5);transform:rotate(-.9deg)}.card:nth-child(6n),.theme:nth-child(6n){background:var(--s6);transform:rotate(.7deg)}.card:nth-child(2n):before,.theme:nth-child(2n):before{transform:rotate(4deg)}.card .tag{background:#ffffffb8!important;color:var(--ink)!important}.card .summary,.theme span.desc{color:var(--ink2)}.card strong{font-family:var(--round);font-weight:500}.theme .dot{background:#2b2a278c!important;border-radius:50%}.hero,.list-hero,.article{border:0;border-radius:6px;box-shadow:0 1px 2px #2b2a270f,0 18px 30px -18px #2b2a274d;position:relative}.hero:before,.hero:after,.list-hero:before,.list-hero:after,.article:before,.article:after{content:"";position:absolute;top:-11px;width:96px;height:24px;background:var(--tape);box-shadow:0 1px 2px #2b2a2714}.hero:before,.list-hero:before,.article:before{left:28px;transform:rotate(-4deg)}.hero:after,.list-hero:after,.article:after{right:28px;transform:rotate(3deg)}.theme-section h2{display:inline-flex;padding:4px 18px 4px 14px;background:var(--paper);border-radius:4px;box-shadow:0 6px 12px -8px #2b2a274d;transform:rotate(-.8deg)}.section-title{display:inline-block;background:linear-gradient(transparent 62%,var(--hl) 62%);padding:0 4px}.article .note{background:var(--s1);border-radius:4px 4px 14px;box-shadow:0 8px 14px -10px #2b2a274d}.article .sources{background:var(--s3);border:0;border-radius:4px 4px 14px}.article .related-reading{background:var(--s2);border-radius:4px 4px 14px;box-shadow:0 8px 14px -10px #2b2a274d}.article .toc{background:var(--s6);border:0;border-radius:4px 4px 14px}.main-nav a{border:0;border-radius:4px;box-shadow:0 4px 8px -6px #2b2a2759}.main-nav a:nth-child(1){background:var(--s1)}.main-nav a:nth-child(2){background:var(--s2)}.main-nav a:nth-child(3){background:var(--s3)}.main-nav a:nth-child(4){background:var(--s4)}.main-nav a:nth-child(5){background:var(--s5)}.main-nav a:nth-child(6){background:var(--s6)}.main-nav a:hover{transform:translateY(-2px)}.main-nav a[aria-current=page]{background:var(--ink)!important}.mobile-menu nav a:nth-of-type(6n+1){background:var(--s1)}.mobile-menu nav a:nth-of-type(6n+2){background:var(--s2)}.mobile-menu nav a:nth-of-type(6n+3){background:var(--s3)}.mobile-menu nav a:nth-of-type(6n+4){background:var(--s4)}.mobile-menu nav a:nth-of-type(6n+5){background:var(--s5)}.mobile-menu nav a:nth-of-type(6n){background:var(--s6)}.mobile-menu nav a{border-radius:4px}.search{grid-template-columns:minmax(0,2fr) minmax(190px,1fr) auto;border-radius:6px}@media(max-width:900px){.search{grid-template-columns:1fr 1fr}.search>div:first-child{grid-column:1/-1}}@media(max-width:760px){.search{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.card,.theme{transition:none}}.card[data-c="1"]{background:var(--s1)}.card[data-c="2"]{background:var(--s2)}.card[data-c="3"]{background:var(--s3)}.card[data-c="4"]{background:var(--s4)}.card[data-c="5"]{background:var(--s5)}.card[data-c="6"]{background:var(--s6)}@media(max-width:760px){.card{min-height:0}.cards{gap:26px}}@media(max-width:760px){.themes{grid-template-columns:1fr 1fr;gap:20px 14px}.theme{padding:16px 14px;min-height:0}.theme .dot{display:none}.theme strong{font-size:16px}.theme span.desc{font-size:13px}}.section-title{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}.section-intro{margin-top:14px}@property --d{syntax:"<length>";inherits:true;initial-value:0px}.card,.theme,.sticky{--d:0px;--m:40px;position:relative;clip-path:polygon(calc(0px - var(--m)) calc(0px - var(--m)),calc(100% + var(--m)) calc(0px - var(--m)),calc(100% + var(--m)) calc(100% - var(--d) - var(--m)),calc(100% - var(--d) - var(--m)) calc(100% + var(--m)),calc(0px - var(--m)) calc(100% + var(--m)));transition:--d .45s cubic-bezier(.34,1.45,.55,1),box-shadow .15s ease}.flap{position:absolute;inset:0;pointer-events:none;z-index:3;filter:drop-shadow(-1px -1px 1.5px rgba(43,42,39,.14)) drop-shadow(calc(var(--d) * -.06) calc(var(--d) * -.06) calc(var(--d) * .09 + 2px) rgba(43,42,39,.2))}.flap i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(315deg,#fff0 0,#ffffff8c calc(var(--d) * .05),#ffffff1f calc(var(--d) * .22),#2b2a2700 calc(var(--d) * .6),#2b2a271a calc(var(--d) * 1.4)) right bottom/calc(var(--d) * 1.42) calc(var(--d) * 1.42) no-repeat,color-mix(in srgb,var(--nc,#FFF1B8) 91%,#6B5A3A);clip-path:polygon(calc(100% - var(--d)) 100%,100% calc(100% - var(--d)),calc(100% - var(--d)) calc(100% - var(--d)))}.card:nth-child(6n+1),.theme:nth-child(6n+1){--nc:var(--s1)}.card:nth-child(6n+2),.theme:nth-child(6n+2){--nc:var(--s2)}.card:nth-child(6n+3),.theme:nth-child(6n+3){--nc:var(--s3)}.card:nth-child(6n+4),.theme:nth-child(6n+4){--nc:var(--s4)}.card:nth-child(6n+5),.theme:nth-child(6n+5){--nc:var(--s5)}.card:nth-child(6n),.theme:nth-child(6n){--nc:var(--s6)}.card[data-c="1"]{--nc:var(--s1)}.card[data-c="2"]{--nc:var(--s2)}.card[data-c="3"]{--nc:var(--s3)}.card[data-c="4"]{--nc:var(--s4)}.card[data-c="5"]{--nc:var(--s5)}.card[data-c="6"]{--nc:var(--s6)}.sticky:nth-child(1){--nc:#FFF3C4}.sticky:nth-child(2){--nc:#DDEFE3}.sticky:nth-child(3){--nc:#E3ECF8}.sticky:nth-child(4){--nc:#F8E1DA}.sticky:hover{transform:none}.sticky:nth-child(1):hover{transform:rotate(-2deg)}.sticky:nth-child(2):hover{transform:rotate(1.5deg)}.sticky:nth-child(3):hover{transform:rotate(1deg)}.sticky:nth-child(4):hover{transform:rotate(-1.5deg)}@media(hover:hover){.card:hover{--d:34px}.theme:hover{--d:22px}.sticky:hover{--d:24px}}.card:focus-visible{--d:34px}.theme:focus-visible,.sticky:focus-visible{--d:22px}.peel{--d:var(--dend,170px)!important;z-index:5;pointer-events:none;translate:-2px -4px;transition:--d .46s cubic-bezier(.5,.05,.25,1),translate .46s ease-out}.peel.off{translate:-26px -34px;rotate:-9deg;opacity:0;transition:--d .3s ease-out,translate .32s cubic-bezier(.5,0,.75,0),rotate .32s cubic-bezier(.5,0,.75,0),opacity .32s ease-in}@media(prefers-reduced-motion:reduce){.card,.theme,.sticky,.peel,.peel.off{transition:none}}.card:before,.theme:before{z-index:4}
