:root{--ink:#243f43;--muted:#677775;--teal:#376d65;--teal-dark:#24564f;--blue:#7eafe0;--cream:#f8f5ec;--gold:#edca72;--line:#e1e7e0;--soft:#f2f6f2;--paper:#fffefa;--font:"Noto Sans JP",sans-serif;--round:"Zen Maru Gothic","Noto Sans JP",sans-serif;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}.ck-app{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}.ck-app a{color:inherit;text-decoration:none}.ck-app button,.ck-app input,.ck-app select{font:inherit;color:inherit}.ck-app button,.ck-app a{touch-action:manipulation}.ck-app button{cursor:pointer}.ck-app img{max-width:100%;height:auto}.ck-app h1,.ck-app h2,.ck-app h3,.ck-app p{margin-top:0}.ck-app :where(svg){width:23px;height:23px;flex-shrink:0;vertical-align:middle}.ck-app [hidden]{display:none!important}.ck-app :is(button,a,input,select,summary):focus-visible{outline:3px solid #4c92ba;outline-offset:5px}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:2000;padding:15px;background:white}.skip-link:focus{top:10px}.modal-open{overflow:hidden}
/* Masthead and navigation */
.site-header{position:sticky;top:0;z-index:100;background:#fffefaed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{width:min(1320px,calc(100% - 64px));margin:auto;height:100px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;line-height:1.3}.brand-mark{position:relative;width:57px;height:57px;overflow:hidden;background:#e4f0f3;border-radius:50%;border:1px solid #d6e4e3;flex-shrink:0}.brand-mark img{position:absolute;width:96px;max-width:none;height:96px;left:-20px;top:-7px;object-fit:contain}.brand strong{display:block;font:900 29px/1.3 var(--round);letter-spacing:.03em}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.08em;color:#7b8b85;margin-top:6px}.header-search{margin-left:auto;display:flex;align-items:center;gap:35px;border:1px solid #dde5df;border-radius:30px;padding:12px 19px;background:#f6f8f3;font-size:12px;color:#8b9990;min-width:235px;justify-content:space-between}.header-search svg{width:18px;height:18px;color:var(--teal)}.header-actions{display:flex;align-items:center;gap:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;padding:0}.icon-button:hover{background:#edf3ec}.saved-link{border:0;flex-direction:column;gap:2px;width:60px;height:54px}.saved-label{font-size:9px;font-weight:600;white-space:nowrap}.saved-link svg{width:20px;height:20px}.saved-count{position:absolute;right:5px;top:0;min-width:18px;height:18px;padding-inline:3px;background:var(--teal);color:#fff;border-radius:20px;font:600 10px/18px var(--font);text-align:center}.menu-toggle{width:57px;height:57px;border:0;border-radius:50%;background:var(--teal);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle:hover{background:var(--teal-dark)}.menu-toggle svg{width:22px;height:14px}.menu-toggle small{font-size:8px;letter-spacing:.08em;line-height:1}.mobile-search{display:none}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:36px;min-height:46px;border-top:1px solid #edf0e9;font-size:12px;font-weight:600;letter-spacing:.03em}.desktop-nav a{padding:8px 0;transition:color .2s}.desktop-nav a:hover{color:var(--teal)}.desktop-nav a:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c1d3c5;margin-right:9px;vertical-align:middle}.desktop-nav a:nth-child(3n):before{background:#e4c688}.desktop-nav a:nth-child(3n + 1):before{background:#a9c6de}
/* A friendly editorial opening */
.hero-wrap{background:var(--cream);position:relative;isolation:isolate}.hero-wrap:after{content:"";height:28px;position:absolute;left:0;right:0;bottom:-1px;background:var(--paper);clip-path:polygon(0 55%,5% 75%,10% 87%,15% 76%,20% 48%,25% 30%,30% 42%,35% 68%,40% 82%,45% 75%,50% 48%,55% 30%,60% 42%,65% 65%,70% 80%,75% 72%,80% 50%,85% 34%,90% 45%,95% 70%,100% 55%,100% 100%,0 100%)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding-block:52px 72px;min-height:490px}.hero-kicker{font:700 13px/1.8 var(--round);display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border:1px solid #dbddcc;border-radius:20px;background:#fffdf6;margin-bottom:21px;transform:rotate(-2deg)}.hero-kicker svg{width:19px;height:19px;color:#a8bca9}.hero h1{font:900 clamp(36px,4.05vw,55px)/1.65 var(--round);letter-spacing:.025em;margin:0 0 20px;white-space:nowrap}.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em:after{content:"";position:absolute;left:0;right:0;height:13px;bottom:8px;background:#f1d77f;border-radius:60% 45% 40% 65%;z-index:-1;transform:rotate(-1deg)}.hero-description{font-size:14px;line-height:2.15;letter-spacing:.035em;color:#6f7c71;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:40px;padding:15px 24px;min-height:52px;font-size:13px;font-weight:600;line-height:1.65;transition:background .2s,transform .2s,box-shadow .2s}.button svg{width:19px;height:19px}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark);box-shadow:0 6px 15px #376d6514;transform:translateY(-2px)}.button.secondary{border-color:#c7d5ca;background:var(--paper)}.button.secondary:hover{background:#edf4ed;border-color:#97b6a1}.hero-actions{display:flex;align-items:center;gap:22px}.hero-actions .button svg{background:#ffffff25;border-radius:50%;padding:5px;width:28px;height:28px;margin-right:-7px}.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.text-link svg{width:17px;height:17px}.text-link:hover{color:var(--teal)}.hero-art{position:relative;min-height:345px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:340px;height:322px;border-radius:44% 56% 50% 50%;background:#e1eef1;transform:rotate(-9deg);z-index:-2}.hero-art:after{content:"";position:absolute;width:365px;height:300px;border:1px dashed #c7d6cc;border-radius:50%;z-index:-3;transform:rotate(15deg)}.mascot{width:310px;height:330px!important;object-fit:contain;transform:rotate(3deg)}.hero-speech{position:absolute;left:-6px;top:17px;z-index:2;padding:10px 17px;background:#fffef8;border:1px solid #dfe3d4;border-radius:20px 20px 3px 20px;font:700 14px var(--round);transform:rotate(-7deg)}.hero-speech small{display:block;font:500 9px/1.6 var(--font);letter-spacing:.08em;color:#809287;margin-bottom:2px}.hero-stamp{position:absolute;right:-4px;bottom:21px;width:116px;height:116px;border:1px solid #e4d6aa;border-radius:50%;background:#f8edce;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 13px/1.65 var(--round);transform:rotate(9deg)}.hero-stamp svg{width:23px;height:23px;margin-bottom:5px;color:#b49a5d}.hero-star{position:absolute;color:#cfb769;right:38px;top:19px}.hero-star svg{width:26px;height:26px}.hero-dots{position:absolute;left:25px;bottom:65px;display:flex;gap:9px}.hero-dots i{width:7px;height:7px;border-radius:50%;background:#99bdb6}.hero-dots i:nth-child(2){background:#e1c16c}.hero-dots i:nth-child(3){background:#b3cbd8}
/* Editorial rhythm */
.section{padding-block:61px 14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:9px}.eyebrow{font-size:10px!important;line-height:1.6;font-weight:700;letter-spacing:.18em;color:#789286;margin-bottom:13px}.section-heading h1,.section-heading h2{font:700 28px/1.65 var(--round);letter-spacing:.035em;margin:0}.heading-note{font-size:12px;line-height:1.9;color:#7b897f;margin:0 0 4px}.section-heading h2:before{content:"";display:inline-block;width:22px;height:17px;margin-right:10px;background:#e9cd7e;clip-path:polygon(42% 0,57% 0,60% 38%,100% 37%,100% 55%,61% 59%,67% 100%,47% 100%,43% 61%,0 70%,0 48%,42% 42%);transform:rotate(-13deg)}.picks-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:22px 30px}.article-card{position:relative;min-width:0;transition:transform .2s}.article-card:hover{transform:translateY(-3px)}.card-image{display:block;overflow:hidden;border-radius:var(--radius);aspect-ratio:1.78;background:#e7f0e9;position:relative}.card-content{padding:18px 3px 4px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.6;margin-bottom:10px}.card-meta time{font-size:11px;font-weight:400;letter-spacing:.02em;color:#8b9990;white-space:nowrap}.topic-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#527464;line-height:1.5}.topic-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.topic-work{color:#8a7852}.topic-invest{color:#6b8da0}.topic-home{color:#b08069}.topic-life{color:#9082a1}.topic-family{color:#b3848b}.topic-support{color:#6b8d62}.card-content h3{font-size:16px;line-height:1.95;font-weight:600;letter-spacing:.015em;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-content h3 a:hover{color:var(--teal)}.card-content p{font-size:12px;color:#839086;line-height:2;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.save-button{position:absolute;right:14px;top:14px;width:37px;height:37px;border-radius:50%;border:1px solid #ffffffa0;background:#fffefaeb;display:grid;place-items:center;padding:0;z-index:2;color:#7b9286}.save-button svg{width:17px;height:17px}.save-button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.save-button[aria-pressed=true] svg{fill:currentColor}.featured-card{grid-row:span 2}.featured-card .card-image{aspect-ratio:1.85}.featured-card .card-content{padding-top:21px}.featured-card h3{font-size:20px;line-height:1.9}.compact-card{display:grid;grid-template-columns:42% minmax(0,1fr);gap:20px;align-items:center}.compact-card .card-image{aspect-ratio:1.17;border-radius:18px}.compact-card .card-content{padding:4px 2px}.compact-card h3{font-size:14px;line-height:1.95;-webkit-line-clamp:3}.compact-card p{display:none}.compact-card .card-meta{flex-wrap:wrap;gap:6px}.compact-card .card-meta time{font-size:10px}.compact-card .save-button{right:auto;left:12px;top:12px;width:29px;height:29px}.compact-card .save-button svg{width:14px;height:14px}.topic-ribbon{padding-block:53px 9px}.topic-ribbon .container{display:flex;align-items:center;gap:25px}.ribbon-label{font:700 16px/1.7 var(--round);min-width:95px}.topic-ribbon nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%}.topic-ribbon nav a{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;min-height:97px;border:1px solid #e8ebe2;border-radius:18px;font-size:11px;font-weight:600;background:#fffefa;text-align:center;white-space:nowrap;transition:background .2s,transform .2s}.topic-ribbon nav a:hover{background:#f1f6ef;transform:translateY(-3px)}.topic-ribbon nav svg{width:25px;height:25px;stroke-width:1.5;color:#709680}.topic-ribbon nav a:nth-child(2n) svg{color:#b2966c}.topic-ribbon nav a:nth-child(3n) svg{color:#8fa9bd}
/* Code-native cover illustrations, shared by existing and future articles */
.editorial-cover{display:flex;align-items:center;height:100%;width:100%;position:relative;padding:25px 28px;overflow:hidden;background:#e3eee8;color:#375d56;isolation:isolate}.editorial-cover:before{content:"";position:absolute;right:0;top:-35%;width:65%;height:150%;border-radius:45%;background:#ffffff3b;transform:rotate(-20deg);z-index:-1}.editorial-cover:after{content:"";width:85px;height:85px;border:1px solid #ffffff7a;border-radius:50%;position:absolute;left:-32px;bottom:-38px;z-index:-1}.cover-copy{position:relative;z-index:1;width:62%;display:flex;flex-direction:column;align-items:start}.cover-copy small{font-size:7px;font-weight:600;letter-spacing:.13em;white-space:nowrap;margin-bottom:15px;opacity:.65}.cover-copy strong{font:700 clamp(16px,1.75vw,24px)/1.8 var(--round);letter-spacing:.03em;white-space:nowrap}.cover-copy em{font-style:normal;font-size:7px;letter-spacing:.14em;margin-top:17px;opacity:.6}.cover-illustration{position:absolute;right:-9%;bottom:0;width:58%;height:90%;overflow:visible;z-index:0}.cover-invest{background:#e3edf3;color:#5d7a8a}.cover-home{background:#f3e6da;color:#98785c}.cover-work{background:#f5edcf;color:#877549}.cover-family{background:#f3e2df;color:#a27c7b}.cover-support{background:#e7eddb;color:#78865b}.cover-life{background:#eae7f2;color:#847597}.cover-archive{background:#e7ecec;color:#638487}.compact-card .editorial-cover{padding:20px}.compact-card .cover-copy{align-self:start;width:100%}.compact-card .cover-copy small{font-size:5px;margin-bottom:8px}.compact-card .cover-copy strong{font-size:13px;line-height:1.7}.compact-card .cover-copy em{display:none}.compact-card .cover-illustration{height:70%;width:80%;right:-12%;bottom:-9%}.featured-card .cover-copy strong{font-size:27px}.featured-card .cover-copy small{font-size:8px}.featured-card .cover-copy em{font-size:8px}
/* Article discovery */
.article-browser{scroll-margin-top:170px;padding-top:62px}.result-count{font-size:12px;color:#8d9a91;white-space:nowrap;padding-bottom:5px}.filter-tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #e0e6dd;padding-bottom:0;margin-bottom:21px}.filter-tab{font-size:12px;font-weight:500;position:relative;padding:10px 0 16px;white-space:nowrap;color:#8b978c!important}.filter-tab.is-active{color:var(--teal)!important;font-weight:700}.filter-tab.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--teal);border-radius:4px}.filter-tab:hover{color:var(--teal)!important}.browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.inline-search{display:flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid #e0e7dc;background:#f8faf5;border-radius:30px;width:330px}.inline-search svg{width:17px;height:17px;color:#81998b}.inline-search input{width:100%;min-width:0;outline:none;border:0;background:none;font-size:12px}.sort-control{display:flex;align-items:center;gap:10px;font-size:11px;color:#8b998f}.sort-control select{background:transparent;border:0;font-size:12px;padding:7px 4px;color:#657b6b;max-width:180px}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 28px}.load-more-wrap{text-align:center;padding-top:37px}.load-more{min-width:250px}.empty-state{padding:35px 20px;text-align:center;background:#f4f7ef;border-radius:24px}.empty-state img{height:105px;width:105px;object-fit:contain}.empty-state h3{font:700 22px/1.7 var(--round);margin:15px 0 8px}.empty-state p{font-size:13px;color:#82917f}.empty-state .button{margin-top:8px}.compare-banner{position:relative;display:grid;grid-template-columns:155px minmax(0,1fr) auto;align-items:center;gap:28px;background:#e9f1ec;padding:30px 42px;border-radius:30px;margin-top:67px;margin-bottom:67px;overflow:hidden}.banner-cat{width:148px;height:158px;object-fit:contain;transform:rotate(-6deg);margin-bottom:-37px;align-self:end}.compare-banner .eyebrow{margin-bottom:8px}.compare-banner h2{font:700 25px/1.7 var(--round);margin-bottom:9px;letter-spacing:.02em}.compare-banner p:not(.eyebrow){font-size:12px;line-height:1.95;color:#7c8f80;margin:0}.compare-banner .button{white-space:nowrap}.about-strip{background:var(--cream);padding-block:48px}.about-inner{display:grid;grid-template-columns:.85fr 1.3fr;gap:75px;align-items:center}.about-inner h2{font:700 26px/1.8 var(--round);letter-spacing:.02em;margin-bottom:13px}.about-inner>div>p:not(.eyebrow){font-size:13px;line-height:2.1;color:#819080;margin:0}.editorial-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.editorial-promises>div{border-left:1px solid #dce2d3;padding-left:20px}.editorial-promises span{display:block;font-size:10px;letter-spacing:.08em;color:#a8b3a1;margin-bottom:9px}.editorial-promises h3{font:700 17px/1.8 var(--round);margin:0 0 8px}.editorial-promises p{font-size:11px;line-height:1.95;color:#8b9785;margin:0}.site-footer{background:#fffefa;padding-top:53px}.footer-top{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:65px;padding-bottom:44px}.footer-brand .brand strong{font-size:26px}.footer-brand p{font-size:12px;line-height:2.05;color:#879586;margin:22px 0 0 4px}.footer-top nav{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-top nav h2{font-size:12px;font-weight:600;margin-bottom:9px}.footer-top nav a{font-size:11px;color:#82917f}.footer-top nav a:hover{color:var(--teal);text-decoration:underline}.footer-top nav svg{width:13px;height:13px}.footer-bottom{border-top:1px solid #e5e9df;padding-block:20px;display:flex;justify-content:space-between;gap:30px;color:#99a38f;font-size:10px}.footer-bottom p{margin:0}.footer-bottom small{font-size:10px;white-space:nowrap}
/* Full navigation and live search */
.site-menu,.search-dialog{border:0;background:var(--paper);color:var(--ink);border-radius:30px;padding:0;width:min(940px,calc(100% - 48px));max-height:calc(100svh - 48px);box-shadow:0 25px 100px #1f493e20}.site-menu::backdrop,.search-dialog::backdrop{background:#203e3f66;backdrop-filter:blur(7px)}.site-menu[open],.search-dialog[open]{animation:menu-in .22s ease-out}.menu-top{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid var(--line)}.menu-top .brand strong{font-size:24px}.menu-top .brand-mark{width:47px;height:47px}.menu-content{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:405px}.menu-intro{background:#eff4e9;padding:29px 27px;display:flex;flex-direction:column;align-items:start}.menu-intro h2{font:700 24px/1.8 var(--round);margin:0}.menu-intro p{font-size:11px;line-height:2;color:#8b9982;margin:13px 0 0}.menu-intro img{width:145px;height:150px;object-fit:contain;align-self:center;margin-top:18px}.menu-main{padding:28px}.menu-search{display:flex;align-items:center;gap:12px;border:1px solid #d7e0d1;border-radius:30px;padding:7px 8px 7px 18px;background:white;margin-bottom:23px}.menu-search>svg{width:18px;height:18px;color:#8fa28e}.menu-search input{min-width:0;width:100%;background:transparent;border:0;font-size:12px;outline:none}.menu-search button{border:0;border-radius:22px;padding:9px 17px;flex-shrink:0;background:var(--teal);color:white;font-size:11px}.menu-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-category{display:flex;align-items:center;gap:12px;min-height:71px;padding:12px;border:1px solid #e1e8dc;border-radius:14px;background:#fffefa;transition:background .2s}.menu-category:hover{background:#f0f5ea}.menu-category>svg{width:24px;height:24px;color:#80a28c}.menu-category span{flex:1}.menu-category strong{display:block;font:700 14px/1.6 var(--round)}.menu-category small{display:block;font-size:9px;color:#8b9a82;line-height:1.5;margin-top:3px}.menu-category>i{font-style:normal;font-size:17px;color:#b0bca6}.menu-quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.menu-quicklinks a{display:flex;align-items:center;justify-content:center;gap:9px;background:#f3f5ec;border-radius:10px;padding:11px 5px;font-size:11px;font-weight:500}.menu-quicklinks svg{width:16px;height:16px}.menu-foot{padding:15px 30px;border-top:1px solid var(--line);font-size:10px;color:#92a187}.menu-foot a{margin-right:20px}.search-dialog{width:min(720px,calc(100% - 40px));padding:30px}.search-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.search-dialog h2{font:700 23px/1.6 var(--round);margin:0}.search-field{display:flex;align-items:center;gap:13px;background:#f3f7ed;border:1px solid #d8e3d0;border-radius:40px;padding:9px 10px 9px 18px}.search-field svg{width:18px;height:18px;color:#8da482}.search-field input{min-width:0;width:100%;border:0;background:transparent;font-size:14px;outline:none}.search-field button{padding:10px 20px;border:0;background:var(--teal);color:#fff;border-radius:25px;font-size:12px}.search-results{max-height:48svh;overflow-y:auto}.search-result{display:grid;grid-template-columns:1fr auto;gap:6px 15px;padding:18px 0;border-bottom:1px solid #e3e9dc}.search-result time{font-size:11px;color:#96a08e}.search-result strong{grid-column:1/-1;font-size:14px;font-weight:500;line-height:1.9}.search-result:hover strong{color:var(--teal)}.search-hint{font-size:11px;color:#96a08e;margin:18px 0 0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);background:#274f49;color:#fff;padding:12px 22px;border-radius:30px;font-size:12px;box-shadow:0 5px 25px #173c3625;opacity:0;pointer-events:none;z-index:2000;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);width:max-content}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
/* Article reading */
.article-shell{padding-bottom:32px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#99a38e;padding-block:26px 29px}.breadcrumb a:hover{color:var(--teal)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,245px);gap:65px}.article-main{min-width:0}.article-header{padding-bottom:25px}.article-header>.topic-label{margin-bottom:15px;background:#eef4e9;padding:6px 13px;border-radius:20px}.article-header h1{font-size:31px;font-weight:700;line-height:1.9;letter-spacing:.02em;margin-bottom:22px}.article-byline{display:flex;align-items:center;gap:18px;position:relative;font-size:11px;color:#94a08c;min-height:37px;padding-right:48px}.inline-save{position:static;margin-left:auto;flex-shrink:0;background:#eff4e9;border-color:#e3eadc}.advertising-disclosure{font-size:11px;color:#94a08e;margin:15px 0 0}.article-cover{margin:0 0 30px;border-radius:22px;overflow:hidden}.article-cover img{width:100%;display:block;max-height:430px;object-fit:contain;background:#f4f6ed}.article-cover .editorial-cover{aspect-ratio:1.9}.article-cover .cover-copy strong{font-size:38px}.article-cover .cover-copy small,.article-cover .cover-copy em{font-size:11px}.article-cover .editorial-cover{padding:38px 45px}.article-body{font-size:16px;line-height:2.15;letter-spacing:.015em;counter-reset:article-heading}.article-body p{margin-bottom:1.7em}.article-body h2{font:700 25px/1.8 var(--round);margin:2.3em 0 1em;padding:13px 18px 15px 22px;background:#f0f5eb;border-radius:0 15px 15px 0;border-left:4px solid #8aaf93;scroll-margin-top:172px}.article-body h3{font-size:20px;font-weight:600;line-height:1.9;margin:2em 0 1em;padding-bottom:10px;border-bottom:1px solid #dce5d6;scroll-margin-top:172px}.article-body h4{font-size:17px;line-height:1.9;margin:1.8em 0 .8em}.article-body a{color:#438271;text-decoration:underline;text-underline-offset:4px}.article-body ul,.article-body ol{padding-left:1.6em;margin-block:1.4em}.article-body li{padding-left:.2em;margin-bottom:.5em}.article-body strong{font-weight:700}.article-body blockquote{border-left:3px solid #cbd8c0;background:#fafbf6;margin:28px 0;padding:23px;color:#76866c}.article-body blockquote p:last-child{margin:0}.article-body figure{margin:28px 0}.article-body figure img{display:block;margin:auto;border-radius:10px;max-width:100%}.article-body figcaption{font-size:11px;color:#9aab8d;text-align:center;margin-top:10px}.article-body table{border-collapse:collapse;min-width:100%;font-size:13px;line-height:1.9}.article-body th,.article-body td{padding:13px 15px;border:1px solid #e0e7d8;text-align:left}.article-body th{background:#f0f5e9;color:#607958;font-weight:600}.article-body .wp-block-table,.table-scroll{overflow-x:auto;margin:27px 0;border-radius:10px}.article-body pre{overflow:auto;background:#f2f5ec;border-radius:12px;padding:22px;font-size:12px;line-height:1.9}.article-body code{overflow-wrap:anywhere}.article-toc{padding:24px 29px;border:1px solid #dce5d3;border-radius:20px;background:#fcfdf8;margin:30px 0 35px}.article-toc summary{font:700 17px/1.8 var(--round);cursor:pointer}.article-toc ol{padding-left:23px;margin-bottom:0;font-size:12px;line-height:2.1}.article-toc li{padding:5px 0}.article-toc li.sub-heading{margin-left:15px;font-size:11px;color:#94a087}.article-toc a:hover{color:var(--teal)}.sidebar-sticky{position:sticky;top:175px;padding:24px 22px;border-radius:24px;background:#f3f6ed}.sidebar-cat{display:block;object-fit:contain;width:117px;height:125px!important;margin:0 auto 15px}.sidebar-sticky>.eyebrow{text-align:center;font-size:8px!important}.sidebar-sticky h2{font:700 20px/1.8 var(--round);text-align:center;margin-bottom:14px}.sidebar-sticky>p:not(.eyebrow){font-size:11px;color:#8b9a80;line-height:2}.sidebar-sticky .button{font-size:11px;padding:10px 12px;gap:9px;min-height:44px;width:100%}.sidebar-toc{border-top:1px solid #dfe6d7;margin-top:23px;padding-top:15px;max-height:34svh;overflow:auto}.sidebar-toc a{display:block;font-size:10px;color:#8a9a7d;line-height:1.8;padding:6px 0 6px 11px;border-left:2px solid #dde7d4}.sidebar-toc a.is-current{color:var(--teal);border-color:var(--teal)}.summary-box{display:flex;gap:20px;align-items:center;background:#f1f6e8;border-radius:21px;padding:22px 24px;margin:28px 0}.summary-box img{width:78px;height:88px;object-fit:contain}.summary-box h2{font:700 17px var(--round);margin:0 0 10px}.summary-box p{font-size:13px;line-height:2;margin:0}.source-box{padding:23px 25px;background:#f6f8f0;border-radius:17px;margin-top:40px;font-size:12px;line-height:2}.source-box h2{font:700 17px/1.9 var(--round);margin-bottom:12px}.source-box ul{padding-left:17px;margin:0}.source-box a{color:var(--teal);overflow-wrap:anywhere}.source-box svg{width:13px;height:13px}.related-comparison{padding-top:43px;border-top:1px solid #e3e9da;margin-top:43px}.related-comparison>h2{font:700 25px/1.7 var(--round);margin-bottom:24px}.related-comparison .compact-card{grid-template-columns:42% minmax(0,1fr)}.related-comparison .compact-card .card-image{aspect-ratio:1.6}.related-comparison .compact-card .cover-copy strong{font-size:18px}.related-comparison .compact-card .cover-illustration{height:95%;right:-12%;bottom:0;width:60%}.related-comparison .compact-card .cover-copy{align-self:center}.article-end{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:36px;margin-top:40px;border-top:1px solid #e3e9da;font-size:12px;color:#7f9372}.article-end svg{width:17px;height:17px}.copy-link{border:0;border-bottom:1px solid #bbcbb0;background:transparent;padding:3px 0;font-size:11px!important}.archive-note{padding:19px 23px;margin:0 0 28px;background:#f4f5ec;border-radius:16px;font-size:12px;color:#849077}.archive-note a{text-decoration:underline;color:var(--teal)}.partner-cta{background:#eef4e8;padding:30px;border-radius:22px;text-align:center;margin-top:40px}.partner-cta h2{font:700 22px/1.7 var(--round);margin-block:14px 22px}.partner-cta .advertising-disclosure{margin:0}.ad-slot{text-align:center;margin:30px 0;min-height:120px}.ad-slot>span{display:block;font-size:10px;color:#a0ab93;margin-bottom:10px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;display:none}.reading-progress.is-visible{display:block}.reading-progress span{height:100%;display:block;width:0;background:#74a48b}.legacy-widget{width:100%;height:1080px;border:1px solid #e4e8dc;border-radius:14px}.legacy-accordion{border:1px solid #dce6d4;border-radius:14px;overflow:hidden;margin:26px 0}.legacy-accordion summary{padding:16px 20px;background:#eff5e8;font:700 16px/1.8 var(--round);cursor:pointer}.accordion-content{padding:7px 20px 20px}.legacy-blogcard{margin:28px 0}.article-body .legacy-blogcard .article-card h3{border:0;padding:0;margin:0;font-size:15px}.article-body .legacy-blogcard .article-card a{color:inherit;text-decoration:none}.external-reference{border:1px solid #dce4d3;border-left:3px solid #94b185;padding:17px 21px;border-radius:10px;margin:25px 0}.external-reference>span{display:block;font-size:11px;color:#93a283}.external-reference a{font-size:14px;font-weight:600}.external-reference svg{width:15px;height:15px}.article-body .wp-block-luxe-blocks-notification{border:1px solid #e3e8d8;border-radius:11px;overflow:hidden}.article-body .wp-block-luxe-blocks-notification-icon{background:#fbf2cf!important;color:#b29b5d!important;vertical-align:middle}.article-body .wp-block-luxe-blocks-notification p:last-child{margin-bottom:0}.archive-page{padding-bottom:70px}.page-content{max-width:800px;margin:0 auto;padding-block:30px 60px}.page-content>h1{font:700 32px/1.7 var(--round);margin-bottom:35px}.pagination{text-align:center;margin-top:40px}.nav-links{display:flex;gap:15px;justify-content:center}.page-numbers{padding:7px 13px;border-radius:7px}.page-numbers.current{background:#edf4e8}.no-results{padding:30px 0;color:#899a7b}
.admin-bar .site-header{top:32px}.admin-bar .reading-progress{top:32px}@keyframes menu-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Responsive layout */
@media(min-width:1500px){.hero{min-height:525px}.hero h1{font-size:56px}}
@media(max-width:1100px){.header-inner{gap:23px}.header-search{min-width:195px}.header-actions{gap:10px}.desktop-nav{gap:24px}.hero{gap:10px}.hero h1{font-size:44px}.hero-art:before{width:290px;height:290px}.hero-art:after{width:310px;height:280px}.mascot{width:280px;height:305px!important}.hero-stamp{right:-5px;width:100px;height:100px;font-size:12px}.hero-speech{left:-5px;font-size:12px}.picks-grid{gap:22px}.compact-card{gap:16px}.compact-card h3{font-size:13px}.compact-card .cover-copy strong{font-size:12px}.featured-card .cover-copy strong{font-size:23px}.editorial-cover{padding:22px}.cover-copy strong{font-size:19px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 215px}.topic-ribbon .container{display:block}.ribbon-label{display:block;margin-bottom:16px}.topic-ribbon nav{gap:10px}.compare-banner{grid-template-columns:120px minmax(0,1fr);padding:25px 30px;gap:10px 25px}.banner-cat{grid-row:span 2;width:120px;height:150px}.compare-banner .button{justify-self:start;margin-top:7px}.about-inner{gap:45px}.editorial-promises{gap:15px}.editorial-promises>div{padding-left:15px}.footer-top{gap:35px}}
@media(max-width:820px){.container{width:calc(100% - 48px)}.header-inner{width:calc(100% - 40px);height:86px}.brand strong{font-size:24px}.brand-mark{width:50px;height:50px}.brand-mark img{left:-23px;top:-9px}.brand small{font-size:9px}.header-search{display:none}.header-actions{margin-left:auto;gap:12px}.mobile-search{display:inline-flex}.menu-toggle{width:49px;height:49px}.saved-link{width:47px}.desktop-nav{gap:22px;min-height:44px;justify-content:flex-start;overflow-x:auto;padding-inline:24px;scrollbar-width:none;font-size:11px}.desktop-nav a{flex-shrink:0}.hero{padding-block:35px 60px;min-height:415px;grid-template-columns:1.2fr 1fr;gap:0}.hero h1{font-size:35px}.hero-kicker{font-size:11px;padding:5px 10px}.hero-description{font-size:12px;line-height:2.1}.hero-actions{gap:13px;flex-wrap:wrap}.hero-actions .button{font-size:11px;padding:12px 18px}.hero-actions .text-link{font-size:10px}.hero-art{min-height:295px}.mascot{width:230px;height:265px!important}.hero-art:before{width:235px;height:248px}.hero-art:after{width:250px;height:240px}.hero-speech{font-size:10px;padding:8px 11px;left:-13px;top:4px}.hero-speech small{font-size:7px}.hero-stamp{font-size:9px;width:80px;height:80px;right:-6px;bottom:8px}.hero-stamp svg{width:18px;height:18px;margin-bottom:2px}.hero-star{right:10px;top:5px}.hero-dots{left:0;bottom:16px}.section{padding-top:45px}.section-heading h2{font-size:25px}.heading-note{font-size:11px}.picks-grid{grid-template-columns:1.1fr 1fr;gap:22px}.featured-card{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}.featured-card .card-content{padding:0}.featured-card .card-image{aspect-ratio:1.3}.featured-card h3{font-size:18px}.featured-card .cover-copy{align-self:start}.featured-card .cover-copy strong{font-size:22px}.featured-card .cover-illustration{width:80%;height:75%;right:-18%;bottom:-6%}.featured-card .cover-copy em{display:none}.compact-card{display:block}.compact-card .card-content{padding:15px 1px 0}.compact-card .card-image{aspect-ratio:1.8}.compact-card .card-meta{justify-content:space-between}.compact-card h3{font-size:14px}.compact-card .editorial-cover{padding:22px}.compact-card .cover-copy{align-self:center}.compact-card .cover-copy strong{font-size:20px}.compact-card .cover-copy small{font-size:7px}.compact-card .cover-illustration{width:60%;height:90%;right:-9%;bottom:0}.compact-card .save-button{left:auto;right:12px}.topic-ribbon{padding-top:40px}.topic-ribbon nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.topic-ribbon nav a{flex-direction:row;gap:8px;min-height:62px;font-size:11px;border-radius:14px}.topic-ribbon nav a:last-child{grid-column:span 2}.topic-ribbon nav svg{width:22px;height:22px}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 24px}.cover-copy strong{font-size:20px}.editorial-cover{padding:23px}.filter-tabs{gap:19px}.filter-tab{font-size:11px}.about-inner{display:block}.about-inner>div:first-child{margin-bottom:28px}.editorial-promises{gap:25px}.editorial-promises h3{font-size:18px}.editorial-promises p{font-size:12px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:span 2;display:flex;align-items:center;justify-content:space-between}.footer-brand p{margin:0}.menu-intro{display:none}.menu-content{display:block;min-height:0}.menu-main{padding:26px}.menu-category{min-height:75px}.menu-category strong{font-size:16px}.menu-category small{font-size:10px}.menu-quicklinks a{font-size:12px;padding:13px 5px}.article-layout{display:block}.article-sidebar{display:none}.article-header h1{font-size:28px}.article-browser{scroll-margin-top:155px}.article-body h2,.article-body h3{scroll-margin-top:155px}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 30px);height:77px;gap:10px}.brand{gap:8px}.brand strong{font-size:21px;letter-spacing:.01em}.brand small{font-size:8px;letter-spacing:.025em;margin-top:4px}.brand-mark{width:43px;height:43px}.brand-mark img{width:82px;height:82px;left:-19px;top:-8px}.header-actions{gap:8px}.saved-link{display:none}.menu-toggle{width:43px;height:43px;gap:5px}.menu-toggle small{font-size:7px}.menu-toggle svg{width:19px;height:12px}.mobile-search{width:37px;height:43px;border:0}.mobile-search svg{width:20px;height:20px}.desktop-nav{min-height:41px;font-size:10px;gap:22px;padding-inline:20px;border-top:1px solid #eef0e7}.desktop-nav a:before{width:4px;height:4px;margin-right:7px}.hero{display:block;position:relative;min-height:0;padding-top:28px;padding-bottom:37px}.hero-copy{position:relative;z-index:1}.hero-kicker{font-size:11px;margin-bottom:17px;padding:4px 11px}.hero-kicker svg{width:16px;height:16px}.hero h1{font-size:34px;line-height:1.7;letter-spacing:.015em;margin-bottom:16px}.hero h1 em:after{height:9px;bottom:6px}.hero-description{font-size:12px;line-height:2.15;max-width:215px;margin-bottom:22px;letter-spacing:.015em}.hero-actions{display:flex;align-items:start;flex-direction:column;gap:12px}.hero-actions .button{padding:11px 18px;font-size:11px;min-height:47px}.hero-actions .text-link{font-size:10px;padding-left:7px}.hero-art{position:absolute;right:-10px;bottom:34px;min-height:0;width:150px;height:192px}.mascot{width:156px;height:190px!important;max-width:none;transform:rotate(4deg)}.hero-art:before{width:148px;height:160px;top:16px}.hero-art:after{width:159px;height:160px;top:18px}.hero-speech{font-size:9px;left:5px;top:-18px;padding:7px 12px;transform:rotate(5deg)}.hero-speech small{display:none}.hero-stamp,.hero-dots,.hero-star{display:none}.hero-wrap:after{height:18px}.section{padding-top:37px;padding-bottom:6px}.section-heading{margin-bottom:20px;gap:12px;align-items:start}.section-heading .eyebrow{font-size:8px!important;letter-spacing:.14em;margin-bottom:8px}.section-heading h1,.section-heading h2{font-size:23px;letter-spacing:.02em}.section-heading h2:before{width:17px;height:14px;margin-right:8px}.heading-note{display:none}.picks-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.featured-card{display:block;grid-column:span 2}.featured-card .card-image{aspect-ratio:1.8;border-radius:21px}.featured-card .card-content{padding:18px 1px 0}.featured-card .cover-copy{align-self:center}.featured-card .cover-copy strong{font-size:23px}.featured-card .cover-copy small{font-size:8px;margin-bottom:13px}.featured-card .cover-copy em{display:block;font-size:7px;margin-top:15px}.featured-card .cover-illustration{width:61%;height:90%;right:-10%;bottom:0}.featured-card h3{font-size:17px;line-height:1.95}.featured-card .card-content p{display:none}.card-meta{margin-bottom:9px}.topic-label{font-size:10px}.card-meta time{font-size:10px}.compact-card .card-image{aspect-ratio:1.14;border-radius:16px}.compact-card .editorial-cover{padding:18px 15px}.compact-card .cover-copy{align-self:start}.compact-card .cover-copy small{font-size:5px;margin-bottom:8px}.compact-card .cover-copy strong{font-size:12px;line-height:1.75}.compact-card .cover-illustration{width:80%;height:70%;right:-11%;bottom:-7%}.compact-card .card-content{padding-top:13px}.compact-card h3{font-size:13px;line-height:1.9;-webkit-line-clamp:3}.compact-card .card-meta{gap:4px;justify-content:start}.compact-card .card-meta time{font-size:9px}.compact-card .save-button{width:29px;height:29px;top:9px;right:9px}.topic-ribbon{padding-top:35px}.ribbon-label{font-size:16px;margin-bottom:15px}.topic-ribbon nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.topic-ribbon nav a{justify-content:start;padding:10px 13px;min-height:57px;border-radius:13px;font-size:12px;gap:9px}.topic-ribbon nav a:last-child{grid-column:span 2;justify-content:center}.topic-ribbon nav svg{width:23px;height:23px}.article-browser{padding-top:38px;scroll-margin-top:140px}.result-count{font-size:10px;padding-top:28px}.filter-tabs{gap:22px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin-right:-20px;padding-right:20px;margin-bottom:18px}.filter-tab{font-size:12px;padding-block:8px 14px}.browser-toolbar{gap:12px;margin-bottom:22px}.inline-search{width:100%;padding:10px 12px;gap:7px}.inline-search input{font-size:11px}.inline-search svg{width:15px;height:15px}.sort-control{font-size:0;gap:0;flex-shrink:0}.sort-control select{font-size:10px;max-width:99px;padding:7px 1px}.articles-grid{display:grid;grid-template-columns:1fr;gap:24px}.articles-grid .article-card{display:grid;grid-template-columns:37% minmax(0,1fr);gap:16px;align-items:center;padding-bottom:23px;border-bottom:1px solid #e5e9de}.articles-grid .card-image{aspect-ratio:1;height:auto;border-radius:16px}.articles-grid .card-content{padding:0}.articles-grid .card-content h3{font-size:14px;line-height:1.9;-webkit-line-clamp:3}.articles-grid .card-content p{display:none}.articles-grid .card-meta{flex-wrap:wrap;justify-content:start;gap:3px 8px;margin-bottom:7px}.articles-grid .card-meta time{font-size:9px}.articles-grid .topic-label{font-size:10px}.articles-grid .editorial-cover{padding:14px 12px}.articles-grid .cover-copy{align-self:start}.articles-grid .cover-copy small{font-size:4px;margin-bottom:6px}.articles-grid .cover-copy strong{font-size:10px;line-height:1.75}.articles-grid .cover-copy em{display:none}.articles-grid .cover-illustration{height:73%;width:86%;right:-15%;bottom:-10%}.articles-grid .save-button{width:25px;height:25px;left:auto;right:calc(63% + 6px);top:8px}.articles-grid .save-button svg{width:12px;height:12px}.load-more-wrap{padding-top:26px}.load-more{min-width:230px;font-size:12px;padding:13px 20px}.compare-banner{display:block;padding:29px 24px 28px;border-radius:24px;margin-top:42px;margin-bottom:40px}.compare-banner>div{position:relative;z-index:1}.compare-banner h2{font-size:22px;max-width:240px;margin-bottom:12px}.compare-banner p:not(.eyebrow){font-size:11px;max-width:220px}.banner-cat{position:absolute;right:-5px;bottom:2px;width:115px;height:140px;transform:rotate(7deg);margin:0;opacity:.95}.compare-banner .button{margin-top:20px;padding:11px 18px;min-height:45px;font-size:11px;gap:12px;position:relative;z-index:1}.about-strip{padding-block:34px}.about-inner h2{font-size:24px;line-height:1.85}.about-inner>div>p:not(.eyebrow){font-size:12px}.editorial-promises{display:block}.editorial-promises>div{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding:15px 0;border-left:0;border-top:1px solid #dee5d4}.editorial-promises span{grid-row:span 2;padding-top:7px;margin:0;font-size:11px}.editorial-promises h3{font-size:17px;margin-bottom:4px}.editorial-promises p{font-size:11px;line-height:1.9}.site-footer{padding-top:35px}.footer-top{gap:30px 23px;padding-bottom:30px;grid-template-columns:1fr 1fr}.footer-brand{display:block;grid-column:span 2}.footer-brand .brand strong{font-size:24px}.footer-brand p{font-size:12px;margin:18px 0 0 3px}.footer-top nav{gap:10px}.footer-top nav h2{font-size:12px;margin:0 0 7px}.footer-top nav a{font-size:11px;line-height:1.9}.footer-bottom{display:block;padding-block:18px;font-size:9px;line-height:1.9}.footer-bottom small{display:block;margin-top:10px;font-size:9px}.site-menu{width:100%;height:100svh;max-height:100svh;border-radius:0;margin:0;padding:0;max-width:none;overflow-y:auto}.menu-top{padding:17px 20px;position:sticky;top:0;background:var(--paper);z-index:2}.menu-top .brand strong{font-size:21px}.menu-top .brand small{font-size:8px}.menu-top .brand-mark{width:42px;height:42px}.menu-top .icon-button{width:38px;height:38px}.menu-main{padding:24px 20px}.menu-content:before{content:"今日は、何を知りたい？";display:block;font:700 23px/1.8 var(--round);padding:22px 20px 0}.menu-search{margin-bottom:21px;padding:6px 7px 6px 15px}.menu-search input{font-size:12px}.menu-search button{padding:10px 16px}.menu-category-grid{gap:11px}.menu-category{padding:13px 11px;gap:9px;min-height:82px;border-radius:15px;align-items:center}.menu-category>svg{width:23px;height:23px}.menu-category strong{font-size:14px}.menu-category small{font-size:9px;line-height:1.65}.menu-category>i{display:none}.menu-quicklinks{gap:11px;margin-top:21px}.menu-quicklinks a{font-size:11px;padding:13px 4px}.menu-foot{padding:16px 20px;font-size:10px}.search-dialog{padding:23px;border-radius:24px;width:calc(100% - 28px);max-height:calc(100svh - 36px)}.search-dialog h2{font-size:19px}.search-dialog-header{margin-bottom:19px;gap:8px}.search-dialog-header .icon-button{width:35px;height:35px;flex-shrink:0}.search-field{gap:7px;padding:7px 7px 7px 12px}.search-field>svg{display:none}.search-field input{font-size:12px}.search-field button{padding:10px 17px}.search-result strong{font-size:13px}.search-result time{font-size:10px}.search-hint{font-size:10px}.breadcrumb{font-size:10px;padding-block:23px;gap:9px}.article-header h1{font-size:23px;line-height:1.95;letter-spacing:.015em;margin-bottom:18px}.article-header>.topic-label{font-size:11px;margin-bottom:14px}.article-byline{font-size:10px;gap:12px;padding-right:0;flex-wrap:wrap}.inline-save{width:33px;height:33px}.article-header{padding-bottom:23px}.article-cover{margin-bottom:26px;border-radius:17px}.article-cover .editorial-cover{padding:24px;aspect-ratio:1.75}.article-cover .cover-copy strong{font-size:23px}.article-cover .cover-copy small{font-size:7px;margin-bottom:14px}.article-cover .cover-copy em{font-size:7px;margin-top:17px}.article-body{font-size:16px;line-height:2.15;letter-spacing:0}.article-body h2{font-size:21px;line-height:1.9;padding:12px 15px 13px 17px;border-left-width:3px;margin-top:2.1em;scroll-margin-top:145px}.article-body h3{font-size:18px;scroll-margin-top:145px}.article-body h4{font-size:17px}.article-body th,.article-body td{font-size:12px;padding:11px 13px;min-width:95px}.article-body figure{margin-block:25px}.article-body .legacy-widget{height:1100px}.article-toc{padding:20px 22px;border-radius:17px;margin-block:25px 30px}.article-toc summary{font-size:16px}.article-toc ol{font-size:12px;padding-left:20px}.article-toc li.sub-heading{font-size:11px;margin-left:10px}.summary-box{padding:20px 17px;gap:14px}.summary-box img{width:60px;height:70px}.summary-box h2{font-size:15px}.summary-box p{font-size:12px}.related-comparison{padding-top:30px;margin-top:34px}.related-comparison>h2{font-size:22px;margin-bottom:22px}.related-comparison .compact-card{gap:16px}.related-comparison .compact-card .card-image{aspect-ratio:1}.related-comparison .compact-card .cover-copy strong{font-size:12px}.related-comparison .compact-card .cover-copy{align-self:start}.related-comparison .compact-card .editorial-cover{padding:16px 13px}.related-comparison .compact-card .cover-copy small{font-size:5px}.related-comparison .compact-card .cover-illustration{width:82%;height:76%;right:-16%;bottom:-5%}.related-comparison .compact-card .card-content{padding:0}.related-comparison .compact-card h3{font-size:13px;line-height:1.9}.related-comparison .compact-card .save-button{width:25px;height:25px;right:calc(58% + 8px);top:8px}.article-end{display:block;padding-top:27px;margin-top:32px;font-size:12px}.copy-link{display:block;margin-top:20px}.archive-note{padding:17px 20px;font-size:12px}.source-box{padding:20px}.source-box h2{font-size:16px}.partner-cta{padding:25px 20px}.partner-cta h2{font-size:20px}.page-content{padding-top:20px}.page-content>h1{font-size:26px}.empty-state h3{font-size:20px}.empty-state p{font-size:12px}.admin-bar .site-header{top:46px}.admin-bar .reading-progress{top:46px}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.header-inner{width:calc(100% - 24px);gap:5px}.brand{gap:6px}.brand strong{font-size:19px}.brand small{font-size:7px}.header-actions{gap:4px}.hero h1{font-size:30px}.hero-description{font-size:11px;max-width:190px}.hero-art{right:-7px;width:128px;height:170px}.mascot{width:133px;height:168px!important}.hero-art:before{width:128px;height:142px}.hero-art:after{width:138px;height:144px}.hero-speech{font-size:8px;left:1px;top:-20px;padding:6px 9px}.hero-actions .button{font-size:10px;padding:10px 13px}.hero-actions .text-link{font-size:9px}.menu-category{padding:11px 9px;gap:7px}.menu-category strong{font-size:13px}.menu-category>svg{width:21px;height:21px}.menu-category small{font-size:8px}.menu-quicklinks a{font-size:10px}.articles-grid .card-content h3{font-size:13px}.compact-card .cover-copy strong{font-size:11px}.featured-card .cover-copy strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.menu-mobile-title{display:none}@media(max-width:540px){.menu-content:before{display:none}.menu-mobile-title{display:block;font:700 23px/1.8 var(--round);margin:0;padding:22px 20px 0}}

/* Readability and narrow-screen finishing. */
.hero-wrap{overflow:clip}.ck-app .menu-toggle{color:#fff}.menu-category small{font-size:10px;color:#718269}.card-meta time{color:#77856f}.hero-description{color:#6a7964}.footer-top nav a{color:#6d7e61}.filter-tab{color:#718168!important}.menu-foot{color:#718266}.heading-note{color:#718269}.search-hint{color:#74856b}.sidebar-sticky>p:not(.eyebrow){color:#758868}.sidebar-toc a{color:#74876a}
@media(max-width:540px){.hero-description{max-width:calc(100% - 155px)}.menu-toggle{width:44px;height:44px}.mobile-search{width:40px;height:44px}.menu-top .icon-button{width:44px;height:44px}.menu-category small{font-size:9px}.header-actions{gap:6px}.menu-mobile-title{font-size:22px}}
@media(max-width:359px){.hero-description{max-width:calc(100% - 130px)}.header-actions{gap:3px}}
@media(max-width:359px){.hero h1{font-size:28px}.menu-category{padding:11px 8px;gap:7px}.menu-category>svg{width:20px;height:20px}.menu-category strong{font-size:12px;white-space:nowrap}}

@media(max-width:359px){.topic-ribbon nav a{font-size:10px;padding:10px 9px;gap:7px}.topic-ribbon nav svg{width:20px;height:20px}}
.ribbon-label{white-space:nowrap;min-width:112px;font-size:14px}@media(max-width:359px){.filter-tabs{margin-right:-16px;padding-right:16px}.section-heading h2{font-size:21px}}

.info-intro{font-size:17px;line-height:2.1;color:#6b7c64;max-width:650px}.info-mascot{margin:22px 0 30px;text-align:center}.info-mascot img{width:150px;height:160px!important;object-fit:contain}.info-card{border:1px solid #e0e7d8;border-radius:18px;background:#f5f8ef;padding:24px 28px}.info-card p:last-child{margin-bottom:0}.info-actions{display:flex;flex-wrap:wrap;gap:14px;padding-top:14px}.article-body .info-actions a,.article-body a.button{text-decoration:none}.page-shell>.page-content{max-width:800px}@media(max-width:540px){.info-intro{font-size:15px}.info-card{padding:20px}.page-content{padding-bottom:36px}.info-actions .button{font-size:12px;padding:12px 19px}}

.card-image img{display:block;width:100%;height:100%;object-fit:cover}.article-cover img{width:100%;height:auto;max-height:430px;object-fit:contain;background:#f3f6ed}

/* Magazine contact page: styles apply only to this contact form. */
.ck-contact-page{padding-bottom:72px}.ck-contact-heading{padding:16px 0 42px}.ck-contact-heading .eyebrow{margin-bottom:10px}.ck-contact-heading h1{font:700 38px/1.65 var(--round);letter-spacing:.04em;margin:0 0 15px}.ck-contact-heading>p:last-child{font-size:14px;line-height:2;color:#6c7c70;margin:0}.ck-contact-mobile-break{display:none}.ck-contact-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.8fr);gap:42px;align-items:start}.ck-contact-guide{border-radius:26px;padding:28px;background:#edf4ee;border:1px solid #e0e8dc}.ck-contact-guide-top{text-align:center}.ck-contact-guide img{display:block;width:140px;height:150px!important;object-fit:contain;margin:0 auto 13px}.ck-contact-guide .eyebrow{font-size:8px!important;letter-spacing:.12em;margin-bottom:10px}.ck-contact-guide h2{font:700 23px/1.8 var(--round);margin:0 0 20px;letter-spacing:.03em}.ck-contact-guide>p{font-size:12px;line-height:2.05;color:#6c7c70;margin:0 0 22px}.ck-contact-guide nav{border-top:1px solid #d9e3d6;padding-top:17px;display:grid;gap:13px}.ck-contact-guide nav a{font-size:11px;line-height:1.8;display:flex;align-items:center;justify-content:space-between;gap:8px}.ck-contact-guide nav svg{width:15px;height:15px;flex-shrink:0}.ck-contact-guide nav a:hover{color:var(--teal)}.ck-contact-card{padding:33px 35px 30px;border:1px solid #e0e7dc;border-radius:26px;background:#fff;box-shadow:0 9px 35px #3a665306;min-width:0}.ck-contact-card>header{border-bottom:1px solid #e8ede4;padding-bottom:20px;margin-bottom:26px}.ck-contact-card>header h2{font:700 22px/1.8 var(--round);margin:0 0 8px}.ck-contact-card>header p{font-size:11px;color:#7b887d;margin:0}.ck-required-dot,.ck-field-badge{display:inline-block;border-radius:5px;background:#f3ece0;color:#927141;font-size:10px;line-height:1.5;padding:2px 6px;font-weight:500;vertical-align:middle;white-space:nowrap}.ck-contact-card .wpcf7{margin:0}.ck-contact-form p{margin:0}.ck-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px}.ck-contact-field{min-width:0}.ck-field-label{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.7;font-weight:600;margin-bottom:9px}.ck-contact-field label{display:block;cursor:pointer}.ck-field-badge--optional{background:#edf2eb;color:#7b8979}.ck-contact-field--message{grid-column:1/-1}.ck-contact-field .wpcf7-form-control-wrap{display:block}.ck-contact-field input,.ck-contact-field textarea{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #dce5da;border-radius:11px;background:#fcfdf9;color:#344f43;padding:13px 14px;font:400 14px/1.8 var(--font);transition:border-color .15s,box-shadow .15s;box-shadow:none;box-sizing:border-box;outline-offset:3px}.ck-contact-field input{min-height:50px}.ck-contact-field textarea{resize:vertical;min-height:175px}.ck-contact-field input::placeholder,.ck-contact-field textarea::placeholder{color:#9aa69a;opacity:1;font-size:12px}.ck-contact-field input:focus,.ck-contact-field textarea:focus{border-color:#72a18b;background:#fff;outline:2px solid #9ab9a2;box-shadow:0 0 0 4px #79a58b10}.ck-contact-card .wpcf7-not-valid{border-color:#b77e70}.ck-contact-card .wpcf7-not-valid-tip{display:block;font-size:11px;line-height:1.7;margin-top:6px;color:#a85c50}.ck-contact-consent{margin-top:25px;padding:17px 18px;background:#f5f7f0;border-radius:12px;font-size:11px;line-height:1.9;color:#667a69}.ck-contact-consent .wpcf7-list-item{display:block;margin:0}.ck-contact-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.ck-contact-consent input[type=checkbox]{appearance:auto;accent-color:var(--teal);width:17px;height:17px;min-width:17px;margin:3px 0 0;border:1px solid #a1b29c;border-radius:4px}.ck-contact-consent a{text-decoration:underline;text-underline-offset:3px;color:var(--teal)}.ck-contact-actions{margin-top:24px;position:relative;text-align:center}.ck-contact-form input.ck-contact-submit{appearance:none;border:0;border-radius:40px;background:var(--teal);color:white;font:600 13px/1.7 var(--font);letter-spacing:.03em;padding:15px 27px;min-height:53px;min-width:255px;max-width:100%;cursor:pointer;transition:background .15s,box-shadow .15s}.ck-contact-submit:hover:not(:disabled){background:var(--teal-dark);box-shadow:0 6px 16px #376d651a}.ck-contact-submit:disabled{opacity:.55;cursor:not-allowed}.ck-contact-card .wpcf7-spinner{margin:0 0 0 10px;position:absolute;top:14px}.ck-contact-card .wpcf7-response-output{margin:24px 0 0!important;border-radius:12px;padding:15px 18px!important;font-size:12px;line-height:1.9}.ck-contact-card .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
/* Ads remain distinct from editorial cards and calls to action. */
.home-ad-break{margin-top:43px;margin-bottom:15px}.ad-slot{clear:both;width:100%;max-width:100%;margin:44px 0;padding:16px 0;border-top:1px solid #e9ece4;border-bottom:1px solid #e9ece4;min-height:0;overflow:visible;background:#fcfcf8}.ad-slot>span{font:400 10px/1.6 var(--font);letter-spacing:.12em;color:#8c988a;margin-bottom:10px}.ad-slot>ins.adsbygoogle{width:100%;min-width:0;background:transparent}.ad-slot--inline{margin-block:40px}.ad-slot--end{margin-top:44px;margin-bottom:47px}.home-ad-break .ad-slot{margin:0}.article-body .ad-slot{font-size:14px;line-height:1.6}.article-body .ad-slot>span{margin-bottom:10px}.article-body .ad-slot a{text-decoration:none}
@media(max-width:900px){.ck-contact-layout{grid-template-columns:1fr;gap:25px;max-width:760px;margin-inline:auto}.ck-contact-heading{max-width:760px;margin-inline:auto}.ck-contact-guide{padding:22px 26px;display:grid;grid-template-columns:1.1fr 1fr;gap:0 26px;align-items:center}.ck-contact-guide-top{grid-row:span 2;text-align:left;display:flex;gap:17px;align-items:center}.ck-contact-guide img{width:87px;height:100px!important;margin:0;flex-shrink:0}.ck-contact-guide h2{font-size:20px;margin:0}.ck-contact-guide .eyebrow{font-size:7px!important}.ck-contact-guide>p{font-size:11px;margin:0 0 13px}.ck-contact-guide nav{padding-top:12px;gap:9px}.ck-contact-card{padding:29px}}
@media(max-width:540px){.ck-contact-page{padding-bottom:42px}.ck-contact-heading{padding:4px 0 25px}.ck-contact-heading h1{font-size:29px;margin-bottom:11px}.ck-contact-heading>p:last-child{font-size:12px}.ck-contact-mobile-break{display:initial}.ck-contact-layout{gap:22px}.ck-contact-guide{padding:18px;border-radius:20px;display:block}.ck-contact-guide-top{gap:16px;margin-bottom:13px}.ck-contact-guide img{width:72px;height:82px!important}.ck-contact-guide h2{font-size:18px;line-height:1.7}.ck-contact-guide>p{font-size:10px;line-height:1.95;margin-bottom:13px}.ck-contact-guide nav{display:flex;gap:17px;flex-wrap:wrap;padding-top:12px}.ck-contact-guide nav a{font-size:10px;gap:7px}.ck-contact-guide nav svg{width:12px;height:12px}.ck-contact-card{padding:23px 19px;border-radius:20px}.ck-contact-card>header{padding-bottom:17px;margin-bottom:21px}.ck-contact-card>header h2{font-size:20px}.ck-contact-card>header p{font-size:10px}.ck-contact-fields{grid-template-columns:1fr;gap:21px}.ck-field-label{font-size:12px;margin-bottom:8px}.ck-contact-field input,.ck-contact-field textarea{font-size:16px;padding:12px;min-height:49px;border-radius:10px}.ck-contact-field input::placeholder,.ck-contact-field textarea::placeholder{font-size:12px}.ck-contact-field textarea{min-height:170px}.ck-contact-consent{margin-top:21px;padding:14px;font-size:10px}.ck-contact-actions{margin-top:22px}.ck-contact-submit{width:100%;min-width:0;font-size:12px;min-height:50px}.ck-contact-card .wpcf7-spinner{right:11px;top:13px;margin:0}.home-ad-break{margin-top:29px}.ad-slot{margin-block:31px;padding-block:16px}.ad-slot--inline{margin-block:34px}.ad-slot--end{margin-block:33px}}

/* Collapse only units Google has confirmed are unfilled. */
.ad-slot:has(>ins.adsbygoogle[data-ad-status="unfilled"]),.home-ad-break:has(>.ad-slot>ins.adsbygoogle[data-ad-status="unfilled"]){display:none}

/* Leave reading space clear; navigation returns when the reader scrolls up. */
.site-header.is-scroll-aware{transition:transform .22s ease}
.site-header.is-scroll-hidden{transform:translateY(calc(-100% - 2px))}
@media(prefers-reduced-motion:reduce){.site-header.is-scroll-aware{transition:none}}
@media print{.site-header.is-scroll-hidden{transform:none}}

/* Keep the whole sidebar inside the viewport and let the contents list scroll. */
.ck-app{--ck-admin-offset:0px}
.ck-app.admin-bar{--ck-admin-offset:32px}
.sidebar-sticky{--ck-sidebar-top:calc(var(--ck-header-height,147px) + var(--ck-admin-offset) + 24px);display:flex;flex-direction:column;top:var(--ck-sidebar-top);max-height:calc(100vh - var(--ck-sidebar-top) - 20px);max-height:calc(100dvh - var(--ck-sidebar-top) - 20px);overflow:hidden}
.sidebar-sticky>:not(.sidebar-toc){flex-shrink:0}
.sidebar-toc{flex:0 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding-bottom:8px}
.site-header.is-scroll-hidden~main .sidebar-sticky{--ck-sidebar-top:calc(var(--ck-admin-offset) + 20px)}
@media(min-width:821px) and (max-height:850px){.sidebar-sticky{padding:18px}.sidebar-sticky>.eyebrow{margin-bottom:8px}.sidebar-sticky .sidebar-cat{width:78px;height:84px!important;margin-bottom:10px}.sidebar-sticky h2{font-size:17px;line-height:1.7;margin-bottom:12px}.sidebar-sticky>p:not(.eyebrow){display:none}.sidebar-sticky .button{min-height:42px;padding:9px 10px}.sidebar-toc{margin-top:16px;padding-top:12px}}
@media(min-width:821px) and (max-height:650px){.sidebar-sticky .sidebar-cat{display:none}}
@media(max-width:782px){.ck-app.admin-bar{--ck-admin-offset:46px}}

/* Empty Google auto-ad containers may persist while account settings propagate. */
.google-auto-placed:has(>ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}
/* Native HTML sitemap. */
.ck-site-map-intro{color:var(--muted);margin-bottom:28px}.ck-site-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ck-site-map-section{min-width:0;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff}.article-body .ck-site-map-section h2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0;background:none;border:0;font-size:20px}.ck-site-map-section h2>a{color:var(--ink);text-decoration:none}.ck-site-map-section h2>span,.ck-site-map-archive summary>span{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.article-body .ck-site-map ul{margin:0;padding-left:1.2em}.article-body .ck-site-map li{margin:0 0 12px;font-size:15px;line-height:1.8}.ck-site-map a{text-underline-offset:4px}.ck-site-map-archive{margin-top:30px;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:var(--cream)}.ck-site-map-archive summary{cursor:pointer;font-weight:700}.ck-site-map-archive summary>span{margin-left:12px}.ck-site-map-archive[open] summary{margin-bottom:20px}.ck-site-map-archive>p{font-size:14px;color:var(--muted)}@media(max-width:650px){.ck-site-map-grid{grid-template-columns:1fr;gap:18px}.ck-site-map-section,.ck-site-map-archive{padding:22px 20px}.article-body .ck-site-map-section h2{font-size:19px}}