:root{--paper:#faf7f0;--panel:#fffdf8;--ink:#342e3b;--muted:#6d6473;--purple:#654778;--deep:#493357;--soft:#eee7f2;--line:#ddd3e2;--serif:'Noto Serif JP',YuMincho,serif;--sans:'Noto Sans JP',Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--sans)}[hidden]{display:none!important}a{color:var(--purple);text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h1,h2,h3,a{overflow-wrap:anywhere}.shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.header{background:rgba(250,247,240,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;font:600 27px/1.3 var(--serif);letter-spacing:.08em;color:var(--deep)}.brand svg{width:43px;height:43px;flex:none}.brand small{display:block;font:10px/1.4 var(--sans);letter-spacing:.1em;color:var(--muted);margin-top:7px}.desktop-nav{display:flex;gap:28px;font-size:13px}.desktop-nav a{text-decoration:none;color:var(--ink)}.desktop-nav a:hover{color:var(--purple);text-decoration:underline}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px;cursor:pointer}.mobile-menu nav{position:absolute;right:0;top:50px;min-width:220px;background:var(--panel);border:1px solid var(--line);padding:10px;box-shadow:0 8px 22px #342e3b18}.mobile-menu nav a{display:block;min-height:44px;padding:9px 12px;text-decoration:none}.preview-note{background:var(--soft);color:var(--deep);text-align:center;font-size:12px;padding:7px 15px;letter-spacing:.08em}.hero{position:relative;isolation:isolate;background:#f5eee7;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7f0f0 0%,#faf7f0d9 25%,#faf7f088 47%,transparent 72%)}.hero-inner{min-height:620px;padding-bottom:40px}.breadcrumbs{font-size:11px;display:flex;gap:12px;flex-wrap:wrap;padding:23px 0;color:var(--muted)}.breadcrumbs a{text-decoration:none}.hero-copy{padding-top:12px;max-width:670px}.script-label{font:italic 34px/1.3 Georgia,serif;color:var(--purple);margin:12px 0 20px}.hero h1{font-size:clamp(32px,3.6vw,49px);line-height:1.5;letter-spacing:.06em;margin-bottom:20px}.catch{font:600 clamp(20px,2vw,28px)/1.6 var(--serif);color:var(--purple);letter-spacing:.06em;margin-bottom:16px}.hero-description{font-size:16px;line-height:1.95;letter-spacing:.04em;margin-bottom:27px}.search-form{display:flex;align-items:center;gap:8px;border:1px solid #b8a3c5;background:#fffdfbf5;border-radius:40px;max-width:610px;padding:6px 7px 6px 22px;min-height:64px;box-shadow:0 3px 12px #49335710}.search-form>span{font-size:29px;color:var(--purple);line-height:1}.search-form input{min-width:0;flex:1;width:0;background:transparent;border:0;font-size:15px;padding:8px;outline-offset:0}.primary{background:var(--purple);border:1px solid var(--purple);color:white;border-radius:25px;padding:10px 26px;min-height:44px;white-space:nowrap}.primary:hover{background:var(--deep)}.search-note{font-size:11px;color:var(--muted);margin:8px 0 20px}.entry-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin-top:18px}.entry-links a{background:var(--soft);padding:5px 15px;border:1px solid var(--line);border-radius:25px;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.entry-links span{margin-right:7px}.reading{font-size:12px;color:var(--muted);letter-spacing:.025em;margin:18px 0 0}.section{padding-top:55px}.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:25px;row-gap:10px;margin-bottom:25px}.section-heading h2{font-size:29px;line-height:1.5;margin:0;letter-spacing:.05em}.section-heading:after{content:'';height:1px;background:var(--line);flex:1;min-width:40px}.section-heading p{font-size:12px;color:var(--muted);margin:0;order:2;width:100%}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.category-card{display:block;position:relative;background:linear-gradient(145deg,#fffcf7,#f4eff4);border:1px solid var(--line);border-radius:8px;padding:24px 18px;text-decoration:none;text-align:center;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #4933570d}.category-number{display:grid;place-items:center;width:58px;height:58px;border-radius:50% 45% 50% 43%;margin:0 auto 18px;background:#e6d9ea;font:italic 25px Georgia,serif;color:var(--purple)}.category-card:nth-child(2) .category-number{background:#ede0cc}.category-card:nth-child(3) .category-number{background:#e6dbeb}.category-card:nth-child(4) .category-number{background:#e0e7cf}.category-card:nth-child(5) .category-number{background:#e8dce4}.category-card h3{font-size:18px;line-height:1.5;margin:0 0 8px}.category-card p{font-size:11px;color:var(--muted);margin-bottom:13px}.category-card>span:last-child{font-size:12px;color:var(--muted)}.category-card b{font-weight:400;margin-left:12px;color:var(--purple)}.category-card[aria-current]{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.route{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:28px;position:relative;box-shadow:0 4px 12px #342e3b05}.route-number{font:italic 32px Georgia,serif;color:#9b82a8;display:block;margin-bottom:17px}.route h3{font-size:20px;line-height:1.65;margin-bottom:10px}.route>p{color:var(--muted);font-size:13px;margin-bottom:18px}.route ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.route li:not(:last-child):after{content:'→';margin-left:8px;color:#9b82a8}.route a{text-decoration:none}.route a:hover{text-decoration:underline}.compare-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.compare-links a{background:var(--soft);border:1px solid var(--line);border-radius:8px;text-decoration:none;font:600 17px/1.7 var(--serif);padding:21px;display:flex;justify-content:space-between;gap:16px}.catalog-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.catalog-controls label{font-size:12px;color:var(--muted)}.catalog-controls select{display:block;max-width:100%;border:1px solid #a99ab2;background:var(--panel);color:var(--ink);border-radius:6px;padding:8px 12px;min-height:44px;margin-top:5px}.minor{background:transparent;border:1px solid #a99ab2;border-radius:24px;color:var(--purple);padding:8px 18px;min-height:44px;font-size:12px}.minor:hover{background:var(--soft)}.minor[aria-pressed=true]{background:var(--purple);color:white;border-color:var(--purple)}#result-count{font-size:12px;color:var(--muted);margin:20px 0 14px}.word-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.word-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:25px;display:flex;flex-direction:column;align-items:start;min-width:0}.word-category{font-size:10px;letter-spacing:.05em;color:var(--purple);margin-bottom:10px}.word-card h3{font-size:22px;line-height:1.6;margin:0}.word-card h3 a{text-decoration:none}.word-card h3 span{font-size:15px;margin-left:10px}.word-card .reading{margin:8px 0 13px;font-size:10px;overflow-wrap:anywhere}.word-card>p:not(.reading):not(.word-category){font-size:13px;line-height:1.9;flex:1;margin-bottom:20px}.word-card button{font-size:11px;min-height:40px}.empty{background:var(--soft);padding:30px;border-radius:8px}.empty h3{font-size:20px}.other-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.other-grid a{padding:22px;background:#f1ece5;border:1px solid #e0d7cd;border-radius:8px;text-decoration:none}.other-grid h3{font-size:17px;margin-bottom:6px}.other-grid p{font-size:12px;color:var(--muted);margin-bottom:0}.about-summary{margin:50px auto 60px;padding:32px;border:1px solid var(--line);border-radius:8px;background:#f1ecef}.about-summary h2{font-size:22px;margin-bottom:12px}.about-summary p{font-size:13px;max-width:900px}.about-summary a{font-size:13px}.footer{border-top:1px solid var(--line);font-size:12px;padding:32px 0;color:var(--muted)}.footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:0}.footer nav{display:flex;gap:22px;flex-wrap:wrap}.footer a{text-decoration:none}.save-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;border-radius:8px;padding:12px 20px;box-shadow:0 4px 16px #342e3b25;z-index:20;font-size:13px;max-width:calc(100% - 30px)}.save-status:empty{display:none}.term-hero .hero-inner{min-height:390px;padding-bottom:35px}.term-hero .hero-copy{max-width:730px;padding-top:0}.term-hero .script-label{font-size:27px;margin-bottom:12px}.term-hero h1{font-size:42px;margin-bottom:6px;letter-spacing:.03em}.term-hero .reading{margin-top:10px}.term-hero .lead{font-size:17px;line-height:1.9;margin:16px 0 18px;max-width:650px}.term-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.tag{background:var(--soft);border-radius:4px;font-size:12px;padding:5px 12px;text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,880px) minmax(190px,1fr);gap:65px;padding-top:50px;align-items:start}.article{grid-column:1;grid-row:1;min-width:0}.toc{grid-column:2;position:sticky;top:110px;border-top:2px solid var(--purple);padding-top:20px;font-size:12px}.toc h2{font:600 18px var(--serif);margin-bottom:15px}.toc a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--line)}.toc a span{color:#92799e;margin-right:10px;font:italic 13px Georgia,serif}.toc button{margin-top:20px}.article section{margin-bottom:43px}.article h2{font-size:26px;padding-bottom:15px;border-bottom:1px solid var(--line);line-height:1.6;letter-spacing:.03em;margin-bottom:22px}.article p{line-height:1.95;margin-bottom:18px}.meaning-box{padding:25px 30px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:6px;font-size:18px}.meaning-box p{margin:0}.article .example-label{font-size:11px;color:var(--purple);margin-bottom:12px;letter-spacing:.08em}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.comparison>div{padding:25px;background:#f1eaf3;border:1px solid #dfd3e4;border-radius:7px}.comparison>div:last-child{background:#edf0e6;border-color:#dbe1cd}.comparison h3{font-size:19px;line-height:1.6;margin-bottom:12px}.comparison p{font-size:14px;margin:0}.hint-box{background:#f2edf4;border:1px solid var(--line);padding:28px 30px;border-radius:8px}.hint-box h2{font-size:23px;border:0;padding:0;margin-bottom:12px}.hint-box p:last-child{margin-bottom:0}.eyebrow{font-size:11px;color:var(--purple);letter-spacing:.12em}.article .small{font-size:12px;color:var(--muted)}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-links a{display:block;background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:6px;text-decoration:none}.related-links small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.related-links strong{display:block;font:600 17px/1.65 var(--serif)}.related-links span{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.cross-link{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.cross-link p{font-size:12px;color:var(--muted);margin-bottom:6px}.cross-link a{font:600 19px var(--serif)}.sources{padding-left:20px;font-size:12px;color:var(--muted)}.sources li{margin-bottom:23px}.sources a{overflow-wrap:anywhere}.sources p{margin-top:8px;line-height:1.85}.article-back{padding:10px 0 40px;font-size:14px}.flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0;margin:26px 0}.flow li{background:var(--soft);padding:17px;border-radius:6px;font-size:12px}.flow strong{font-size:14px}.about-body{max-width:1000px;padding:45px 0}.psychology-connection{padding:25px;border:1px solid #ddd3e2;border-radius:7px;margin-block:25px}.psychology-connection h2{font-size:20px}.psychology-connection p{font-size:14px}
@media(max-width:1099px){.shell{width:calc(100% - 48px)}.desktop-nav{gap:17px;font-size:12px}.hero-inner{min-height:590px}.hero-copy{max-width:610px}.category-grid{gap:10px}.category-card{padding:22px 12px}.category-card h3{font-size:16px}.route{padding:22px}.word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.related-links{grid-template-columns:1fr}.term-hero .hero-copy{max-width:70%}}
@media(max-width:767px){html{scroll-padding-top:85px}.shell{width:calc(100% - 36px)}.header-inner{min-height:70px}.brand{font-size:22px;gap:11px}.brand svg{width:34px;height:34px}.brand small{font-size:9px}.desktop-nav{display:none}.mobile-menu{display:block}.preview-note{font-size:10px}.hero-art{object-position:80% bottom}.hero:after{background:linear-gradient(180deg,#faf7f0f8 0%,#faf7f0ee 48%,#faf7f0a8 68%,transparent 100%)}.hero-inner{min-height:690px;padding-bottom:160px}.breadcrumbs{font-size:10px;gap:8px;padding:18px 0}.hero-copy{max-width:none;padding-top:5px}.script-label{font-size:28px;margin:7px 0 17px}.hero h1{font-size:clamp(27px,6.4vw,38px);letter-spacing:.025em;margin-bottom:17px}.catch{font-size:20px;line-height:1.7;margin-bottom:15px}.hero-description{font-size:13px;line-height:1.95;margin-bottom:21px}.search-form{min-height:58px;padding:5px 6px 5px 13px;gap:4px}.search-form input{font-size:16px;padding:6px}.search-form input::placeholder{font-size:12px}.search-form .primary{padding:8px 17px;font-size:13px}.search-note{font-size:10px}.entry-links{font-size:11px;gap:6px;margin-top:15px}.entry-links span{width:100%;margin-bottom:1px}.entry-links a{padding:4px 11px}.reading{font-size:10px;margin-top:15px}.section{padding-top:38px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:24px}.section-heading p{font-size:11px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:20px 13px}.category-card:last-child{grid-column:1/-1}.category-number{width:48px;height:48px;font-size:22px;margin-bottom:12px}.category-card h3{font-size:17px}.category-card p{font-size:11px}.route-grid{grid-template-columns:1fr;gap:14px}.route{padding:22px}.route-number{float:left;margin:0 18px 5px 0;font-size:29px}.route h3{font-size:18px;margin-bottom:10px}.route>p{font-size:12px;clear:both;margin-top:16px}.route ol{font-size:12px}.compare-links{grid-template-columns:1fr;gap:10px}.compare-links a{padding:17px 20px;font-size:16px}.word-list{grid-template-columns:1fr;gap:14px}.word-card{padding:22px}.word-card h3{font-size:22px}.catalog-controls{gap:10px}.catalog-controls label{flex:1;min-width:110px}.catalog-controls select{width:100%;font-size:14px}.catalog-controls button{font-size:11px}.other-grid{grid-template-columns:1fr}.other-grid a{padding:20px}.about-summary{margin:35px auto 40px;padding:24px}.footer .shell{display:block}.footer nav{margin-top:15px;gap:12px}.term-hero .hero-inner{min-height:430px;padding-bottom:80px}.term-hero .hero-copy{max-width:none}.term-hero h1{font-size:clamp(28px,7vw,36px);line-height:1.5}.term-hero .script-label{font-size:24px}.term-hero .lead{font-size:16px;line-height:1.9;margin-top:16px}.term-hero:after{background:linear-gradient(180deg,#faf7f0f5 0%,#faf7f0ec 66%,#faf7f078 100%)}.article-layout{display:flex;flex-direction:column;gap:26px;padding-top:28px}.toc{position:static;width:100%;padding-top:16px;display:flex;flex-wrap:wrap;column-gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.toc h2{width:100%;font-size:17px;margin-bottom:8px}.toc a{font-size:11px;border:0;padding:7px 0}.toc button{margin-top:8px}.article{width:100%}.article h2{font-size:23px;padding-bottom:12px;margin-bottom:18px}.article section{margin-bottom:33px}.meaning-box{font-size:17px;padding:22px}.comparison{grid-template-columns:1fr;gap:12px}.comparison>div{padding:22px}.hint-box{padding:22px}.hint-box h2{font-size:21px}.related-links{grid-template-columns:1fr}.related-links a{padding:18px}.flow{grid-template-columns:1fr;gap:9px}.flow li{padding:14px 18px}.flow li:not(:last-child):after{content:'↓';float:right}.about-body{padding:30px 0}}
/* One transparent watercolor atlas, five equal-width cells; keep each cell's ratio. */
.category-number{width:105px;height:175px;margin:-8px auto 6px;font-size:0;border-radius:0;background-color:transparent!important;background-image:url('assets/category-illustrations-v1.png')!important;background-size:500% 100%;background-repeat:no-repeat;background-position:0% center}
.category-card .category-number{background-size:500% 100%!important;background-repeat:no-repeat!important}
.category-card:nth-child(2) .category-number{background-position:25% center}.category-card:nth-child(3) .category-number{background-position:50% center}.category-card:nth-child(4) .category-number{background-position:75% center}.category-card:nth-child(5) .category-number{background-position:100% center}
@media(max-width:767px){.category-number{width:90px;height:150px;margin:-10px auto 0}.category-card:last-child .category-number{width:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.header,.footer,.toc,.preview-note,.hero-art,.breadcrumbs,.script-label,.save-status,.affiliate-ads,button,.skip{display:none!important}body{background:white;color:black;font-size:11pt}.shell{width:100%;max-width:none}.hero{background:white}.hero:after{display:none}.hero-inner,.term-hero .hero-inner{min-height:0;padding:0}.hero-copy,.term-hero .hero-copy{max-width:none;padding:0}.hero h1{font-size:24pt}.article-layout{display:block;padding-top:20px}.article p{line-height:1.7}.article h2{font-size:17pt;break-after:avoid}.comparison,.flow{break-inside:avoid}.sources{font-size:9pt}.sources a:after{content:' (' attr(href) ')';font-size:8pt}.article-back{display:none}a{color:black}.article section{margin-bottom:22px}}