@charset "UTF-8";
:root{--bg:#fafaf8;--ink:#202824;--green:#225d4e;--muted:#75827b;--line:#dce4dd;--soft:#e7eee6;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d19146;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}.container{width:min(1100px,calc(100% - 64px));margin-inline:auto}.eyebrow,.section-kicker{color:var(--green);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.skip{position:absolute;top:-100px;left:14px;background:var(--green);color:#fff;padding:8px 14px;z-index:20}.skip:focus{top:8px;color:#fff}
.site-header{border-bottom:1px solid var(--line)}.head-row{min-height:78px;display:flex;align-items:center;gap:24px}.logo{display:inline-flex;align-items:baseline;white-space:nowrap}.logo strong{font-size:21px;font-weight:800;letter-spacing:-.07em}.logo strong span{font-size:.78em;color:var(--green)}.logo small{font-size:10px;color:var(--muted);margin-left:6px}.global-nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:12px;font-weight:700}.nav-button{font-size:12px;color:var(--green);border:1px solid #b8cbbf;padding:9px 16px;white-space:nowrap}.nav-button:hover{background:var(--soft)}
.hero{padding:95px 0 112px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:clamp(24px,3.5vw,50px);align-items:center}.hero>div:first-child{min-width:0}.hero h1{font-size:clamp(37px,4.3vw,58px);font-weight:780;letter-spacing:-.065em;line-height:1.45;margin:24px 0}.hero h1 span{display:block;color:var(--green);font-weight:600;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.hero-lead{font-size:14px;line-height:2.1;color:#66736c}.text-link{display:inline-block;border-bottom:1px solid #7ba694;color:var(--green);font-size:13px;font-weight:700;padding-bottom:5px;margin-top:16px}.orbit{width:min(100%,360px);min-width:0;aspect-ratio:1/1;border-radius:50%;border:1px solid #c3d6c9;position:relative;max-width:360px;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,#f3f7f2 18%,transparent 75%)}.orbit:before,.orbit:after{content:"";position:absolute;inset:16%;border:1px dashed #c0d4c6;border-radius:50%}.orbit:after{inset:31%;border-style:solid}.orbit-center{width:116px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:#fff;z-index:1;font-size:23px;font-weight:800;letter-spacing:.05em}.orbit-center small{font-size:8px;letter-spacing:.3em;font-weight:500}.orbit-chip{position:absolute;padding:9px 17px;border:1px solid #c6d6cb;border-radius:30px;background:#fff;color:var(--green);font-size:12px;font-weight:700;z-index:2;box-shadow:0 4px 13px #1639250b}.orbit-chip small{font-size:8px;margin-left:7px}.orbit-chip.one{top:13%;left:-4%}.orbit-chip.two{right:-6%;top:43%}.orbit-chip.three{bottom:14%;left:0}.orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#739d80;right:14%;top:15%}.orbit-dot.two{right:10%;top:73%}
.section-heading{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{font-weight:580;font-size:24px;letter-spacing:-.035em;margin:7px 0 0}.section-heading .more{color:var(--muted);font-size:12px}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 85px}.start-card{min-height:194px;border:1px solid var(--line);background:var(--white);padding:25px 26px;position:relative;transition:border-color .2s,transform .2s}.start-card:hover{border-color:#82ab96;transform:translateY(-2px)}.start-card small{font-size:10px;color:var(--green);letter-spacing:.12em;font-weight:800}.start-card h3{font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.5;margin:15px 0 12px}.start-card p{font-size:12px;color:var(--muted);margin:0}.start-card .arrow{position:absolute;right:24px;bottom:22px;color:var(--green)}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center;margin:26px 0 95px}.feature-art{aspect-ratio:1.62;overflow:hidden;background:var(--soft);padding:33px 35px;position:relative}.feature-art small{color:var(--green);font-size:10px;letter-spacing:.12em;font-weight:800;position:relative;z-index:1}.feature-art strong{font-size:clamp(50px,5vw,78px);font-weight:800;color:var(--green);letter-spacing:-.085em;line-height:1.1;display:block;margin-top:29px;position:relative;z-index:1}.feature-art:after{content:"";width:280px;height:280px;position:absolute;right:-96px;bottom:-175px;border:1px solid #b8ccbd;border-radius:50%;box-shadow:0 0 0 32px var(--soft),0 0 0 33px #b8ccbd,0 0 0 64px var(--soft),0 0 0 65px #b8ccbd}.feature-copy .tag,.tag{font-size:10px;color:var(--green);background:#e8f0e9;display:inline-block;padding:4px 8px;font-weight:700}.feature-copy h3{font-size:clamp(23px,2.5vw,31px);font-weight:590;line-height:1.7;letter-spacing:-.045em;margin:12px 0 14px}.feature-copy p{font-size:14px;line-height:2.1;color:var(--muted)}.editorial-band{background:#eaf0e9;padding:70px 0}.editorial-grid{display:grid;grid-template-columns:1fr .75fr;gap:56px}.editorial-grid h2{font-size:30px;letter-spacing:-.045em;font-weight:500;line-height:1.7}.editorial-grid p{font-size:14px;color:#67776b;line-height:2.2}
.site-footer{background:#f5f7f3;padding:48px 0 20px}.foot-row{display:flex;justify-content:space-between;align-items:start;gap:30px}.foot-row p{font-size:12px;color:var(--muted)}.foot-row nav{display:flex;gap:24px;font-size:12px;font-weight:600}.foot-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:40px;font-size:10px;color:#8b958e;display:flex;justify-content:space-between;gap:16px}
.page-intro{padding:69px 0 42px}.page-intro h1{font-size:clamp(33px,4.3vw,51px);font-weight:650;letter-spacing:-.05em;line-height:1.5;margin:14px 0 19px}.page-intro p{max-width:720px;line-height:2;color:#66736c;font-size:15px}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:0 0 95px}.article-card{display:block;border:1px solid var(--line);background:white;padding:30px}.article-card h2{font-size:23px;line-height:1.65;letter-spacing:-.03em;font-weight:600}.article-card p{font-size:13px;color:#66736c}.about-body{max-width:790px;margin:0 auto 110px}.about-body h2{font-size:25px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:55px}.about-body p{font-size:16px;line-height:2.2}.about-body a{text-decoration:underline;text-decoration-color:#8ba79a}
.breadcrumb{display:flex;gap:9px;font-size:11px;color:var(--muted);padding:27px 0}.article-header{padding:55px 0 65px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(32px,4.5vw,54px);letter-spacing:-.065em;line-height:1.48;font-weight:690;margin:20px 0 23px;max-width:910px}.article-header h1 em{font-style:normal;color:var(--green)}.article-header .lead{font-size:16px;color:#64746b;max-width:780px;line-height:2}.article-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted);margin-top:26px}.article-meta strong{color:var(--green)}.article-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(170px,1fr);gap:55px;padding-top:66px;padding-bottom:100px}.article-body{min-width:0}.article-body p{font-size:16px;line-height:2.08}.article-body h2{font-size:28px;line-height:1.55;letter-spacing:-.04em;font-weight:650;margin:12px 0 24px}.article-body h3{font-size:20px;margin-top:25px}.article-body a:not(.btn){color:var(--green);text-decoration:underline;text-underline-offset:4px}.article-body section{margin-bottom:72px;scroll-margin-top:25px}.takeaway{background:var(--soft);padding:33px 38px}.takeaway h2{font-size:28px}.chapter{font-weight:800;color:var(--green);letter-spacing:.16em;font-size:11px}.choice{border-top:1px solid var(--line);padding:21px 0;display:grid;grid-template-columns:44px 1fr;gap:14px}.choice:last-child{border-bottom:1px solid var(--line)}.choice-num{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9bb5a4;border-radius:50%;color:var(--green);font-size:14px}.choice h3{margin:0}.choice p{margin:5px 0 0;color:#62756b}.article-body ul{padding-left:1.25em}.article-body li{line-height:1.95;padding:4px 0}.aside-note{background:#f1f4ef;border-left:3px solid var(--green);padding:16px 20px;margin:24px 0}.toc{position:sticky;top:28px;border-left:1px solid var(--line);padding-left:24px;align-self:start}.toc nav{display:flex;flex-direction:column;gap:15px;margin-top:17px;font-size:13px;color:#64716b}.toc small{color:var(--muted)}.article-cta{background:var(--soft);padding:36px;margin-top:38px}.article-cta h2{font-size:25px}.refs{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px}.refs p,.refs a{font-size:12px!important}
.diagnosis{border:1px solid #cbd9cf;background:#fff;padding:25px 27px}.diagnosis-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.diagnosis-header h3{margin:4px 0;font-size:20px}.progress-count{font-size:12px;color:var(--green);font-weight:800}.progress-track{height:5px;background:#ecf0eb;margin:18px 0 8px}.progress-fill{height:100%;width:0;background:var(--green);transition:width .15s}.question{border:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0}.question legend{font-weight:700;font-size:16px;padding:0}.question small{color:var(--green);font-weight:800;margin-right:12px}.question p{font-size:13px;color:#657169;margin:8px 0 14px}.question-options{display:flex;flex-wrap:wrap;gap:7px}.question-options label{display:inline-flex;position:relative}.question-options input{position:absolute;opacity:0;inset:0}.question-options span{display:inline-block;border:1px solid #cbd7ce;padding:6px 10px;font-size:12px;background:#fafbf9;cursor:pointer}.question-options input:checked+span{color:#fff;background:var(--green);border-color:var(--green)}.question-options input:focus-visible+span{outline:3px solid #d19146;outline-offset:2px}.diagnosis-result{padding-top:25px}.diagnosis-result h3{font-size:19px}.diagnosis-result p{font-size:13px;color:#62736b}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0}.btn{border:1px solid var(--green);padding:11px 18px;font-size:12px;font-weight:700;background:var(--green);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--green)}.diagnosis-result textarea{width:100%;font-size:12px;border:1px solid #b6c7bc;padding:12px;margin-top:8px}.tiny{font-size:11px!important;color:var(--muted)}
@media(max-width:960px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:42px}.hero>div:first-child{max-width:700px}.orbit{display:grid;width:min(100%,340px);max-width:340px;margin:0 auto}.global-nav{gap:16px}.article-layout{grid-template-columns:minmax(0,1fr) 165px;gap:30px}.feature-art strong{font-size:50px}}
@media(max-width:750px){.container{width:min(100% - 36px,1100px)}.head-row{min-height:65px}.logo strong{font-size:19px}.global-nav{display:none}.nav-button{margin-left:auto}.hero{padding:55px 0 65px;display:flex;flex-direction:column;gap:34px}.hero h1{font-size:clamp(33px,8vw,48px);letter-spacing:-.065em}.hero h1 span{white-space:normal}.hero-lead{font-size:13px}.orbit{display:grid;width:min(calc(100% - 20px),300px);max-width:300px;margin:0 auto}.orbit-chip{font-size:11px;padding:6px 11px}.orbit-chip.one{top:10%;left:-2%}.orbit-chip.two{right:-2%;top:45%}.orbit-chip.three{bottom:10%;left:-2%}.start-grid{grid-template-columns:1fr;gap:10px;margin-bottom:65px}.start-card{min-height:auto;padding:20px}.start-card h3{font-size:18px;margin:7px 0}.start-card p{font-size:11px}.section-heading h2{font-size:22px}.feature-grid{grid-template-columns:1fr;gap:22px;margin-bottom:60px}.feature-art{aspect-ratio:1.65}.feature-art strong{font-size:clamp(54px,13vw,75px)}.feature-copy h3{font-size:23px}.editorial-band{padding:45px 0}.editorial-grid{grid-template-columns:1fr;gap:4px}.editorial-grid h2{font-size:26px}.foot-row{display:block}.foot-row nav{flex-wrap:wrap;margin-top:28px;gap:15px}.foot-bottom{display:block}.foot-bottom span{display:block;margin:3px 0}.page-intro{padding:44px 0 30px}.list-grid{grid-template-columns:1fr}.article-header{padding:35px 0 45px}.article-header h1{font-size:clamp(30px,8vw,41px)}.article-layout{display:block;padding-top:30px}.toc{display:none}.takeaway{padding:22px}.takeaway h2{font-size:24px}.article-body h2{font-size:24px}.diagnosis{padding:18px}.question-options span{font-size:11px;padding:8px}.article-body section{margin-bottom:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.start-card,.progress-fill{transition:none}}


/* Editorial article components: scoped so the interactive renewal guide is unchanged. */
.article-markdown{max-width:750px;color:var(--ink)}
.article-markdown>p:first-child{font-size:18px;line-height:2;color:#36493f;font-weight:480;margin-top:0;margin-bottom:35px}
.article-markdown p{line-height:2.05;margin:0 0 24px}
.article-markdown h2{font-size:clamp(24px,2.8vw,31px);letter-spacing:-.045em;line-height:1.5;font-weight:680;border-top:1px solid var(--line);padding-top:27px;margin:64px 0 23px;scroll-margin-top:36px}
.article-markdown h3{font-size:20px;letter-spacing:-.02em;line-height:1.6;font-weight:660;margin:35px 0 16px}
.article-markdown h2:first-child{margin-top:0}
.article-markdown ul,.article-markdown ol{padding-left:1.5em;margin:16px 0 32px}
.article-markdown li{line-height:1.95;padding:5px 0 5px 3px}
.article-markdown li::marker{color:var(--green);font-weight:800}
.article-markdown strong{color:#1b4738;font-weight:760}
.article-markdown blockquote{background:var(--soft);border-left:3px solid var(--green);padding:20px 26px;margin:27px 0 32px}
.article-markdown blockquote p{margin:0;font-size:14px}
.article-markdown code{font:0.87em/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#285644;background:#e8eee7;padding:.12em .3em;border-radius:3px;overflow-wrap:anywhere}
.article-markdown pre{max-width:100%;overflow:auto;background:#22372f;color:#fff;padding:21px;border-radius:5px}
.article-markdown pre code{background:transparent;color:inherit;padding:0}
.article-markdown table{width:100%;border-collapse:collapse;table-layout:fixed;margin:25px 0 35px;font-size:13px;line-height:1.8;background:white}
.article-markdown thead{background:#eaf0e9}
.article-markdown th,.article-markdown td{padding:14px 15px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.article-markdown th{font-weight:750;color:var(--green)}
.article-markdown tr:nth-child(even) td{background:#f6f8f5}
.article-markdown a{font-weight:600}
.article-markdown hr{border:0;border-top:1px solid var(--line);margin:45px 0}
.article-markdown em{color:#60736a}
.article-guide-intro{border:1px solid var(--line);background:#f3f6f1;padding:24px 30px;margin:0 0 42px}
.article-guide-intro p{font-size:13px;line-height:1.9;margin:7px 0 0;color:#4c6156}
.article-guide-intro strong{font-size:15px}
.article-guide-intro .eyebrow{display:block}
.article-guide-footer{border-top:1px solid var(--line);padding-top:26px;margin-top:40px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
.article-guide-footer a{font-size:13px;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.article-ref-list{padding-left:1.2em}
.article-ref-list li{margin:6px 0;font-size:13px;line-height:1.7}
@media(max-width:750px){
  .article-markdown>p:first-child{font-size:16px}
  .article-markdown h2{font-size:23px;margin-top:46px;padding-top:22px}
  .article-markdown table{font-size:12px}
  .article-markdown th,.article-markdown td{padding:9px 8px}
  .article-guide-intro{padding:20px}
  .article-guide-footer{display:block}
  .article-guide-footer a{display:block;margin-bottom:14px}
}


/* Editorial imprint and a distinctive connection to UMIBE's philosophy. */
.publisher-ribbon{background:#eef2eb;border-bottom:1px solid #dce4dc}
.publisher-ribbon-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;letter-spacing:.15em;font-weight:700;color:#687d71}
.publisher-ribbon-inner a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.publisher-ribbon-inner>span:last-child{font-weight:800;letter-spacing:.13em;color:#3e6b53}
.new-guides{padding-top:0;padding-bottom:95px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:28px}
.guide-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:30px 33px 29px;border:1px solid var(--line);background:#fff;transition:border-color .2s ease,transform .2s ease}
.guide-card:hover{border-color:#84a896;transform:translateY(-2px)}
.guide-card .eyebrow{font-size:10px;letter-spacing:.1em}
.guide-card h3{font-size:19px;line-height:1.6;letter-spacing:-.035em;font-weight:640;margin:14px 0 11px}
.guide-card p{font-size:12px;line-height:1.9;color:#66736c;margin:0 10px 20px 0}
.guide-arrow{margin-top:auto;align-self:flex-end;color:var(--green);font-weight:800}
.umibe-bridge{background:#193d32;color:#f4f6ef;padding:85px 0 95px}
.umibe-bridge-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,8vw,120px);align-items:start}
.umibe-bridge .eyebrow,.about-umibe .eyebrow{color:#a7c7b4}
.bridge-overline{font-family:Georgia,'Times New Roman',serif;font-size:16px;letter-spacing:.12em;font-weight:500;margin:20px 0 25px;color:#bfd6c5}
.umibe-bridge h2{font-size:clamp(29px,3.2vw,43px);line-height:1.6;font-weight:550;letter-spacing:-.055em;margin:0}
.umibe-bridge-copy p{font-size:15px;line-height:2.12;margin:0 0 22px;color:#e0ebe2}
.umibe-bridge-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #aac7b4;padding-bottom:9px;margin-top:12px;color:inherit;font-weight:700;font-size:13px;letter-spacing:.035em}
.umibe-bridge-link:hover{color:#c4e3ca}
.about-umibe{background:#193d32;color:#f3f6f0;padding:75px 0 85px}
.about-umibe-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,100px);align-items:start}
.about-umibe h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.055em;line-height:1.55;font-weight:570;margin:0}
.about-umibe p{font-size:15px;line-height:2.1;color:#e2ebe4;margin:0 0 19px}
.about-umibe .bridge-overline{font-size:15px;margin:20px 0}
.about-foot{padding-top:20px}
.article-publisher{background:#f1f5ef;border-top:2px solid #28644f;padding:25px 29px;margin:36px 0}
.article-publisher p{font-size:13px;line-height:1.85;margin:11px 0 14px}
.article-publisher a{font-size:13px;font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:4px}
@media(max-width:750px){
  .publisher-ribbon-inner{min-height:34px;font-size:9px;letter-spacing:.05em}
  .publisher-ribbon-inner>span:last-child{display:none}
  .new-guides{padding-bottom:60px}
  .guide-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}
  .guide-card{padding:23px}
  .guide-card h3{font-size:18px;margin:9px 0}
  .umibe-bridge{padding:53px 0 60px}
  .umibe-bridge-inner,.about-umibe-inner{grid-template-columns:1fr;gap:27px}
  .umibe-bridge h2,.about-umibe h2{font-size:30px}
  .umibe-bridge-copy p,.about-umibe p{font-size:14px}
  .about-umibe{padding:55px 0 64px}
  .article-publisher{padding:22px}
}