*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#18332f;background:#f7f6f0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.9}a{color:#176454;text-underline-offset:5px}a:hover{color:#a24d29}a:focus-visible{outline:3px solid #d97740;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.preview{background:#efe0bd;color:#4c3f23;padding:8px 20px;text-align:center;font-size:12px}.mast{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:24px;border-bottom:1px solid #d4dcd5}.brand{font-size:20px;font-weight:800;text-decoration:none;letter-spacing:.04em}.brand small{display:block;font-size:10px;letter-spacing:.2em;color:#697e71}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}nav a{text-decoration:none}.hero{padding:76px 0;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.eyebrow{color:#a65a35;font-size:12px;letter-spacing:.18em;font-weight:700}h1{font-size:clamp(30px,4vw,52px);line-height:1.5;letter-spacing:.02em;margin:15px 0 22px}h2{font-size:26px;line-height:1.6}h3{font-size:19px}.lead{color:#50645a;max-width:640px}.button{display:inline-block;background:#1c594b;color:white;padding:12px 25px;text-decoration:none;border-radius:3px;font-size:14px}.button:hover{background:#124033;color:white}.diagram{border:1px solid #c7d4c9;background:#e9eee5;padding:28px;transform:rotate(2deg)}.diagram .step{background:#fffdf8;margin:12px 0;padding:14px 18px;display:flex;gap:20px;align-items:center}.step b{color:#a65a35;font-family:Georgia,serif;font-size:26px}.section{padding:40px 0 52px;border-top:1px solid #d4dcd5}.heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fffefa;padding:25px;border:1px solid #dce1d7;text-decoration:none;color:inherit;display:block}.card:hover{border-color:#1c594b}.card .number{font-size:12px;color:#a65a35;letter-spacing:.1em}.card p{font-size:13px;color:#5b6a61}.feature{display:grid;grid-template-columns:1fr 1.6fr;border:1px solid #d4dcd5;background:#fffefa}.feature-art{background:#dbe7dc;display:flex;align-items:center;justify-content:center;padding:36px;min-height:240px;font-size:28px;font-weight:800;line-height:1.8}.feature-body{padding:32px}.label{display:inline-block;font-size:11px;letter-spacing:.08em;background:#e8eee5;padding:3px 9px}.prose{max-width:800px;padding:40px 0 70px}.prose h1{font-size:34px}.prose h2{margin-top:42px;border-bottom:1px solid #d4dcd5;padding-bottom:10px}.prose h3{margin-top:30px}.prose p,.prose li{font-size:15px}.notice{border-left:4px solid #b2753d;background:#f0e8d6;padding:15px 20px;font-size:13px}.meta,.muted{font-size:12px;color:#607066}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fffefa;font-size:14px}th,td{text-align:left;vertical-align:top;border:1px solid #d4dcd5;padding:14px}th{background:#e8eee5}footer{background:#173d34;color:#e5ede5;padding:36px 0;font-size:12px}footer a{color:#e5ede5}footer nav{margin:18px 0;font-size:12px}.crumb{font-size:12px;margin-bottom:28px}.email{overflow-wrap:anywhere}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px}.article-list li{padding:12px 0}.note{padding:22px;background:#e9eee5}.checks{padding-left:22px}@media(max-width:760px){.mast{display:block}nav{gap:14px;margin-top:15px}.hero{grid-template-columns:1fr;padding:36px 0;gap:24px}.diagram{transform:none}.grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature-art{min-height:130px;font-size:23px}.feature-body{padding:22px}.heading{display:block}.prose h1{font-size:27px}.wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ad-box{margin:24px 0}.ad-box a{font-size:20px;font-weight:700}.notice a{overflow-wrap:anywhere}

/* Reader-first conversion layout */
.landing{padding-bottom:55px}.ad-note{font-size:11px;color:#5f7068;margin:20px 0 0}.kicker{font-size:11px;color:#9d522c;font-weight:800;letter-spacing:.13em}.new-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:48px 0 66px}.new-hero h1{font-size:clamp(40px,5.3vw,66px);line-height:1.35;letter-spacing:-.03em}.new-hero em,.guide-hero em{font-style:normal;color:#1e6754}.hero-copy{font-size:17px;line-height:2;color:#50645a}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:26px}.cta-primary{border:0;background:#b94e29;color:#fff!important;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;font:inherit;font-size:14px;font-weight:700;border-radius:5px;cursor:pointer;box-shadow:0 4px 0 #853b2420}.cta-primary:hover{background:#963b1c}.text-link{font-size:13px;font-weight:600}.small-note{font-size:11px!important;color:#627068;line-height:1.8}.idea-board{padding:24px;background:#e6ece2;border-radius:18px;position:relative}.board-caption{font-size:10px;color:#69796b;letter-spacing:.15em}.mock-browser{background:#fffdf7;border:1px solid #c7d2c6;border-radius:9px;overflow:hidden;box-shadow:0 12px 32px #18332f0d;transform:rotate(-3deg);margin:20px 2px 24px}.mock-dots{display:block;border-bottom:1px solid #e2e7dd;color:#d4ab91;padding:5px 12px;font-size:9px;letter-spacing:2px}.mock-layout{padding:25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.mock-layout small{font-size:8px;letter-spacing:.1em}.mock-layout strong{display:block;font-size:24px;line-height:1.6;margin:12px 0}.mock-layout i{display:block;width:75px;height:14px;border-radius:3px;background:#d98055}.mock-shape{height:160px;background:#d6dfcb;border-radius:80px 80px 5px 5px;display:grid;place-items:center}.mock-shape span{width:60px;height:80px;background:#f6e8bf;border-radius:50% 50% 10px 10px;transform:rotate(15deg)}.logo-tile{margin-left:45px;background:#fffdf7;border:1px solid #d6dfd0;border-radius:8px;display:flex;gap:18px;padding:20px;align-items:center;transform:rotate(2deg)}.logo-mark{font-size:40px;font-weight:300;line-height:1;background:#ede1c6;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:#9e592e}.logo-tile strong{font-size:15px}.logo-tile small{display:block;color:#647166;font-size:11px}.board-note{font-size:12px;text-align:center;margin:25px 0 12px}.trust-strip{display:flex;justify-content:space-around;gap:16px;padding:17px;background:#e9eee6;font-size:12px;border-top:1px solid #cbd6ca;border-bottom:1px solid #cbd6ca}.trust-strip span:before{content:'✓';color:#276b55;margin-right:10px}.purpose-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.purpose{display:block;padding:28px;background:#fffdf8;border:1px solid #d8dfd3;text-decoration:none;color:#18332f;border-radius:8px}.purpose:hover,.guide-card:hover{border-color:#26765e;transform:translateY(-2px)}.purpose-icon{display:grid;place-items:center;width:52px;height:52px;background:#e3ede2;color:#1c594b;font-size:15px;border-radius:12px}.purpose h3{margin-bottom:10px}.purpose p{font-size:13px;color:#586b60}.purpose>span,.read-link{font-size:12px;font-weight:700;color:#a34e2b}.feature-new{border:0;border-radius:12px;overflow:hidden;margin:24px 0 56px;background:#fffdf8}.feature-new .feature-art{background:#1c5144;color:#fff;display:block;padding:46px}.feature-art small{font-size:10px;letter-spacing:.15em;color:#c7dccb}.feature-art strong{display:block;font-size:27px;margin-top:24px}.feature-new .feature-body{padding:36px}.guide-card{display:block;border:1px solid #d8dfd3;background:#fffdf8;border-radius:8px;padding:25px;text-decoration:none;color:#18332f;transition:transform .15s}.guide-card h3{font-size:18px;line-height:1.7}.guide-card p{font-size:12px;color:#586b60}.category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.category-row a{font-size:13px;border-bottom:1px solid #b9c8b7;padding:12px 0;text-decoration:none}.guide-main{padding:24px 0 55px}.guide-main>.notice{font-size:12px}.guide-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;padding:45px 0}.guide-hero h1{font-size:clamp(29px,4vw,46px);line-height:1.5}.guide-summary{background:#e5ede1;border-radius:12px;padding:28px}.guide-summary ol{padding-left:24px;margin:20px 0}.guide-summary li{padding:10px 0}.guide-summary li span{display:block;color:#58705e;font-size:12px}.guide-summary>a{font-size:13px}.reading{max-width:780px;margin:10px auto 55px}.reading h2{font-size:25px;margin:40px 0 20px;border-bottom:1px solid #d4dcd5;padding-bottom:12px}.reading h3{margin-top:30px}.reading p,.reading li{font-size:15px}.reading nav{display:flex;flex-wrap:wrap;gap:15px;padding:20px;background:#e9eee5}.conversion-box{padding:34px;border:1px solid #c8d5bf;border-radius:10px;background:#e4ecdc;margin-top:25px}.conversion-box h3{font-size:24px;margin:12px 0}.conversion-box>a{display:inline-block;background:#b94e29;color:#fff;padding:14px 34px;border-radius:5px;font-weight:700;text-decoration:none}.related{padding:38px 0;border-top:1px solid #d4dcd5}.next-step{padding:26px;background:#e5ede1;border-radius:10px;margin-top:40px}.next-step h2{margin-top:8px;border:0}.number-list{padding-left:22px}.number-list li{margin-bottom:22px}.brief-form{display:grid;gap:12px;background:#fffdf8;border:1px solid #d5dfce;border-radius:8px;padding:25px}.brief-form label{font-size:13px;font-weight:700}.brief-form input,.brief-form select,.brief-form textarea{width:100%;font:inherit;font-size:14px;padding:12px;border:1px solid #aebfa9;border-radius:5px;background:white;color:#18332f}.brief-form textarea{resize:vertical;line-height:1.8}.brief-form .cta-primary{justify-content:center}.copy-button{font:inherit;font-size:13px;border:1px solid #1c594b;background:#fffdf8;color:#1c594b;border-radius:5px;padding:11px;cursor:pointer}.mobile-guide{display:none}
@media(max-width:800px){.new-hero{grid-template-columns:1fr;gap:30px;padding:30px 0 40px}.new-hero h1{font-size:44px}.hero-copy{font-size:15px}.idea-board{max-width:540px;width:100%;margin:auto}.purpose-grid,.guide-grid{grid-template-columns:1fr}.purpose{padding:24px}.purpose-icon{float:left;margin-right:15px;width:42px;height:42px}.purpose h3{margin-top:4px;font-size:18px}.purpose p{clear:both;padding-top:8px}.trust-strip{font-size:10px;gap:8px;padding:14px 8px}.trust-strip span:before{margin-right:4px}.feature-new .feature-art{padding:28px}.feature-new .feature-body{padding:25px}.category-row{grid-template-columns:repeat(2,1fr)}.guide-hero{grid-template-columns:1fr;gap:24px;padding:28px 0}.guide-summary{padding:22px}.reading h2{font-size:23px}.conversion-box{padding:24px}.conversion-box h3{font-size:21px}.mobile-guide{display:flex;justify-content:space-between;gap:12px;align-items:center;position:fixed;bottom:0;left:0;right:0;background:#fffdf8;border-top:1px solid #ced9c7;z-index:10;padding:12px 16px;font-size:10px;box-shadow:0 -4px 18px #18332f09}.mobile-guide a{background:#b94e29;color:white;text-decoration:none;border-radius:4px;padding:11px;font-size:12px}.guide-main{padding-bottom:90px}.mast .brand{font-size:19px}.brand small{font-size:9px}.brief-form{padding:18px}}
@media(prefers-reduced-motion:reduce){.purpose,.guide-card{transition:none}.purpose:hover,.guide-card:hover{transform:none}}

/* Mobile readability */
.ad-note{font-size:13px;line-height:1.6;color:#526459}
@media(max-width:600px){
.wrap{width:calc(100% - 32px)}.mast{padding:18px 0}.mast nav{gap:8px 18px;margin-top:12px}.mast nav a{min-height:40px;display:inline-flex;align-items:center;font-size:13px}.brand small{font-size:9px;letter-spacing:.04em}
.new-hero{padding:24px 0 32px;gap:20px}.new-hero h1{font-size:36px;line-height:1.45;margin:12px 0 18px}.hero-copy{font-size:16px;line-height:1.85}.idea-board{display:none}.actions{margin-top:20px;width:100%;gap:12px}.cta-primary{min-height:50px;padding:14px 18px;line-height:1.5}.actions .cta-primary{width:100%}.text-link{padding:8px 0}.trust-strip{display:none}.section{padding:28px 0}.section h2,.related h2{font-size:23px}.purpose-grid,.guide-grid{gap:12px}.purpose,.guide-card{padding:20px}.purpose p,.guide-card p{font-size:15px;line-height:1.8}.feature-new .feature-art{display:none}.feature-new .feature-body{padding:22px}.feature-body h2{font-size:25px}.category-row a{font-size:14px;padding:15px}.guide-hero{padding:22px 0}.guide-hero h1{font-size:30px}.guide-summary{display:none}.reading{margin:0 auto 32px}.reading p,.reading li,.prose p,.prose li{font-size:16px;line-height:1.85}.reading h2{font-size:23px;line-height:1.6;margin-top:30px}.reading nav{gap:8px 16px;padding:14px}.reading nav a{padding:5px 0}.conversion-box{padding:22px}.conversion-box>a{min-height:48px;display:block;text-align:center}.mobile-guide{position:static;margin:20px 0;padding:14px;border:1px solid #ced9c7;border-radius:6px;box-shadow:none}.guide-main{padding-bottom:20px}footer nav{gap:8px 18px}footer nav a{padding:8px 0}table{min-width:560px}th,td{font-size:14px}.ad-note{font-size:13px;margin-top:16px}.brief-form input,.brief-form select,.brief-form textarea{font-size:16px}}


/* YorisuGuri renewal: navy and white visual system, November 2026 */
:root{--yn-navy:#10243d;--yn-deep:#0a192c;--yn-blue:#24537b;--yn-gold:#b18b53;--yn-paper:#ffffff;--yn-soft:#f3f6fa;--yn-ink:#17283e}
body{background:var(--yn-soft);color:var(--yn-ink)}
a{color:var(--yn-blue)}a:hover{color:#8b6536}
.mast{border-bottom-color:#dce4ed}.brand{color:var(--yn-navy)}.brand small{color:#65758b}
.kicker,.eyebrow{color:#977344}.new-hero em,.guide-hero em{color:var(--yn-blue)}
.hero-copy,.lead{color:#52647a}.ad-note,.small-note{color:#66788b}
.cta-primary,.button,.conversion-box>a,.mobile-guide a{background:var(--yn-navy);color:#fff}
.cta-primary:hover,.button:hover{background:var(--yn-blue);color:#fff}
.purpose,.guide-card,.card,.feature,.brief-form{background:#fff;border-color:#dbe3ed;color:var(--yn-ink)}
.purpose:hover,.guide-card:hover,.card:hover{border-color:var(--yn-blue)}
.purpose-icon,.guide-summary,.reading nav,.note,.next-step{background:#e8eef6;color:var(--yn-navy)}
.purpose>span,.read-link{color:var(--yn-blue)}
.idea-board,.trust-strip,.conversion-box{background:#e7edf5;border-color:#d4deea}
.feature-new .feature-art,footer{background:var(--yn-navy);color:#fff}
.feature-new .feature-body{background:#fff}
.feature-art small{color:#c9d6e7}
.section,.related,.reading h2,.prose h2{border-color:#dce4ed}
th{background:#e9eff7}td,th{border-color:#dce4ed}
footer a{color:#e4edf8}
.mobile-guide{background:#fff;border-color:#dce4ed}
:focus-visible{outline-color:var(--yn-gold)}
@media(max-width:600px){.new-hero h1{font-size:clamp(30px,9vw,38px)}.mast nav a{color:var(--yn-navy)}}

/* Search UI */
.article-search{background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:24px;margin:28px 0}.article-search label{display:block;font-weight:700;margin-bottom:10px}.article-search input{display:block;width:100%;border:1px solid #a9b8c9;border-radius:8px;padding:13px 16px;font:inherit;font-size:16px;background:#fff;color:#17283e}.article-search p{font-size:13px;color:#52647a;margin:8px 0 0}.article-list li[hidden]{display:none}

/* Follow-up: consistent editorial layout and accessible small screens. */
[hidden]{display:none!important}
.prose,.reading{overflow-wrap:anywhere}
.prose>nav[aria-label*="目次"]{display:block;background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:22px;margin:28px 0}
.prose>nav[aria-label*="目次"] ol{margin-bottom:0;padding-left:24px}
.prose>nav[aria-label*="目次"] a{display:inline-block;padding:4px 0;text-decoration:underline}
.practical-example{background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:24px;margin-top:36px}
.practical-example h2{margin-top:0}.practical-example blockquote{margin:16px 0;padding:4px 18px;border-left:3px solid #24537b;background:#f3f6fa}
.purpose p,.guide-card p,.card p{color:#52647a}.label{background:#e8eef6}.purpose-icon{color:#10243d}
.brief-form input,.brief-form select,.brief-form textarea{color:#17283e;border-color:#a9b8c9}
.article-list{padding-left:22px}.article-list a{display:inline-block;padding:4px 0}
.table-wrap{max-width:100%;overscroll-behavior-x:contain}.guide-grid:has(>section:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.guide-grid:has(>section:nth-child(2):last-child){grid-template-columns:1fr}.prose>nav[aria-label*="目次"],.practical-example{padding:18px}.mast nav{gap:6px 16px}.brand small{letter-spacing:0}.prose h1{font-size:clamp(24px,7vw,29px)}.article-list li{padding:8px 0}.prose table{min-width:0}.table-wrap table{min-width:560px}}

/* Clear paths to services and editorial discovery */
.outbound{background:#ba4528!important;color:#fff!important;justify-content:center;min-height:52px;box-shadow:0 5px 16px #ba452822}
.outbound:hover{background:#96361e!important}
.intro-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0}
.intro-action small,.action-panel small{display:block;font-size:12px;color:#52647a;margin-top:8px}
.discover-section{margin:40px 0;overflow-wrap:anywhere}
.discover-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.discover-heading h2{border:0;margin:8px 0!important;padding:0!important;font-size:27px}
.discover-heading p{color:#52647a;font-size:14px}
.discover-heading>a{flex-shrink:0;font-size:14px;padding:10px 0}
.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.discover-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5dfeb;border-radius:14px;background:white;color:#17283e;text-decoration:none;box-shadow:0 5px 18px #10243d05;transition:transform .18s,box-shadow .18s}
.discover-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #10243d16;color:#17283e;border-color:#24537b}
.discover-art{min-height:140px;position:relative;overflow:hidden;background:#e4edf8;padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between;color:#183e64}
.discover-art:after{content:"";position:absolute;right:-12px;top:-24px;width:140px;height:140px;border:24px solid #fff7;border-radius:50%}
.discover-art span{font-size:38px;line-height:1.3;font-weight:800;letter-spacing:-.04em;z-index:1}
.discover-art i{font-size:10px;font-style:normal;letter-spacing:.1em;z-index:1}
.discover-card:nth-child(3n+2) .discover-art{background:#f4e9df;color:#794626}
.discover-card:nth-child(3n) .discover-art{background:#e4eee9;color:#245747}
.discover-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.topic-label{font-size:12px;font-weight:700;color:#7d552b}
.discover-card h3{font-size:19px;margin:9px 0 12px;line-height:1.65}
.discover-card p{font-size:14px!important;color:#52647a;line-height:1.8;margin:0 0 22px}
.discover-link{margin-top:auto;border-top:1px solid #e1e7ee;padding-top:14px;display:flex;justify-content:space-between;color:#24537b;font-weight:700;font-size:14px}
.action-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border:1px solid #d6e1ec;border-top:4px solid #ba4528;border-radius:12px;padding:28px;margin:40px 0}
.action-panel h2{font-size:23px!important;border:0!important;padding:0!important;margin:8px 0!important;line-height:1.6}
.action-panel p{font-size:14px!important;color:#52647a;margin:0}
.action-panel>div:last-child{flex-shrink:0}
.quick-action{display:none}
.topic-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.topic-shortcuts a{padding:12px 16px;background:#fff;border:1px solid #d5dfeb;border-radius:40px;text-decoration:none;font-size:14px}
.prose .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.prose .discover-grid .discover-card:last-child:nth-child(3){grid-column:1/-1}
.browse-guides .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){
.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.action-panel{display:block}.action-panel>div:last-child{margin-top:20px}.action-panel .outbound{width:100%}
.discover-heading{display:block}.discover-heading h2{font-size:24px}
}
@media(max-width:600px){
.with-quick-action{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.quick-action{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffffff5;border-top:1px solid #d5dfeb;box-shadow:0 -6px 24px #10243d0c;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.quick-action>span{font-size:12px;color:#52647a}.quick-action small{display:block;font-size:10px}
.quick-action .outbound{font-size:13px;padding:13px 16px;min-height:48px;white-space:nowrap}
.discover-grid,.prose .discover-grid,.browse-guides .discover-grid{grid-template-columns:1fr;gap:14px}
.discover-card{display:grid;grid-template-columns:86px minmax(0,1fr)}
.discover-art{min-height:100%;padding:18px 10px;justify-content:center;align-items:center}
.discover-art span{font-size:23px}.discover-art i{display:none}
.discover-copy{padding:16px}.discover-card h3{font-size:17px;margin:6px 0 9px}.discover-card p{font-size:13px!important;margin-bottom:12px}
.discover-heading h2{font-size:23px}.discover-link{font-size:13px;padding-top:10px}
.prose .discover-grid .discover-card:last-child:nth-child(3){grid-column:auto}
.intro-action .outbound{width:100%}.intro-action{gap:0}
.action-panel{padding:22px}.action-panel h2{font-size:21px!important}
.topic-shortcuts{gap:8px}.topic-shortcuts a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.discover-card{transition:none}.discover-card:hover{transform:none}}

/* Warm editorial palette and lightweight topic illustrations. */
:root{--yn-navy:#304b3e;--yn-deep:#253b30;--yn-blue:#3f6551;--yn-gold:#aa744f;--yn-paper:#fff;--yn-soft:#f7f5ed;--yn-ink:#333b33}
body{background:var(--yn-soft);color:var(--yn-ink)}
.mast{border-color:#dfdfd2}.brand small,.hero-copy,.lead,.small-note,.ad-note,.discover-card p,.purpose p,.guide-card p,.card p,.discover-heading p{color:#596555}
.kicker,.eyebrow,.topic-label{color:#825b3e}
.purpose,.guide-card,.card,.discover-card,.article-search,.practical-example,.prose>nav[aria-label*="目次"]{border-color:#dedfd3;border-radius:16px}
.discover-card{color:var(--yn-ink);box-shadow:0 5px 20px #394a3210}.discover-card:hover{border-color:#6c856b;color:var(--yn-ink);box-shadow:0 10px 24px #394a3218}
.purpose-icon,.guide-summary,.reading nav,.note,.next-step,.label,.conversion-box,.trust-strip{background:#e8ecdf;color:#304b3e;border-color:#d5ddcb}
.practical-example blockquote{background:#f4f5ed;border-color:#5d795f}
th{background:#e9ecdf}td,th,.reading h2,.prose h2,.discover-link{border-color:#dedfd3}
.feature-new .feature-art,footer{background:#304b3e}.feature-art small,footer a{color:#edf0df}
.hero-visual{min-width:0}.editorial-photo{margin:0;position:relative}.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px 24px 72px 24px;box-shadow:0 12px 36px #384a3414}
.editorial-photo figcaption{font-size:11px;color:#596555;margin-top:12px}.hero-visual .idea-board{display:none}
.discover-art.illustrated{padding:0;min-height:0;background:#e9eadf}.discover-art.illustrated:after{display:none}.discover-art img{display:block;width:100%;height:auto;aspect-ratio:21/13;object-fit:cover}
.discover-link{color:#3f6551}.article-search input,.brief-form input,.brief-form select,.brief-form textarea{color:#333b33;border-color:#a8b39e}
.action-panel{border-color:#dedfd3;border-top-color:#ba4528}.action-panel p,.intro-action small,.action-panel small{color:#596555}
.table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:800px){.new-hero{gap:28px}.hero-visual{max-width:560px;width:100%;margin:auto}.editorial-photo img{border-radius:20px 20px 48px 20px}}
@media(max-width:600px){.discover-card{display:flex;flex-direction:column}.discover-art img{max-height:180px;object-fit:cover}.discover-copy{padding:20px}.editorial-photo figcaption{font-size:10px}.new-hero{padding-top:18px}.quick-action>span{color:#596555}.prose .discover-art img{max-height:150px}}

/* Reader journey and contextual related reading */
.beginner-path{padding:30px;margin:20px 0 36px;background:#edf0e7;border:1px solid #d8dfcf;border-radius:22px}.beginner-path h2{margin:0 0 18px;color:#304b3e}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.path-grid a{display:flex;flex-direction:column;gap:9px;padding:19px;background:#fffdf7;border:1px solid #dce2d5;border-radius:15px;text-decoration:none;color:#304b3e}.path-grid span{font-size:13px}.related-reading{margin:40px 0 20px;padding:24px;background:#f0f2e9;border:1px solid #d8dfcf;border-radius:18px}.related-reading h2{margin-top:0}.related-reading ul{padding-left:1.3em}.related-reading li{margin:9px 0}.related-reading a{font-weight:600}.prose{overflow-wrap:anywhere}.prose img{max-width:100%;height:auto}@media(max-width:700px){.path-grid{grid-template-columns:1fr}.beginner-path{padding:20px}.related-reading{padding:18px}.new-hero h1{overflow-wrap:normal}}
