@charset "UTF-8";
:root{color-scheme:light;--bg:#f9f6ef;--card:#f0eee6;--card-hover:#f0eee6;--line:#f0eee6;--text:#94606a;--sub:#94606a;--cyan:#486653;--purple:#94606a;--gradient:linear-gradient(110deg,#486653,#94606a 65%,#94606a);--radius:18px;--font:"Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse 750px 650px at 0 15%,#f0eee644,transparent 80%),radial-gradient(ellipse 700px 900px at 100% 22%,#94606a47,transparent 80%),radial-gradient(ellipse 850px 650px at 15% 85%,#f0eee640,transparent 75%),var(--bg);font-family:var(--font);color:var(--text);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:var(--cyan);color:var(--bg);padding:8px 18px;border-radius:8px}.skip-link:focus{top:10px}
.site-header{background:#425243d9;border-bottom:1px solid #59705f0b}.header-inner{max-width:1240px;margin:auto;height:142px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.brand{display:flex;flex-direction:column;align-items:center;gap:8px}.brand-top{display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:3.2px;color:var(--cyan)}.brand-top svg{width:19px;height:19px}.brand-name{font-size:27px;font-weight:800;letter-spacing:.045em;line-height:1.5}.brand-name>span{color:#486653}.icon-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:transparent;min-width:44px;min-height:44px;padding:4px;color:#94606a;border-radius:8px}.icon-button:hover{background:#59705f09;color:var(--cyan)}.icon-button svg{height:25px;width:25px}.icon-button>span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.4px}.layout{display:grid;grid-template-columns:minmax(0,850px) 294px;gap:28px;max-width:1220px;padding:28px 24px 58px;margin:auto}main{min-width:0}.hero{position:relative;display:grid;grid-template-columns:1.12fr 1fr;min-height:340px;overflow:hidden;border:1px solid #94606a4f;border-radius:24px;background:radial-gradient(ellipse at 90% 50%,#94606a45,transparent 70%),linear-gradient(112deg,#f0eee6,#f0eee6 65%,#f0eee6);box-shadow:0 16px 50px #42524340,inset 0 1px 0 #59705f06}.hero::after{content:"";position:absolute;inset:auto 5% 0 5%;height:1px;background:linear-gradient(90deg,transparent,#48665344,#94606a55,transparent)}.hero-copy{z-index:1;padding:35px 0 33px 34px;align-self:center}.eyebrow{display:inline-block;background:#4866530c;border:1px solid #4866532b;color:#486653;font-size:11px;letter-spacing:.06em;padding:3px 11px;border-radius:30px;font-weight:700}.hero h1{font-size:34px;line-height:1.5;font-weight:800;letter-spacing:.04em;margin:15px 0 12px}.gradient-text{background:var(--gradient);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:12px;line-height:1.95;color:#94606a;position:relative;margin-right:-55px;max-width:370px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border-radius:99px;background:var(--gradient);color:#f0eee6;font-size:12px;font-weight:800;padding:12px 20px;box-shadow:0 5px 20px #4866531a;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #48665330}.primary-button>span{font-size:18px;line-height:1}.hero-copy>.primary-button{margin-top:22px}.hero-footnote{display:block;font-size:10px;letter-spacing:.02em;color:#94606a;margin-top:11px}.hero-art{position:relative;align-self:stretch;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art::before{content:"";position:absolute;inset:20% 5%;background:linear-gradient(100deg,#48665320,#94606a24);border-radius:50%;filter:blur(25px)}.hero-art img{position:relative;display:block;width:125%;max-width:none;height:auto;aspect-ratio:1;z-index:1;margin-left:-10%;filter:drop-shadow(0 0 12px #94606a10)}.orbit{position:absolute;aspect-ratio:1;border:1px solid #94606a1d;border-radius:50%;width:85%;transform:rotate(-25deg) scaleX(.85)}.orbit-two{width:110%;border-style:dashed;border-color:#94606a0e}.sound-bars{position:absolute;left:9%;right:9%;height:70px;display:flex;align-items:center;justify-content:space-between;gap:9px;opacity:.18;transform:rotate(-12deg)}.sound-bars i{width:3px;height:25%;background:var(--gradient);border-radius:10px}.sound-bars i:nth-child(3n){height:85%}.sound-bars i:nth-child(3n + 1){height:55%}.sound-bars i:nth-child(5n){height:100%}.art-label{position:absolute;bottom:25px;left:0;right:0;text-align:center;font:8px Arial,sans-serif;letter-spacing:2.6px;color:#94606a}.art-label i{display:inline-block;width:4px;height:4px;background:#486653;border-radius:50%;margin-right:6px;vertical-align:2px;box-shadow:0 0 9px #48665380}.slider-nav{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:12px;height:24px}.slider-arrow{background:#59705f04;width:24px;height:24px;display:grid;place-content:center;border-radius:50%;color:#94606a;line-height:1;font:21px Arial,sans-serif}.slider-arrow:hover{background:#59705f0c;color:var(--cyan)}.slider-dots{display:flex;align-items:center;gap:8px}.slider-dot{position:relative;padding:0;width:7px;height:7px;border-radius:99px;background:#7d716c;transition:width .2s,background .2s}.slider-dot::before{content:"";position:absolute;inset:-9px -3px}.slider-dot[aria-current=true]{width:26px;background:var(--gradient);box-shadow:0 0 10px #48665328}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 17px}.section-heading h2{font-size:20px;font-weight:800;display:flex;align-items:center;gap:11px;letter-spacing:.045em;line-height:1.5}.section-heading h2::before{content:"";width:4px;height:22px;border-radius:3px;background:var(--gradient);box-shadow:0 0 12px #48665340}.section-heading>span{font:8px Arial,sans-serif;letter-spacing:1.6px;color:#7d716c}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card{position:relative;padding:18px 17px 17px;border-radius:var(--radius);border:1px solid #94606a16;background:linear-gradient(135deg,#f0eee688,#f0eee688),var(--card);display:flex;flex-direction:column;align-items:flex-start;gap:5px;transition:transform .2s,border-color .2s,background .2s;min-width:0}.category-card::after{content:"→";position:absolute;right:17px;top:15px;color:#486653;font-size:16px}.category-card:hover{transform:translateY(-3px);border-color:#48665360;background:var(--card-hover)}.category-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#48665315,#94606a17);border:1px solid #48665323;color:#486653;box-shadow:inset 0 0 15px #48665309}.category-icon svg{width:22px;height:22px}.category-card:nth-child(2n) .category-icon{color:#94606a;background:linear-gradient(135deg,#94606a1a,#94606a0b);border-color:#94606a25}.category-name{font-size:14px;font-weight:800;margin-top:5px;line-height:1.5}.category-desc{font-size:10px;color:var(--sub);line-height:1.6}.category-special{grid-column:span 2;display:flex;flex-direction:row;align-items:center;gap:14px;background:linear-gradient(110deg,#f0eee6,#f0eee6 75%,#f0eee6);border-color:#94606a2e}.category-special .category-name{display:block;margin-top:0;color:#94606a}.category-special .category-desc{display:block;margin-top:4px}.category-special::after{top:50%;transform:translateY(-50%);color:#94606a}.category-special:hover{background:linear-gradient(110deg,#f0eee6,#f0eee6 75%,#94606a);border-color:#94606a80}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{display:block;overflow:hidden;border:1px solid #94606a17;background:var(--card);border-radius:var(--radius);transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}.article-card:hover{transform:translateY(-3px);border-color:#94606a51;box-shadow:0 12px 30px #42524330}.article-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 10%,#4866534d,transparent 65%),linear-gradient(130deg,#f0eee6,#f0eee6);padding:18px;display:flex;align-items:center}.article-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f9f6ef22,transparent),repeating-linear-gradient(90deg,transparent,transparent 55px,#48665304 56px,#48665304 57px)}.article-thumb>img{position:absolute;height:115%;width:65%;right:-9%;top:-6%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 10px 10px #0003)}.article-thumb.tonal-purple{background:radial-gradient(ellipse at 80% 20%,#94606a4d,transparent 70%),linear-gradient(130deg,#f0eee6,#f0eee6)}.article-thumb.tonal-blue{background:radial-gradient(ellipse at 80% 20%,#94606a55,transparent 70%),linear-gradient(130deg,#f0eee6,#f0eee6)}.article-thumb.tonal-teal{background:radial-gradient(ellipse at 80% 20%,#48665340,transparent 70%),linear-gradient(130deg,#f0eee6,#f0eee6)}.thumb-copy{position:relative;z-index:1;width:69%;min-height:90%;padding:13px 12px 10px;border-radius:10px;background:#f9f6efe8;border:1px solid #48665323;box-shadow:0 5px 14px #42524320;display:flex;flex-direction:column;justify-content:space-between;gap:11px}.thumb-label{font-size:8px;font-weight:700;color:#486653;align-self:flex-start;background:#4866530e;border:1px solid #48665317;border-radius:20px;padding:1px 7px}.thumb-title{font-size:15px;line-height:1.65;font-weight:800;letter-spacing:.03em}.thumb-signature{font-size:6px;color:#486653;font-weight:600;letter-spacing:.06em}.thumb-signature::before{content:"";display:inline-block;width:4px;height:4px;background:var(--cyan);border-radius:50%;margin-right:4px}.article-meta{padding:15px 17px 16px}.article-meta h3{font-size:14px;line-height:1.8;font-weight:700;letter-spacing:.015em}.article-meta time{font-family:Arial,sans-serif;display:block;font-size:10px;letter-spacing:.055em;margin-top:10px;color:#94606a}.recommended-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recommended-grid .article-thumb{padding:12px;aspect-ratio:16/10}.recommended-grid .thumb-copy{width:75%;padding:10px 8px;gap:6px}.recommended-grid .thumb-title{font-size:11px}.recommended-grid .thumb-label{font-size:6px;padding:0 5px}.recommended-grid .thumb-signature{font-size:5px}.recommended-grid .article-meta{padding:12px}.recommended-grid h3{font-size:12px;line-height:1.8}.recommended-grid .article-card{position:relative}.pick-label{position:absolute;left:10px;top:10px;z-index:2;border-radius:30px;padding:2px 10px;background:var(--gradient);color:#f0eee6;font-size:9px;font-weight:700}.recommended-grid .article-thumb{padding-top:35px;aspect-ratio:1.4}.recommended-grid .article-thumb>img{top:5%;right:-10%}.filter-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:10px 14px;background:#48665309;border:1px solid #48665326;border-radius:10px;margin-bottom:15px}.filter-status button{background:transparent;color:var(--cyan);padding:3px;font-size:11px}
.sidebar{padding-top:0;min-width:0}.side-card{border:1px solid #94606a17;background:#f0eee6e8;border-radius:var(--radius);padding:18px;margin-bottom:15px;box-shadow:0 12px 28px #42524316}.side-card h2{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.03em;margin-bottom:15px}.side-card h2 i{width:6px;height:6px;background:var(--gradient);border-radius:50%;box-shadow:0 0 8px #48665350}.purpose-list{display:flex;flex-direction:column;gap:8px}.purpose-link{position:relative;display:flex;align-items:center;gap:9px;background:#59705f04;border:1px solid #59705f03;padding:10px 19px 10px 8px;border-radius:11px;transition:background .2s,border-color .2s}.purpose-link::after{content:"→";position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#486653;font-size:13px}.purpose-link:hover{background:#4866530a;border-color:#4866531a}.purpose-link .category-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0}.purpose-link .category-icon svg{width:17px;height:17px}.purpose-text{min-width:0}.purpose-text strong{display:block;font-size:11px;line-height:1.5;font-weight:700}.purpose-text small{display:block;font-size:9px;color:var(--sub);line-height:1.6;margin-top:2px}.side-category-card{padding:12px}.mini-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-category{display:flex;align-items:center;gap:6px;background:#59705f04;border-radius:9px;padding:7px 6px;font-size:10px;font-weight:700;line-height:1.5;transition:background .2s}.mini-category:hover{background:#4866530d}.mini-category .category-icon{width:27px;height:27px;border-radius:8px;flex-shrink:0}.mini-category .category-icon svg{width:15px;height:15px}.mini-category:last-child{background:linear-gradient(110deg,#f0eee6,#f0eee6)}
.site-footer{text-align:center;position:relative;border-top:1px solid #4866531a;padding:36px 20px 26px;background:linear-gradient(112deg,#f0eee680,#f0eee680 55%,#f0eee680)}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.03em}.footer-brand svg{color:var(--cyan);width:22px}.site-footer>p{font-size:11px;color:#94606a;margin-top:8px}.site-footer>small{font-size:9px;color:#94606a;display:block;margin-top:21px}.preview-note{display:block;margin-top:9px;font-size:9px;color:#7d716c}.back-top{display:grid;place-items:center;position:fixed;right:20px;bottom:20px;width:38px;height:38px;background:#f0eee6e8;border:1px solid #4866532b;color:var(--cyan);border-radius:10px;font-size:20px;z-index:3;box-shadow:0 4px 14px #0003}.back-top:hover{background:#94606a}
dialog{color:var(--text);background:#f0eee6;border:1px solid #48665347;border-radius:22px;padding:25px 30px;max-height:85dvh;max-width:calc(100% - 32px);box-shadow:0 35px 120px #0008;width:660px;overscroll-behavior:contain}dialog::backdrop{background:#425243bd;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.dialog-kicker{font:9px Arial,sans-serif;letter-spacing:2px;color:#486653}.close-dialog{font-size:30px;font-family:Arial,sans-serif;min-width:36px;min-height:36px;line-height:1}.menu-dialog h2,.search-dialog h2{font-size:21px;line-height:1.7;margin-bottom:24px}.menu-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-dialog .mini-category{font-size:13px;padding:11px;gap:12px}.menu-home{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px;color:var(--cyan)}#search-form label{font-size:11px;color:var(--sub)}.search-field{display:flex;gap:9px;margin-top:7px}.search-field input{width:100%;min-width:0;border:1px solid #7d716c71;border-radius:12px;background:#f9f6ef;color:var(--text);padding:13px 14px;font-size:12px}.search-field .primary-button{flex-shrink:0;border-radius:12px}.search-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 8px}.search-suggestions>span{font-size:10px;color:var(--sub);width:100%}.search-suggestions button{background:#4866530b;border:1px solid #48665327;border-radius:30px;padding:3px 11px;color:#486653;font-size:10px}.search-results-label{font-size:12px;margin:23px 0 9px;color:var(--sub)}.search-result{display:block;border-top:1px solid var(--line);padding:15px 0;font-size:13px}.search-result>small{display:block;color:var(--cyan);font-size:9px;margin-bottom:3px}.search-result:hover{color:var(--cyan)}.search-empty{font-size:12px;margin-top:22px;color:var(--sub)}.article-dialog{width:780px;padding:25px 38px 38px}.reading-meta{display:flex;align-items:center;gap:16px;color:var(--sub);font-size:10px;margin:18px 0}.reading-tag{color:var(--cyan);padding:2px 10px;border:1px solid #4866532e;border-radius:20px}.article-dialog h1{font-size:25px;line-height:1.75;font-weight:800;margin:10px 0 23px}.reading-visual{height:200px;display:flex;justify-content:center;overflow:hidden;border:1px solid #48665325;border-radius:15px;background:radial-gradient(ellipse at 50% 50%,#48665340,transparent 70%),linear-gradient(110deg,#f0eee6,#f0eee6);margin-bottom:25px}.reading-visual img{height:115%;margin-top:-15px}.reading-note{font-size:11px;color:var(--sub);border-left:2px solid var(--purple);padding:6px 12px;background:#94606a08;margin-bottom:24px}.reading-body{font-size:14px;color:#94606a;line-height:2.15}.reading-body h2{font-size:18px;color:var(--text);border-left:3px solid var(--cyan);padding-left:12px;margin:28px 0 14px}.reading-body p+p{margin-top:16px}.reading-check{padding:18px 22px;background:#48665308;border:1px solid #48665320;border-radius:12px;margin:18px 0}.reading-check ol{margin:0;padding-left:20px}.reading-check li+li{margin-top:8px}.related-reading{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.related-reading h2{font-size:13px;color:var(--sub)}.related-reading a{display:block;color:var(--cyan);font-size:13px;padding:8px 0}
@media(min-width:1500px){.layout{padding-top:34px}.header-inner{height:150px}}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px;padding-left:20px;padding-right:20px}.hero{min-height:320px}.hero-copy{padding-left:26px}.hero h1{font-size:29px}.hero-copy>p{font-size:11px;max-width:300px;margin-right:-70px}.hero-copy>.primary-button{font-size:11px;padding:11px 15px;gap:12px}.category-name{font-size:12px}.category-desc{font-size:9px}.category-card{padding:16px 13px}.category-special{gap:10px}.side-card{padding:15px}.purpose-link{gap:7px}.purpose-text strong{font-size:10px}.purpose-text small{font-size:8px}.side-category-card{padding:10px}.mini-category{font-size:9px;gap:4px}.mini-category .category-icon{width:25px;height:25px}.thumb-title{font-size:12px}.article-thumb{padding:12px}.thumb-copy{padding:10px}.article-meta h3{font-size:13px}.section-heading>span{font-size:7px;letter-spacing:1px}}
@media(max-width:959px){.layout{grid-template-columns:1fr;max-width:850px;gap:24px}.sidebar{padding-top:0}.hero{min-height:335px}.hero-copy{padding:30px 0 30px 30px}.hero h1{font-size:33px}.hero-copy>p{font-size:12px;max-width:370px}.hero-copy>.primary-button{font-size:12px;padding:12px 20px;gap:20px}.category-name{font-size:14px}.category-desc{font-size:11px}.category-card{padding:18px}.purpose-text strong{font-size:13px}.purpose-text small{font-size:11px}.purpose-link{gap:12px;padding:10px 28px 10px 9px}.side-card{padding:18px}.purpose-link .category-icon{width:34px;height:34px}.purpose-link .category-icon svg{width:18px;height:18px}.side-category-card{padding:16px}.mini-category{font-size:12px;padding:8px;gap:8px}.mini-category .category-icon{width:30px;height:30px}.section-heading>span{font-size:8px}.article-thumb{padding:16px}.thumb-title{font-size:15px}.article-meta h3{font-size:15px}.sidebar{display:block}.thumb-copy{padding:12px}}
@media(max-width:767px){.header-inner{height:132px;padding:0 20px}.brand-name{font-size:23px;letter-spacing:.01em}.brand-top{font-size:8px;letter-spacing:2px}.brand-top svg{height:17px;width:17px}.layout{padding:20px 16px 35px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px 25px 30px}.hero-art{display:none}.hero h1{font-size:30px;line-height:1.5;margin-top:13px}.hero-copy>p{margin-right:0;max-width:none;font-size:13px}.hero-footnote{font-size:10px}.hero::before{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-60px;border:1px solid #94606a15;border-radius:50%;box-shadow:0 0 0 45px #94606a05,0 0 70px 15px #94606a0d;pointer-events:none}.hero{background:radial-gradient(ellipse at 100% 50%,#94606a45,transparent 80%),linear-gradient(110deg,#f0eee6,#f0eee6 75%)}.slider-arrow{display:none}.slider-nav{height:18px;margin-top:10px}.section-heading{margin-top:27px;margin-bottom:15px}.section-heading h2{font-size:19px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-special{grid-column:span 1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.category-special .category-name{margin-top:5px}.category-special::after{top:15px;transform:none}.category-special .category-desc{margin-top:0}.recommended-grid{grid-template-columns:1fr;gap:12px}.recommended-grid .article-thumb{aspect-ratio:16/9;padding:25px}.recommended-grid .thumb-copy{width:63%;padding:17px;gap:13px;min-height:80%}.recommended-grid .thumb-title{font-size:25px}.recommended-grid .thumb-label{font-size:10px;padding:1px 8px}.recommended-grid .thumb-signature{font-size:8px}.recommended-grid .article-meta{padding:16px 18px}.recommended-grid h3{font-size:14px}.pick-label{top:12px;left:12px;font-size:10px}.recommended-grid .article-thumb{padding-top:45px}.article-meta h3{font-size:14px}.thumb-title{font-size:14px}.article-thumb{padding:13px}.thumb-copy{padding:11px;gap:10px}.thumb-label{font-size:7px}.thumb-signature{font-size:5px}.footer-brand{font-size:17px}.back-top{right:14px;bottom:14px}}
@media(max-width:599px){.header-inner{height:126px;padding:0 15px;align-items:flex-start;position:relative}.header-inner>.icon-button{position:absolute;top:14px;min-width:38px;min-height:38px}.header-inner>.icon-button:last-child{right:15px}.icon-button>span{display:none}.brand{margin:auto auto 22px;gap:6px;max-width:100%;padding-top:16px}.brand-name{font-size:19px;letter-spacing:.015em;white-space:nowrap}.brand-top{font-size:7px;letter-spacing:2px}.brand-top svg{height:15px;width:15px}.layout{padding:17px 13px 30px;gap:22px}.hero{border-radius:20px}.hero-copy{padding:25px 22px 26px}.hero h1{font-size:29px}.hero-copy>p{font-size:11px;line-height:2}.hero-copy>.primary-button{margin-top:20px;font-size:11px;padding:12px 18px}.hero-footnote{font-size:9px}.eyebrow{font-size:10px}.section-heading h2{font-size:18px;gap:9px;letter-spacing:.01em}.section-heading>span{font-size:7px;letter-spacing:1px}.section-heading h2::before{height:21px}.category-card{padding:15px 13px 14px;border-radius:15px;gap:4px}.category-card::after{right:13px;top:12px}.category-icon{height:37px;width:37px;border-radius:11px}.category-icon svg{height:21px;width:21px}.category-name{font-size:12px;margin-top:6px}.category-desc{font-size:9px}.category-special{gap:4px}.category-special .category-name{margin-top:6px}.category-special::after{top:12px}.article-grid{grid-template-columns:1fr;gap:13px}.article-thumb{padding:20px}.thumb-copy{width:66%;min-height:86%;padding:15px;gap:13px}.thumb-title{font-size:20px;line-height:1.65}.thumb-label{font-size:9px}.thumb-signature{font-size:7px}.article-meta{padding:16px 18px}.article-meta h3{font-size:14px}.article-meta time{font-size:10px;margin-top:9px}.recommended-grid .article-thumb{padding:36px 20px 20px;aspect-ratio:16/9}.recommended-grid .thumb-copy{width:66%;padding:13px;gap:11px;min-height:80%}.recommended-grid .thumb-title{font-size:19px}.recommended-grid .thumb-label{font-size:8px}.recommended-grid .thumb-signature{font-size:6px}.recommended-grid h3{font-size:14px}.side-card{padding:16px;border-radius:16px}.side-card h2{font-size:13px}.purpose-text strong{font-size:12px}.purpose-text small{font-size:10px}.mini-category{font-size:10px;padding:8px 6px;gap:6px}.side-category-card{padding:12px}.footer-brand{font-size:14px;gap:7px}.footer-brand svg{width:19px;height:19px}.site-footer>p{font-size:10px}.site-footer{padding:30px 12px 22px}.site-footer small,.preview-note{font-size:8px}.menu-dialog,.search-dialog{padding:20px}.menu-dialog h2,.search-dialog h2{font-size:18px}.menu-dialog .mini-category{font-size:10px;padding:9px 7px;gap:7px}.search-field{flex-direction:column}.search-field .primary-button{padding:10px 16px;justify-content:center}.search-field input{font-size:13px}.article-dialog{padding:18px 22px 28px}.article-dialog h1{font-size:20px}.reading-body{font-size:13px}.reading-body h2{font-size:16px}.dialog-kicker{font-size:7px;letter-spacing:1px}.reading-visual{height:170px}}
/* 筆の強弱を感じる明朝体。装飾を抑えた編集・レビュー誌のトーン。 */
:root{--font-editorial:"Shippori Mincho","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;--font-reading:"Noto Serif JP","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif}
.brand-name,.footer-brand{font-family:var(--font-editorial);font-weight:700;letter-spacing:.065em}
.brand-name{font-size:28px}.hero h1{font-family:var(--font-editorial);font-size:36px;font-weight:700;letter-spacing:.055em;line-height:1.6}.hero-copy>p{font-family:var(--font-reading);font-weight:400;line-height:2.05}.section-heading h2{font-family:var(--font-editorial);font-weight:700;letter-spacing:.07em}.category-name{font-family:var(--font-editorial);font-size:15px;font-weight:700;letter-spacing:.02em}.thumb-title{font-family:var(--font-editorial);font-weight:700;font-size:16px;line-height:1.65;letter-spacing:.035em}.article-meta h3{font-family:var(--font-editorial);font-size:15px;line-height:1.85;font-weight:600}.side-card h2{font-family:var(--font-editorial);font-size:14px;letter-spacing:.06em}.purpose-text strong{font-family:var(--font-editorial);font-weight:600}.recommended-grid .thumb-title{font-size:12px}.recommended-grid h3{font-size:13px}.article-dialog h1,.reading-body h2,.menu-dialog h2,.search-dialog h2{font-family:var(--font-editorial);font-weight:600;letter-spacing:.04em}.reading-body{font-family:var(--font-reading);font-size:15px;line-height:2.25;font-weight:400}.reading-intro::first-letter{font-size:1.2em;font-weight:600;color:#94606a}.reading-intro{line-height:2.3}.reading-body h2{font-size:19px}.hero-art::before{opacity:.8}.primary-button{box-shadow:0 4px 16px #48665310}.section-heading h2::before{box-shadow:none}.brand-name>span{color:#486653}.hero .gradient-text{background-image:linear-gradient(110deg,#486653,#94606a 65%,#94606a)}
@media(max-width:1050px){.hero h1{font-size:31px}.category-name{font-size:13px}.thumb-title{font-size:13px}.article-meta h3{font-size:14px}}
@media(max-width:959px){.hero h1{font-size:35px}.category-name{font-size:15px}.thumb-title{font-size:16px}.article-meta h3{font-size:16px}}
@media(max-width:767px){.brand-name{font-size:24px}.hero h1{font-size:33px}.thumb-title{font-size:15px}.recommended-grid .thumb-title{font-size:25px}.recommended-grid h3{font-size:15px}.article-meta h3{font-size:15px}}
@media(max-width:599px){.brand-name{font-size:19px;letter-spacing:.035em}.hero h1{font-size:32px}.category-name{font-size:13px;letter-spacing:0}.hero-copy>p{font-size:11px}.thumb-title{font-size:22px}.article-meta h3{font-size:15px}.recommended-grid .thumb-title{font-size:21px}.recommended-grid h3{font-size:15px}.footer-brand{font-size:14px;letter-spacing:.02em}.reading-body{font-size:14px}.reading-body h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Gift edition: retained editorial layout, quiet sakura ornament. */
:root{color-scheme:light;--bg:#f8f5ee;--card:#fffefa;--card-hover:#f1f2e9;--line:#d8d9cd;--text:#303d35;--sub:#647065;--cyan:#496653;--purple:#94606a;--gradient:linear-gradient(110deg,#496653,#657a62);--font:"Noto Serif JP","Yu Mincho",serif}
body{background-color:var(--bg);background-image:url("assets/sakura.svg");background-size:280px 310px}
.site-header{background:#fffdf8ed;border-bottom:1px solid var(--line)}
.icon-button{color:var(--text)}.brand-top{color:var(--cyan);letter-spacing:2.5px}.brand-name>span{color:#94606a}
.hero{background:#f0eee4;border:1px solid #d8d9cd;box-shadow:0 12px 36px #414a3510;min-height:370px;grid-template-columns:1.05fr 1fr}
.hero-copy{padding-left:30px;padding-right:18px}.hero-copy>p{color:#526052;margin-right:0;font-size:13px}.hero h1{font-size:34px}.gradient-text{background:none;color:var(--cyan);-webkit-text-fill-color:var(--cyan)}
.eyebrow{background:#fff9f2;border-color:#d9c2bb;color:#80515c}.primary-button{background:#496653;color:#fffefa;box-shadow:none}.primary-button:hover{background:#3a5443;box-shadow:0 5px 18px #31413118}.hero-footnote{color:#667260}
.hero-art{overflow:hidden}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;margin:0;filter:none;max-height:none}.hero-art::before,.orbit,.sound-bars,.art-label{display:none}.hero::after{display:none}
.category-card,.side-card{background:var(--card);border-color:var(--line);box-shadow:none}.category-special{background:#f6eeee}.category-icon{color:#496653;background:#e9eee3}.category-desc,.purpose-text small{color:#657061}.category-name,.purpose-text strong{color:#303d35}.section-heading>span{color:#6a7468}.section-heading h2::before{box-shadow:none}
.article-card{background:var(--card);border-color:var(--line);box-shadow:none}.article-card:hover{box-shadow:0 8px 25px #4a533a12}.article-thumb.has-photo{padding:0;display:block;background:#ebece1;aspect-ratio:16/9}.article-thumb.has-photo::before{display:none}.article-thumb.has-photo>img{position:static;display:block;width:100%;height:100%;object-fit:cover;transform:none;filter:none;margin:0;aspect-ratio:16/9}.article-meta h3{color:#303d35}.article-meta time{color:#677362}.pick-label{background:#496653;color:#fffefa}.recommended-grid .article-thumb.has-photo{aspect-ratio:16/9}.recommended-grid .article-thumb.has-photo>img{position:static;width:100%;height:100%;object-fit:cover}
.side-card h2,.side-card h2 i{color:#496653}.purpose-link,.mini-category{border-color:#d8d9cd}.purpose-link:hover,.mini-category:hover{background:#edf0e6}.site-footer{background:#e9ecdf;border-color:#d3d9ca;color:#52624f}.footer-brand{color:#3a5443}.preview-note{color:#64705e}.back-top{background:#496653;color:white;border-color:#496653}
dialog{background:#fffdf8;color:#303d35;border:1px solid #d8d9cd;box-shadow:0 20px 100px #29352640}dialog::backdrop{background:#25372b65;backdrop-filter:blur(5px)}.search-field input{background:#fffefa;color:#303d35;border-color:#adbba6}.search-suggestions button{background:#e9eee3;color:#38513f}.search-result:hover{background:#f1f2e9}.search-empty,.reading-note,.search-results-label{color:#657061}.reading-tag{color:#496653;background:#edf1e7}.reading-body{color:#37483c}.reading-body h2{color:#303d35}.reading-check{background:#edf1e7;border-color:#c5d0bd}.reading-visual{aspect-ratio:16/9;background:#f1eee5;overflow:hidden}.reading-visual img{width:100%;height:100%;object-fit:cover;position:static;filter:none;transform:none}.reading-body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:13px}.reading-body th,.reading-body td{border:1px solid #d1d8c8;min-width:140px;padding:12px;vertical-align:top}.reading-body th{background:#edf1e7}.reading-body a{text-decoration:underline;color:#496653;overflow-wrap:anywhere}.reading-body h3{margin:1.6em 0 .8em}.reading-body p{margin:1em 0}.reading-body ul{padding-left:1.5em}.gift-disclosure{font-size:11px;color:#64705d;line-height:1.8;max-width:740px;margin:14px auto}.draft-badge{font-size:10px;color:#835a61}
@media(max-width:767px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 26px 22px}.hero-art{height:210px;min-height:210px}.hero-art img{object-position:center 55%}.hero h1{font-size:31px}.hero-copy>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}