@charset "UTF-8";
:root{--ink:#243d34;--muted:#67746d;--paper:#faf9f5;--green:#275b4b;--line:#dedfd6;--soft:#e9ede3;--serif:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 "Yu Gothic",Meiryo,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #d48c39;outline-offset:5px}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.55;margin:0 0 .8em;overflow-wrap:anywhere}h1,h2{font-family:var(--serif)}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.preview{background:#e9e2cd;color:#584b2c;font-size:10px;letter-spacing:.14em;text-align:center;padding:6px 16px}.preview span{letter-spacing:.02em;margin-left:20px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:27px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:22px;font-weight:bold;letter-spacing:.03em}.brand-icon{font:17px var(--serif);border:1px solid #749181;padding:3px 7px}.header nav,.footer nav{display:flex;gap:30px;font-size:12px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;z-index:5;background:white;padding:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--green);margin-bottom:22px}.eyebrow span{font-weight:400;color:var(--muted);letter-spacing:0}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding-block:70px}.hero h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:.04em;line-height:1.65}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--green);color:#fff;padding:14px 23px;font-size:12px;max-width:100%}.hero-art{height:330px;background:#e5e9de;position:relative;overflow:hidden;border-radius:48% 48% 3px 3px}.art-caption{font-size:10px;letter-spacing:.25em;text-align:center;padding-top:40px;color:#7b8d7c}.art-note{position:absolute;bottom:24px;width:100%;text-align:center;font-family:var(--serif);font-size:13px;letter-spacing:.15em}.desk{position:absolute;width:80%;height:10px;background:#c5ab8b;top:235px;left:10%;box-shadow:0 8px 0 #a58d72}.desk:after{content:"";position:absolute;width:85%;height:55px;left:7%;border-inline:10px solid #c3a582;top:10px}.monitor{position:absolute;background:#f3f3e9;border:9px solid #586960;border-bottom-width:16px;border-radius:5px;width:138px;height:95px;bottom:15px;left:32%;box-shadow:inset 0 0 0 10px #e4eadf}.monitor:after{content:"";width:45px;height:20px;position:absolute;top:79px;left:37px;background:#586960;clip-path:polygon(40% 0,60% 0,70% 80%,100% 80%,100% 100%,0 100%,0 80%,30% 80%)}.plant{position:absolute;bottom:10px;left:10%;width:35px;height:46px;background:#bfa78f;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.desk:before{content:"";position:absolute;bottom:54px;left:10%;height:72px;width:38px;background:#6f8a68;border-radius:70% 0 60% 0;transform:rotate(-20deg)}.organizer{position:absolute;bottom:10px;right:8%;width:53px;height:33px;border-radius:6px;background:#ede9dc;border-top:6px solid #9ca99a;box-shadow:3px 4px 8px #394b3b15}.editor-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;padding-block:20px}.editor-note span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.editor-note p{font-family:var(--serif);font-size:15px;line-height:1.7;margin:0}.latest{padding-block:65px 30px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title h2,.topics h2{font-size:26px}.section-title .eyebrow{margin-bottom:8px}.section-title>a{font-size:12px}.muted{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:25px}.card{background:#fff;border:1px solid #e4e5dd}.card-visual{display:block;position:relative;height:170px;overflow:hidden;background:#e5e9de}.card:nth-child(3n+2) .card-visual{background:#eee6da}.card:nth-child(3n) .card-visual{background:#e1e8e8}.visual-lines{position:absolute;width:105px;height:65px;border:2px solid #899b88;border-radius:8px;left:calc(50% - 52px);top:50px;box-shadow:10px 10px 0 #ffffff66}.visual-lines:after{content:"";position:absolute;width:45px;height:5px;border-top:2px solid #899b88;left:29px;top:25px}.visual-number{position:absolute;left:16px;top:13px;font:24px var(--serif);color:#68806888}.visual-label{position:absolute;bottom:12px;right:14px;font-size:9px;letter-spacing:.15em;color:#697c68}.card-body{padding:24px}.card .eyebrow{font-size:9px;letter-spacing:0;margin-bottom:12px}.card h3{font-family:var(--serif);font-size:18px}.card-body>p:not(.eyebrow){font-size:12px;color:var(--muted)}.read{font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.topics{padding-block:35px 70px}.chip{display:inline-block;padding:13px 20px;background:var(--soft);margin:0 10px 10px 0;font-size:12px}.footer{border-top:1px solid var(--line);padding-block:40px}.footer .brand{font-size:20px}.footer p{font-size:12px;color:var(--muted);margin-top:9px}.footer small{font-size:10px;color:var(--muted);display:block;margin-top:25px}.page{padding-block:60px 90px;min-height:55vh}.page h1{font-size:34px}.empty{padding:50px 20px;background:var(--soft)}.article-grid{display:grid;grid-template-columns:minmax(0,740px) 240px;gap:65px;padding-block:50px 80px}.prose{font-size:15px;line-height:2.1;overflow-wrap:anywhere;min-width:0}.prose h1{font-size:34px;line-height:1.65;margin-block:18px 25px}.prose h2{font-size:24px;margin-top:20px}.prose h3{font-size:17px;margin-top:25px}.prose section{padding-block:22px;border-top:1px solid var(--line);margin-top:30px}.prose a:not(.button):not(.back){text-decoration:underline;text-underline-offset:4px}.back{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:32px}.prose .eyebrow{margin-bottom:10px}.ad{font-size:12px;background:var(--soft);padding:14px 18px;line-height:1.8;border-left:3px solid #8aa084}.notice{font-size:12px;color:#886225}.lead{font-size:17px;line-height:2}.product-note{background:#fff;border:1px solid var(--line);padding:25px;margin:30px 0}.product-note strong{font-size:12px;color:var(--green)}.product-note p{font-family:var(--serif);margin-block:8px;font-size:18px}.product-note small{font-size:11px;color:var(--muted)}.step{font-size:11px;letter-spacing:.13em;color:var(--green);margin:0}.toc{align-self:start;position:sticky;top:30px;border-top:2px solid var(--green);padding-top:20px;font-size:12px;margin-top:80px}.toc ol{padding-left:20px}.toc li{margin-bottom:15px}.source{font-size:12px;margin-top:35px}.demo-link{padding:15px;background:var(--soft);font-size:13px}.policy{max-width:740px}.policy h2{margin-top:40px}.policy .ad{margin-top:25px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.hero-art{height:300px}.hero h1{font-size:32px}.article-grid{grid-template-columns:minmax(0,1fr);gap:0}.toc{position:static;margin-top:0;grid-row:1;margin-bottom:35px}.toc ol{display:flex;gap:25px;flex-wrap:wrap}.toc li{flex-basis:26%}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.preview{font-size:9px}.preview span{display:block;margin:0;letter-spacing:0}.header{padding-block:20px;align-items:flex-start;gap:12px}.brand{font-size:18px;gap:7px}.brand-icon{font-size:13px}.header nav{gap:14px;font-size:10px;padding-top:7px}.hero{grid-template-columns:1fr;padding-block:40px;gap:30px}.hero h1{font-size:32px}.hero-art{height:280px;max-width:400px;width:100%;margin:auto}.desk{top:205px}.hero-copy{font-size:13px}.editor-note{gap:20px}.editor-note span{font-size:9px;max-width:90px}.editor-note p{font-size:12px}.latest{padding-top:40px}.section-title{align-items:flex-end}.section-title h2,.topics h2{font-size:22px}.section-title>a{font-size:10px;white-space:nowrap}.cards{grid-template-columns:1fr;gap:22px}.card-visual{height:180px}.card-body{padding:22px}.footer nav{gap:16px;flex-wrap:wrap;font-size:11px}.prose h1,.page h1{font-size:27px}.prose{font-size:14px}.prose h2{font-size:22px}.lead{font-size:16px}.toc ol{display:block}.article-grid{padding-top:25px}.button{font-size:12px}.topics{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.preview,.header,.footer,.toc,.button{display:none}.article-grid{display:block}.wrap{width:100%}body{background:#fff}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:40px;gap:30px}.hero-art{max-width:440px;width:100%;margin-inline:auto}.hero h1{font-size:clamp(26px,7.4vw,34px)}}
.brand small{display:block;font:10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:var(--muted)}.brand-tagline{font-family:var(--serif);font-size:21px;line-height:1.8;max-width:29em}.byline{font-size:12px;color:var(--muted)}@media(max-width:600px){.brand-tagline{font-size:18px}.hero h1{font-size:34px}.brand{font-size:18px}.brand-icon{font-size:12px;padding:6px}.header nav{gap:12px}.header{gap:8px}}