:root{--paper:#faf7f0;--white:#fffefb;--ink:#382d2c;--muted:#746b67;--wine:#81344f;--rose:#a9677d;--line:#e9dfd3;--serif:'Noto Serif JP','Yu Mincho',serif;--sans:'Noto Sans JP','Yu Gothic',sans-serif;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 0 30%,#eddbc820,transparent 55%),var(--paper);color:var(--ink);font:14px/1.9 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}[hidden]{display:none!important}::selection{background:#ecd3dc}:focus-visible{outline:3px solid #98516c;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;left:10px;top:-70px;padding:10px 20px;background:white}.skip-link:focus{top:10px}.icon{width:26px;height:26px;flex:none}.page-shell,.hero-inner{width:min(calc(100% - 88px),var(--max));margin-inline:auto}
.site-header{height:88px;background:#fffcf5ed;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{height:100%;width:min(calc(100% - 88px),var(--max));margin:auto;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font:700 27px/1.3 var(--serif);letter-spacing:.09em}.brand>.icon{color:var(--wine);width:58px;height:54px;stroke-width:1.1;fill:#b77c9020;transform:rotate(-3deg)}.brand small{display:block;font:500 10px/1.8 var(--serif);letter-spacing:.15em;margin-top:4px;color:var(--muted)}.main-nav{display:flex;gap:29px;margin-left:auto;align-items:center;font-size:13px;font-weight:500;white-space:nowrap}.main-nav a:hover,.footer-inner a:hover{color:var(--wine)}.search-shortcut{margin-left:16px;padding:9px}.search-shortcut .icon{width:23px;height:23px}.favorites-link{display:flex;align-items:center;gap:9px;background:#fffdf8;padding:8px 17px;border:1px solid #dcc6bd;border-radius:99px;font-size:12px;white-space:nowrap}.favorites-link .icon{width:19px;height:19px;color:var(--wine)}.mobile-menu{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#f9f1e5}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;z-index:-2}.hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#faf7f02b 0%,#faf7f013 46%,transparent 65%)}.home-hero{min-height:554px}.hero-inner{position:relative}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;min-height:52px;padding:12px 0;color:#6b5b55;font-size:11px}.breadcrumb>a{display:inline-flex;gap:9px;align-items:center}.breadcrumb a:hover{color:var(--wine);text-decoration:underline;text-underline-offset:4px}.breadcrumb [aria-current=page]{font-weight:600}.hero-copy{max-width:750px;padding:24px 0 45px 35px}.script-label{font:italic 39px/1.1 'Palatino Linotype',Georgia,serif;color:#b57379;letter-spacing:.025em;transform:rotate(-10deg);transform-origin:left;margin:0 0 15px -12px}.hero h1{font:600 clamp(37px,4.15vw,60px)/1.45 var(--serif);letter-spacing:.02em;color:#392925;overflow-wrap:anywhere}.hero h1 em{color:var(--wine);font-style:normal}.hero-lead{font:600 23px/1.8 var(--serif);letter-spacing:.055em;margin-top:10px;color:var(--wine)}.hero-description{font:500 15px/2 var(--serif);margin-top:21px;letter-spacing:.06em}.hero-search{display:flex;align-items:center;gap:16px;width:min(100%,680px);height:66px;margin-top:32px;padding:7px 8px 7px 21px;border:1px solid #cdbdb5;border-radius:99px;background:#fffefbee;box-shadow:0 3px 11px #70514320}.hero-search>.icon{color:var(--rose);width:24px}.hero-search input{border:0;outline:none;min-width:0;flex:1;background:transparent;color:var(--ink);font-size:13px}.hero-search input::placeholder{color:#837a77}.hero-search:focus-within{outline:2px solid var(--rose);outline-offset:2px}.hero-search button{height:49px;min-width:115px;border:none;border-radius:99px;background:var(--wine);color:white;letter-spacing:.18em;font-size:15px}.hero-search button:hover,.pill-button:hover{background:#672039}.hero-chips{display:flex;flex-wrap:wrap;gap:7px 17px;align-items:center;font-size:11px;margin:16px 10px 0}.hero-chips span{font-weight:600;color:#5a4742}.hero-chips a{color:#87445c}.hero-chips a:hover{text-decoration:underline}
.categories{padding-top:35px}.section-heading{display:flex;align-items:center;gap:22px;margin-bottom:18px;position:relative}.section-heading h2{display:flex;align-items:center;gap:12px;color:var(--wine);font:600 25px/1.5 var(--serif);letter-spacing:.045em;flex:none}.section-heading .icon{width:28px;height:31px;color:var(--rose)}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.7}.heading-link{margin-left:auto;color:var(--wine);white-space:nowrap;font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{position:relative;min-height:195px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffdf7;box-shadow:0 2px 8px #79604406;transition:transform .2s,border-color .2s,box-shadow .2s;isolation:isolate}.category-card:hover{transform:translateY(-3px);border-color:#b98693;box-shadow:0 7px 18px #79544b13}.art{display:block;background-image:url('assets/category-watercolors-v2.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1}.art-0{background-position:0 0}.art-1{background-position:50% 0}.art-2{background-position:100% 0}.art-3{background-position:0 100%}.art-4{background-position:50% 100%}.art-5{background-position:100% 100%}.category-art{position:absolute;z-index:-1;right:-6px;top:50%;transform:translateY(-50%);width:61%;mask-image:linear-gradient(90deg,transparent 0%,#000 28%);opacity:.9}.category-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffdf7 0%,#fffdf7dd 27%,#fffdf760 49%,transparent 70%)}.category-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:27px 21px 22px;max-width:69%}.category-body strong{font:600 25px/1.5 var(--serif);color:var(--wine);letter-spacing:.02em;white-space:nowrap}.category-body small{display:block;font-size:12px;line-height:1.8;width:185px;max-width:100%;color:#665856;margin:9px 0 13px;text-wrap:pretty}.round-arrow{display:grid;place-items:center;background:#98556d;color:white;border-radius:50%;width:27px;height:27px;font:24px/1 Georgia}.category-total{position:absolute;right:12px;bottom:10px;background:#fffaf3dd;border-radius:9px;color:#735b56;font-size:10px;padding:0 8px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.discovery-panel,.side-panel,.content-panel{background:#fffefbdc;border:1px solid #eee5d9;border-radius:10px;box-shadow:0 2px 9px #8e705506}.discovery-panel{padding:20px 21px}.discovery-panel .section-heading{margin-bottom:2px;gap:10px}.discovery-panel h2{font-size:22px;gap:9px;letter-spacing:.01em}.discovery-panel .icon{width:24px;height:26px}.discovery-panel:first-child .icon{color:#b18a4f}.panel-intro{font-size:11px;color:var(--muted);margin:3px 0 14px 33px}.mini-link{display:flex;align-items:center;gap:12px;min-height:61px;padding:8px 0;border-top:1px solid #eee4d8}.mini-link:first-child{border-top:0}.mini-link>span:not(.art):not(.list-number){min-width:0;flex:1}.mini-link strong{display:block;font:600 14px/1.6 var(--serif);color:#463637}.mini-link small{display:block;font-size:10px;line-height:1.65;color:#79706b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-link>b,.word-card>b{color:var(--wine);font-size:21px;font-weight:400;flex:none}.mini-link:hover strong,.word-card:hover strong{color:var(--wine)}.list-number{display:grid;place-items:center;width:28px;height:28px;background:#ede1d8;color:#755258;border-radius:50%;font:italic 19px/1 Georgia;flex:none}.mini-link:nth-of-type(1) .list-number{background:#ba8c52;color:white}.mini-link:nth-of-type(2) .list-number{background:#b88698;color:white}.mini-link:nth-of-type(3) .list-number{background:#ba8974;color:white}.mini-art{width:55px;height:51px;border-radius:5px;flex:none;aspect-ratio:auto}.daily-word{padding:11px 12px 15px;background:linear-gradient(135deg,#f6eee4,#fcf9f1);border:1px solid #eee2d4;border-radius:8px}.daily-top{display:flex;gap:15px;align-items:center}.daily-art{width:42%;flex:none;border-radius:7px;mix-blend-mode:multiply}.daily-top h3{font:600 25px/1.4 var(--serif);color:var(--wine);overflow-wrap:anywhere}.daily-top p{font:italic 13px/1.6 Georgia;color:#aa6f7b;margin-top:5px}.daily-description{font:400 12px/1.9 var(--serif);margin:10px 0 15px}.pill-button{display:flex;justify-content:center;gap:37px;align-items:center;background:var(--wine);color:white;border-radius:30px;font-size:12px;min-height:36px;width:190px;max-width:100%;margin:auto}.pill-button span{font-size:20px;line-height:1}
.word-index{padding-top:42px}.index-box{border:1px solid var(--line);background:#fffdf8b3;border-radius:9px;padding:16px 21px}.index-line{display:flex;gap:20px;align-items:flex-start}.index-line+.index-line{margin-top:10px;padding-top:10px;border-top:1px solid #ede4d9}.index-line>strong{font-size:12px;white-space:nowrap;min-width:70px;padding-top:6px}.index-line>div{display:flex;flex-wrap:wrap;gap:5px}.index-line button{border:0;background:transparent;border-radius:5px;min-width:29px;min-height:32px;padding:3px 8px;color:#755560;font-size:12px}.index-line button:hover{background:#f1e4e5}.index-line button.active{background:var(--wine);color:white}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 1px;font-size:12px;color:var(--muted)}.results-toolbar button{border:0;border-bottom:1px solid #cba6b2;color:var(--wine);background:transparent;font-size:12px;padding:3px}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.word-card{min-width:0;display:flex;align-items:center;gap:14px;padding:11px 15px 11px 10px;min-height:108px;border:1px solid var(--line);border-radius:8px;background:#fffefbe3;transition:border-color .2s,transform .2s}.word-card:hover{border-color:#bd8e9d;transform:translateY(-2px)}.word-art{width:76px;flex:none;border-radius:5px}.word-card>span:not(.art){flex:1;min-width:0}.word-card strong{display:block;color:#643b49;font:600 16px/1.6 var(--serif)}.word-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;color:#766967;line-height:1.75;margin-top:3px}.empty-result{padding:35px 20px;border:1px dashed #ceb2bb;border-radius:10px;text-align:center;background:#fffdf8;color:#705964}.closing-note{display:flex;flex-direction:column;align-items:center;padding:43px 0 35px;gap:12px}.closing-note>.icon{color:var(--rose);width:30px;height:38px}.closing-note p{font:500 18px/1.8 var(--serif);letter-spacing:.08em}.closing-note em{font-style:normal;color:var(--wine)}.closing-note>span{font:10px Georgia;letter-spacing:.22em;color:#9d8385}.site-footer{background:linear-gradient(110deg,#f6eee4,#fcf8ef);border-top:1px solid #e7dbcb;padding:28px max(44px,calc((100% - var(--max))/2)) 16px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner .brand{font-size:22px}.footer-inner .brand>.icon{width:45px;height:42px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:25px;font-size:11px}.footer-bottom{display:flex;gap:24px;align-items:center;font-size:10px;color:#7f736b;border-top:1px solid #e9dfd1;margin-top:23px;padding-top:13px}
.term-hero{min-height:400px}.term-hero .hero-image{object-position:center 54%}.term-hero .hero-copy{padding-top:20px;padding-bottom:25px;max-width:720px}.term-hero .script-label{font-size:34px;margin-bottom:9px}.term-hero h1{font-size:clamp(34px,4.3vw,60px);color:#75203f;line-height:1.3}.term-english{font:400 27px/1.5 Georgia,serif;color:#a95a77;margin-top:8px;letter-spacing:.045em}.term-summary{font:500 18px/1.9 var(--serif);margin-top:17px;max-width:580px;text-wrap:pretty}.term-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;font-size:11px}.term-meta>a{padding:4px 11px;background:#f2e1dfc9;border:1px solid #e3c9ce;border-radius:99px;color:var(--wine)}.save-word{display:flex;align-items:center;gap:7px;background:#fffdf6d9;border:1px solid #d5bfb5;border-radius:99px;padding:5px 11px;font-size:11px;color:#7b475b}.save-word .icon{width:16px;height:16px}.save-word[aria-pressed=true]{background:var(--wine);color:white;border-color:var(--wine)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:24px;align-items:start;padding-top:22px}.article{min-width:0}.content-panel{position:relative;padding:20px 24px 22px;overflow:hidden;isolation:isolate;margin-bottom:13px}.content-panel .section-heading{margin-bottom:12px;gap:19px}.content-panel h2{font-size:25px}.content-panel>p,.practice-copy p{font:400 14px/2 var(--serif);letter-spacing:.025em}.meaning-panel{min-height:163px}.meaning-panel>p{max-width:77%}.meaning-art{position:absolute;right:-13px;top:-6px;bottom:0;width:240px;z-index:-1;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 48%)}.simple-panel{min-height:152px;padding-right:205px}.small-note{position:absolute;right:25px;top:25px;width:143px;min-height:101px;padding:19px 14px;background:linear-gradient(135deg,#e3c6ae33,#f4e8d6);color:#836452;font:500 12px/2 var(--serif);text-align:center;transform:rotate(-5deg);border:1px solid #ebdac6;border-radius:2px;box-shadow:2px 5px 8px #947f6b10}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.example-card{border:1px solid #eee1d4;border-radius:7px;overflow:hidden;background:#fffcf6;min-width:0}.example-card>div:last-child{padding:11px 12px 14px}.example-card h3{font:600 17px/1.6 var(--serif);color:var(--wine);margin-bottom:5px}.example-card p{font:400 12px/1.85 var(--serif)}.example-art{height:155px;position:relative;overflow:hidden;background:#efdfc9;display:flex;align-items:center;justify-content:center;isolation:isolate;aspect-ratio:auto}.book-art{background:linear-gradient(140deg,#e5cbb9,#eee3cd);gap:1px;padding:24px 21px!important;perspective:500px}.book-page{width:50%;height:126px;background:#fff8e8;padding:20px 13px;box-shadow:0 7px 0 #b7a18a,0 10px 8px #69534735;transform:rotateY(22deg) rotate(-8deg);border-radius:6px 0 0 4px}.book-page+div{transform:rotateY(-22deg) rotate(8deg);border-radius:0 6px 4px 0}.book-page i{height:2px;background:#b39b85;display:block;margin:8px 0}.book-page i:nth-child(3n){width:75%}.poster-art{background:radial-gradient(ellipse at 10% 20%,#dcaeb8 0,transparent 35%),radial-gradient(ellipse at 90% 70%,#a7af9050 0,transparent 45%),#f5ecdd;flex-direction:column;text-align:center;border:12px solid #dfc8b2;box-shadow:inset 0 0 0 2px #fcf6e8}.poster-art>span{color:#8b3551;font:600 26px/1.18 var(--serif);letter-spacing:.1em}.poster-art small{font:7px Georgia;color:#a97a75;margin-top:8px;letter-spacing:.15em}.screen-art{flex-direction:column;background:linear-gradient(130deg,#e4d6c6,#c8b3b3)}.screen-frame{position:relative;width:82%;height:108px;border:7px solid #4e4648;border-radius:6px;background:#f9f1e6;display:flex;align-items:center;padding:10px;gap:8px}.screen-frame span{font:500 13px/1.65 var(--serif);letter-spacing:.1em;color:#6f4357}.screen-frame i{display:block;flex:1;height:76px;background:linear-gradient(#b38c9b 0 40%,transparent 40% 47%,#d8c6b6 47% 64%,transparent 64% 71%,#c0c3ad 71%)}.screen-foot{height:9px;width:92%;background:#918383;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.package-art{background:#eaddd0}.package-art>div{width:85px;height:120px;background:#faf5e9;border-right:13px solid #cfbca7;box-shadow:7px 7px 12px #8c6d5244;text-align:center;padding:20px 8px}.package-art span{writing-mode:vertical-rl;color:#80364d;font:500 20px var(--serif)}.package-art small{display:block;font:7px Georgia;letter-spacing:.1em;margin-top:10px}.point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.point-card{position:relative;min-height:177px;padding:15px 13px 43px;background:linear-gradient(125deg,#f7ece2,#fbf6ed);border-radius:6px;overflow:hidden}.point-card h3{font:600 16px/1.7 var(--serif);color:var(--wine);display:flex;align-items:center;gap:9px}.point-card h3>span{display:grid;place-items:center;background:linear-gradient(145deg,#b67a89,#964662);color:white;width:29px;height:29px;border-radius:50%;font:italic 20px Georgia;flex:none}.point-card p{font:400 12px/1.9 var(--serif);margin-top:8px;position:relative;z-index:1}.point-decoration{position:absolute;bottom:-8px;right:14px;font:48px Georgia;color:#b68a8e88}.point-card:nth-child(2) .point-decoration{font-style:italic}.point-note{font-size:11px!important;color:#7e6b68;margin-top:13px}.related-inline{padding-top:21px}.related-inline .section-heading{margin-bottom:10px}.related-inline h2{font-size:22px}.related-chips{display:flex;flex-wrap:wrap;gap:7px}.related-chips a{padding:4px 15px;border:1px solid #eed9d8;border-radius:99px;background:linear-gradient(120deg,#f6ece5,#efd9db);color:#81344f;font:500 13px/1.8 var(--serif)}.related-chips a:hover{background:#e8c5ce}.practice-copy{display:flex;align-items:center;gap:18px}.practice-art{width:150px;flex:none;mix-blend-mode:multiply}.takeaway{padding:13px 18px;background:#f8eee2;border-left:3px solid #ac7885}.back-link{display:inline-block;color:var(--wine);font-size:12px;margin:9px 0}.side-panel{padding:18px 19px;margin-bottom:15px}.side-panel .section-heading{margin-bottom:10px}.side-panel h2{font-size:22px;gap:10px;letter-spacing:.02em}.side-panel h2 .icon{width:25px;height:25px}.toc-panel ol{list-style:none;padding:0;margin:0}.toc-panel li+li{border-top:1px solid #eee3d9}.toc-panel li a{display:flex;align-items:center;gap:14px;padding:10px 3px;font:500 13px var(--serif)}.toc-panel li span{background:#f0e1dd;color:#97546b;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font:italic 18px Georgia}.toc-panel li b{margin-left:auto;font-size:20px;color:var(--wine);font-weight:400}.toc-panel a:hover{color:var(--wine);background:#fcf5ed}.side-panel .mini-link{gap:11px;min-height:65px}.side-panel .mini-art{width:60px;height:54px}.side-panel .mini-link strong{font-size:14px}.side-panel .mini-link small{font-size:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-panel details{border-top:1px solid var(--line);padding:6px 0}.category-panel summary{cursor:pointer;font-size:12px;color:#69454f;padding:3px 0}.category-panel summary>span{float:right;font-size:10px;color:#907d75}.category-panel ul{list-style:none;margin:3px 0 0;padding:0 0 0 15px;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.category-panel li{font-size:10px;line-height:1.7}.category-panel a[aria-current=page]{color:var(--wine);font-weight:700;text-decoration:underline;text-underline-offset:3px}.category-panel a:hover{color:var(--wine)}.next-panel .mini-link{border:1px solid var(--line);padding:9px;border-radius:7px}.source-panel{padding:10px 20px;font-size:11px}.source-panel h2{font:600 14px var(--serif);margin-bottom:5px}.source-panel a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}.bottom-related{padding:21px 0 30px}.bottom-related h2{font-size:22px}.bottom-related .word-card{min-height:100px}
@media(min-width:1700px){.hero-image{object-position:center 58%}.home-hero{min-height:610px}.hero-copy{padding-top:45px}.term-hero{min-height:460px}}
@media(max-width:1100px){.header-inner,.page-shell,.hero-inner{width:calc(100% - 48px)}.header-inner{gap:17px}.main-nav{gap:20px;font-size:11px}.main-nav a:last-child{display:none}.brand{font-size:23px}.brand>.icon{width:46px}.hero-copy{padding-left:18px;max-width:65%}.hero h1{font-size:46px}.hero-lead{font-size:18px}.hero-description{font-size:13px}.hero-search{height:61px;padding-left:17px}.hero-search button{height:45px;min-width:90px}.home-hero{min-height:505px}.section-heading{gap:15px;flex-wrap:wrap}.section-heading h2{font-size:23px}.category-card{min-height:177px}.category-body{padding:21px 15px}.category-body strong{font-size:22px}.category-body small{font-size:11px;width:159px}.category-art{width:65%}.discovery-panel{padding:17px 15px}.discovery-panel h2{font-size:18px}.panel-intro{margin-left:0}.daily-top h3{font-size:22px}.mini-link{gap:9px}.word-card{gap:9px;padding:10px}.word-art{width:62px}.word-card strong{font-size:14px}.word-card small{font-size:10px}.detail-layout{grid-template-columns:minmax(0,1fr) 282px;gap:16px}.term-hero .hero-copy{max-width:67%}.term-hero h1{font-size:49px}.term-summary{font-size:16px;max-width:460px}.content-panel{padding:18px}.content-panel .section-heading h2{font-size:23px}.simple-panel{padding-right:155px}.small-note{right:15px;width:115px;padding:16px 8px;font-size:11px}.example-grid,.point-grid{gap:8px}.example-card>div:last-child{padding:10px}.example-card h3{font-size:14px}.example-card p{font-size:11px}.example-art{height:134px}.point-card{padding-inline:10px}.point-card h3{font-size:13px;gap:6px}.point-card p{font-size:11px}.side-panel{padding:16px}.side-panel h2{font-size:19px}.footer-inner nav{gap:15px}.footer-inner .brand{font-size:20px}}
@media(max-width:800px){html{scroll-padding-top:24px}.site-header{height:72px}.header-inner{width:calc(100% - 32px);gap:13px}.brand{font-size:21px;gap:8px}.brand>.icon{width:42px;height:42px}.brand small{font-size:8px}.main-nav{display:none}.search-shortcut{margin-left:auto;padding:6px}.favorites-link{padding:8px}.favorites-link>span{display:none}.mobile-menu{display:block}.mobile-menu>summary{list-style:none;font-size:22px;cursor:pointer}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:16px;top:65px;display:grid;min-width:180px;background:#fffdf7;border:1px solid var(--line);padding:15px;box-shadow:0 8px 20px #78524422;border-radius:8px}.mobile-menu a{padding:7px 5px;font-size:13px}.page-shell,.hero-inner{width:calc(100% - 36px)}.hero h1{font-size:38px}.hero-copy{max-width:76%;padding-left:10px}.hero-lead{font-size:17px}.hero-description{font-size:12px}.hero-search input{font-size:12px}.hero-image{object-position:57% 54%}.hero::after{background:linear-gradient(90deg,#fff8edab 0%,#fff8ed4d 50%,transparent 86%)}.hero-search{margin-top:25px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:177px}.section-heading>p{font-size:11px}.heading-link{font-size:11px}.discovery-grid{grid-template-columns:1fr 1fr;gap:14px}.discovery-panel:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.discovery-panel:last-child>.section-heading,.discovery-panel:last-child>.panel-intro{grid-column:1/-1}.discovery-panel h2{font-size:21px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-art{width:62px}.detail-layout{grid-template-columns:minmax(0,1fr) 235px;gap:13px}.content-panel{padding:15px}.content-panel>p{font-size:13px}.content-panel .section-heading h2{font-size:22px}.content-panel .section-heading>p{display:none}.meaning-panel>p{max-width:100%}.meaning-art{opacity:.13}.simple-panel{padding-right:15px}.small-note{display:none}.example-grid,.point-grid{grid-template-columns:1fr}.example-card{display:grid;grid-template-columns:110px 1fr}.example-art{height:100%;min-height:133px}.example-card>div:last-child{padding:10px}.example-card h3{font-size:16px}.book-art{padding:15px 8px!important}.book-page{padding:15px 5px;height:95px}.poster-art{border-width:6px}.poster-art>span{font-size:22px}.screen-frame{width:95%;border-width:4px;height:85px;padding:4px}.screen-frame span{font-size:10px}.screen-frame i{height:60px}.point-card{min-height:0;padding:13px 18px}.point-card h3{font-size:16px}.point-card p{font-size:12px;padding-right:20px}.point-decoration{opacity:.45}.side-panel{padding:13px}.side-panel h2{font-size:17px;gap:7px}.side-panel h2 .icon{width:20px}.side-panel .mini-art{width:45px;height:46px}.side-panel .mini-link{gap:7px}.side-panel .mini-link strong{font-size:13px}.category-panel ul{grid-template-columns:1fr}.term-hero .hero-copy{max-width:80%}.term-hero h1{font-size:42px}.term-summary{font-size:15px;max-width:410px}.term-hero{min-height:400px}.term-english{font-size:24px}.bottom-related .word-grid{grid-template-columns:1fr 1fr}.bottom-related .word-card:last-child{display:none}.footer-inner{display:block}.footer-inner nav{margin-top:20px;gap:11px 22px}.site-footer{padding:25px 20px 16px}.footer-bottom{font-size:9px;gap:15px}}
@media(max-width:560px){.hero{display:flex;flex-direction:column}.hero-image{position:relative;order:2;width:100%;height:265px;object-fit:cover;object-position:center 65%;z-index:auto}.hero::after{display:none}.hero-inner{order:1}.home-hero{min-height:0;background:radial-gradient(ellipse at 90% 30%,#e7bfb133,transparent 75%),#faf5eb}.breadcrumb{font-size:9px;min-height:45px;gap:6px}.hero-copy{max-width:100%;padding:21px 5px 24px}.script-label{font-size:31px;margin-left:0;margin-bottom:9px}.hero h1{font-size:clamp(29px,7.7vw,42px);white-space:nowrap;letter-spacing:0}.hero-lead{font-size:14px;letter-spacing:.015em;margin-top:12px}.hero-description{font-size:12px;letter-spacing:0;margin-top:15px}.hero-search{height:57px;margin-top:22px;padding:5px 6px 5px 15px;gap:10px}.hero-search .icon{width:20px}.hero-search input{font-size:11px}.hero-search button{height:43px;min-width:66px;font-size:13px}.hero-chips{gap:5px 11px;font-size:10px;margin:12px 3px 0}.hero-image{margin-top:-1px;mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000)}.categories{padding-top:27px}.section-heading{gap:5px 10px;align-items:center;margin-bottom:15px}.section-heading h2{font-size:23px;gap:8px}.section-heading>p{flex-basis:100%;padding-left:33px;line-height:1.7;font-size:11px}.heading-link{display:none}.category-grid{gap:11px;grid-template-columns:1fr 1fr}.category-card{min-height:205px}.category-art{width:100%;height:auto;top:auto;bottom:-25px;right:-20px;transform:none;mask-image:linear-gradient(180deg,transparent 0%,#000 32%);opacity:.85}.category-card::after{background:linear-gradient(180deg,#fffdf7 5%,#fffdf7f0 28%,#fffdf733 65%,transparent 100%)}.category-body{padding:16px 12px;max-width:100%}.category-body strong{font-size:19px}.category-body small{font-size:10px;line-height:1.7;margin:7px 0 12px;max-width:95%}.round-arrow{width:24px;height:24px;font-size:22px}.category-total{font-size:9px;right:8px;bottom:7px}.discovery-grid{grid-template-columns:1fr;gap:15px;margin-top:24px}.discovery-panel{padding:18px}.discovery-panel:last-child{display:block;grid-column:auto}.discovery-panel h2{font-size:23px}.panel-intro{margin-left:32px}.mini-link{min-height:63px}.mini-link strong{font-size:15px}.mini-link small{font-size:11px}.daily-art{width:38%}.daily-top h3{font-size:27px}.daily-description{font-size:13px}.word-index{padding-top:28px}.index-box{padding:13px}.index-line{gap:8px;display:block}.index-line>strong{display:block;font-size:11px;margin-bottom:8px}.index-line>div{gap:4px}.index-line button{font-size:11px;min-width:26px;min-height:31px;padding:3px 7px}.word-grid{grid-template-columns:1fr;gap:9px}.word-card{min-height:92px;padding:10px 13px;gap:13px}.word-art{width:69px}.word-card strong{font-size:16px}.word-card small{font-size:11px}.results-toolbar{font-size:11px;gap:8px}.results-toolbar button{font-size:10px}.closing-note{padding:30px 0}.closing-note p{font-size:15px;text-align:center}.closing-note em{display:block}.footer-inner .brand{font-size:22px}.footer-inner nav{font-size:10px}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-top:3px}.term-hero{min-height:0}.term-hero .hero-copy{max-width:100%;padding:17px 5px 22px}.term-hero h1{font-size:clamp(27px,7.7vw,42px);white-space:normal;overflow-wrap:anywhere}.term-hero .script-label{font-size:30px}.term-english{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.term-summary{font-size:15px;margin-top:16px}.term-meta{gap:8px;margin-top:18px;font-size:10px}.save-word{font-size:10px}.term-hero .hero-image{height:220px;object-position:center 65%}.detail-layout{grid-template-columns:1fr;padding-top:16px;gap:20px}.content-panel{padding:18px 17px;margin-bottom:12px}.content-panel .section-heading h2{font-size:23px}.content-panel>p{font-size:13px}.meaning-art{width:175px;opacity:.2}.meaning-panel{min-height:0}.simple-panel{min-height:0}.example-grid{gap:10px}.example-card{grid-template-columns:115px 1fr}.example-card h3{font-size:16px}.example-card p{font-size:12px}.point-card{padding:14px}.related-inline h2{font-size:21px}.related-chips{gap:6px}.related-chips a{padding:4px 12px;font-size:12px}.practice-art{width:100px}.practice-copy{gap:12px}.practice-copy p{font-size:13px}.detail-aside{display:grid;grid-template-columns:1fr;gap:12px}.side-panel{padding:18px;margin-bottom:0}.side-panel h2{font-size:22px}.side-panel h2 .icon{width:25px}.side-panel .mini-art{width:60px;height:54px}.side-panel .mini-link{gap:12px}.side-panel .mini-link strong{font-size:15px}.category-panel ul{grid-template-columns:1fr 1fr;font-size:11px}.category-panel li{font-size:11px}.toc-panel{grid-row:1}.toc-panel ol{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.toc-panel li a{gap:8px;font-size:12px}.toc-panel li+li{border-top:0}.toc-panel li:nth-child(n+3){border-top:1px solid var(--line)}.next-panel{display:none}.bottom-related{padding-top:25px;padding-bottom:24px}.bottom-related .word-grid{grid-template-columns:1fr}.bottom-related .word-card:last-child{display:flex}.bottom-related h2{font-size:21px}}
/* Keep intrinsic text widths inside the responsive grid tracks. */
.discovery-panel,.daily-word,.daily-top>div,.detail-aside{min-width:0}
.hero::after{background:linear-gradient(90deg,#faf7f040 0%,#faf7f0da 39%,#faf7f0a6 50%,transparent 68%)}
.category-panel details[data-current-category] summary{color:var(--wine);font-weight:600}
@media(max-width:560px){
  .discovery-grid,.word-grid{grid-template-columns:minmax(0,1fr)}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-body strong{font-size:18px}
  .detail-aside{display:contents}
  .toc-panel{grid-row:1}
  .detail-layout>.article{grid-row:2}
  .discovery-panel h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 5つの媒体横断カテゴリー：上段3枚・下段2枚に整える。 */
.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.category-card{grid-column:span 2}
.category-card:nth-child(n+4){grid-column:span 3}
.category-body strong{font-size:22px;white-space:normal}
.art-6{background-image:url('assets/form-materials-v3.png');background-size:cover;background-position:center}
@media(max-width:800px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-card,.category-card:nth-child(n+4){grid-column:auto}
}
@media(max-width:560px){
  .category-card:last-child{grid-column:1/-1}
  .category-body strong{font-size:18px}
}

/* 三語の実践導線と、説明のための比較図。装飾画像とは分けて扱う。 */
.learning-entry{margin-top:31px;padding:24px 27px 20px;border:1px solid #e7d9cb;border-radius:12px;background:linear-gradient(115deg,#fffdf9,#f7eee8);box-shadow:0 2px 10px #8e705508}
.learning-entry .section-heading{margin-bottom:17px}
.learning-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.learning-entry-card{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:115px;padding:17px 14px;border:1px solid #e9dcd1;border-radius:9px;background:#fffefbdc;transition:transform .2s,border-color .2s}
.learning-entry-card:hover{transform:translateY(-2px);border-color:#ad7389}
.learning-entry-card>span:nth-child(2){display:block;min-width:0;flex:1}
.learning-step{color:#a6637d;font:italic 23px/1.2 Georgia,serif}
.learning-entry-card strong{display:block;color:var(--wine);font:600 18px/1.4 var(--serif)}
.learning-entry-card em{display:block;margin-top:2px;font:600 11px/1.5 var(--sans);color:#7a5d61}
.learning-entry-card small{display:block;margin-top:5px;font-size:11px;line-height:1.6;color:#675f5b}
.learning-entry-card b{align-self:center;color:var(--wine);font-size:23px;font-weight:400}
.learning-entry-note{margin-top:11px;color:var(--muted);font-size:11px}
.learning-panel{margin-top:0}
.learning-panel .section-heading{align-items:baseline;flex-wrap:wrap}
.learning-intro{margin-bottom:19px!important}
.learning-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.learning-example{min-width:0;margin:0;padding:12px;border:1px solid #e9ddd1;border-radius:9px;background:#fffaf4}
.learning-example figcaption{display:flex;align-items:baseline;gap:9px;min-height:38px;color:#5e3c49}
.learning-example figcaption span{flex:none;border-radius:15px;background:#ecdee3;padding:1px 9px;font-size:10px;font-weight:700;color:#833f56}
.learning-example figcaption strong{font:600 15px/1.5 var(--serif)}
.learning-example>p{margin:11px 2px 1px;color:#675d59;font-size:12px;line-height:1.7}
.learning-visual{display:grid;place-items:center;min-height:255px;padding:15px;background:repeating-linear-gradient(45deg,#efe7df,#efe7df 1px,#f6f0e9 1px,#f6f0e9 8px);border-radius:6px}
.learning-poster{display:flex;flex-direction:column;align-items:flex-start;width:min(100%,300px);min-height:220px;padding:20px 22px;background:#fffdf7;border:1px solid #e8d9c9;box-shadow:3px 6px 12px #624d3a20;color:#68374a;font-family:var(--serif)}
.learning-poster-title{display:block;font-size:24px;line-height:1.5}
.learning-poster-date{font-size:14px;line-height:1.8}
.learning-poster-place{font-size:12px;line-height:1.8}
.learning-poster-fee{font-size:10px;line-height:1.8}
.learning-visual--negative-space.learning-visual--before .learning-poster{padding:14px 17px}
.learning-visual--negative-space.learning-visual--before .learning-poster-title{margin-bottom:2px}
.learning-visual--negative-space.learning-visual--after .learning-poster-title{margin-bottom:42px}
.learning-visual--negative-space.learning-visual--after .learning-poster-date{margin-bottom:2px}
.learning-visual--negative-space.learning-visual--after .learning-poster-fee{margin-top:auto}
.learning-visual--visual-hierarchy .learning-poster{justify-content:space-between}
.learning-visual--visual-hierarchy.learning-visual--before .learning-poster>*{font-size:14px;font-weight:400;line-height:1.6}
.learning-visual--visual-hierarchy.learning-visual--after .learning-poster-title{font-size:29px;font-weight:700}
.learning-visual--visual-hierarchy.learning-visual--after .learning-poster-date{font-size:16px;font-weight:600}
.learning-visual--visual-hierarchy.learning-visual--after .learning-poster-place{font-size:12px}
.learning-visual--visual-hierarchy.learning-visual--after .learning-poster-fee{font-size:10px}
.learning-visual--lightness-contrast .learning-poster{justify-content:space-between;background:#fbf3ec}
.learning-visual--lightness-contrast.learning-visual--before .learning-poster{color:#cab7b3}
.learning-visual--lightness-contrast.learning-visual--after .learning-poster{color:#632c43}
.learning-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:19px}
.learning-task,.learning-check{padding:16px 17px;border:1px solid #eaded2;border-radius:8px;background:#fbf5ee}
.learning-task h3,.learning-check h3{display:flex;align-items:center;gap:9px;color:var(--wine);font:600 18px/1.4 var(--serif)}
.learning-task h3 span,.learning-check h3 span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#a25870;color:white;font:italic 13px/1 Georgia}
.learning-task>p,.learning-check>p{margin-top:11px;font-size:12px;line-height:1.85}
.learning-condition{padding-top:10px;border-top:1px solid #e9d9cb}
.learning-condition strong{display:block;color:#78485a}
.learning-check ul{padding:0;margin:10px 0 0;list-style:none}
.learning-check li+li{border-top:1px solid #e9d9cb}
.learning-check label{display:flex;align-items:flex-start;gap:9px;padding:8px 0;cursor:pointer;font-size:12px;line-height:1.65}
.learning-check input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--wine)}
.learning-reflection{margin-top:14px;padding:12px 16px;border:1px solid #e9d9cb;border-radius:8px;background:#fffaf4;font-size:12px}
.learning-reflection summary{cursor:pointer;color:var(--wine);font-weight:600}
.learning-reflection p{margin-top:8px}
@media(max-width:800px){
  .learning-entry-grid{grid-template-columns:1fr}
  .learning-entry-card{min-height:0}
}
@media(max-width:560px){
  .learning-entry{padding:19px 15px}
  .learning-entry .section-heading h2{font-size:21px}
  .learning-compare,.learning-work{grid-template-columns:1fr}
  .learning-panel .section-heading h2{font-size:21px}
  .learning-visual{min-height:235px}
}