:root{--ink:#17352f;--muted:#64756f;--brand:#08705a;--brand-dark:#064d3f;--mint:#e9f7f1;--line:#dce9e4;--white:#fff;--shadow:0 12px 34px rgba(17,75,62,.10)}
.topic-hero{display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:center;padding-block:46px 60px}.topic-hero h1{font-size:clamp(2.7rem,7vw,4.6rem);line-height:1.12;margin:0}.topic-hero h1 span{color:var(--brand)}.topic-hero>div>p{color:var(--muted)}.topic-card,.route-card{min-height:210px;border-radius:25px;background:linear-gradient(145deg,#e6f4ff,#d5eaff);padding:26px;display:flex;flex-direction:column;justify-content:center;gap:8px;box-shadow:var(--shadow)}.topic-card b{font-size:1.45rem;color:#256aa6}.topic-card small,.route-card{color:var(--muted)}.route-card{background:linear-gradient(145deg,#fff5c9,#ffeaa0);align-items:center;font-weight:900}.robo-route{background:linear-gradient(145deg,#e2f5ed,#ccebdc)}.compare-section{padding-block:64px;scroll-margin-top:55px}.compare-section h2,.soft-section h2{font-size:clamp(1.65rem,4vw,2.2rem);margin:0}.scroll-table{overflow-x:auto;border:1px solid var(--line);border-radius:17px}.scroll-table table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}.scroll-table th,.scroll-table td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.scroll-table th{background:#eef6f2;font-weight:900}.soft-section{background:#f0f7f4;padding-block:64px}.trio-grid,.site-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.trio-grid article,.site-card-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.trio-grid article>span,.site-card-grid article>span{display:inline-block;color:var(--brand);font-weight:900;background:#dff2ea;border-radius:9px;padding:5px 9px}.trio-grid h3,.site-card-grid h3{margin:12px 0 5px}.trio-grid p,.site-card-grid p{color:var(--muted);font-size:.9rem}.check-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.check-grid article{border:1px solid var(--line);border-radius:16px;padding:17px}.check-grid article>b{color:var(--brand)}.check-grid h3{font-size:1rem;margin:8px 0 4px}.check-grid p{color:var(--muted);font-size:.86rem;margin:0}.warning-note{margin-top:18px;background:#fff4df;border:1px solid #edd19b;border-radius:16px;padding:18px}.warning-note p{margin:4px 0;color:#735d32}.site-card-grid dl{margin:12px 0}.site-card-grid dl div{padding:8px 0;border-bottom:1px solid var(--line)}.site-card-grid dt{font-size:.72rem;color:var(--muted)}.site-card-grid dd{margin:0;font-weight:800;font-size:.88rem}.service-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.service-facts div{background:#edf6f2;border-radius:15px;padding:17px;display:flex;flex-direction:column}.service-facts span,.service-facts small{color:var(--muted);font-size:.75rem}.service-facts strong{font-size:1.15rem}.new-corners{padding-block:10px 55px}.new-corner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.new-corner-grid a{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;display:flex;flex-direction:column}.new-corner-grid span{color:var(--brand);font-weight:900}.new-corner-grid small{color:var(--muted)}
@media(max-width:760px){.topic-hero{grid-template-columns:1fr;gap:22px;padding-block:30px 44px}.topic-hero h1{font-size:2.55rem}.topic-card,.route-card{min-height:165px}.compare-section,.soft-section{padding-block:48px}.trio-grid,.site-card-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr 1fr}.check-grid article:last-child{grid-column:1/-1}.service-facts{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr!important}.scroll-table{margin-right:-14px}.new-corner-grid{grid-template-columns:1fr}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfdfc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.65}.wrap{width:min(1080px,calc(100% - 40px));margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1080px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.15rem;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--brand);color:#fff;font-weight:900}.header-quiz{font-size:.9rem;font-weight:800;color:var(--brand);padding:8px 14px;border:1px solid #9bcdbf;border-radius:999px}.hero{min-height:360px;display:flex;align-items:center;justify-content:space-between;padding-block:64px 50px}.eyebrow,.section-kicker{margin:0 0 8px;color:var(--brand);font-size:.86rem;font-weight:800;letter-spacing:.08em}.hero h1{font-size:clamp(2.3rem,7vw,4.4rem);line-height:1.16;letter-spacing:-.055em;margin:0}.hero h1 span{color:var(--brand)}.hero-lead{max-width:550px;font-size:1.05rem;color:var(--muted);margin:22px 0 0}.saving-orbit{width:238px;height:238px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0 16%,#d3f2e6 17% 54%,#b8e7d7 55%);display:grid;place-items:center;position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 12px rgba(255,255,255,.55)}.orbit-main{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--brand);color:#fff;font-size:3rem;font-weight:800;box-shadow:0 12px 28px rgba(8,112,90,.28)}.coin{position:absolute;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand);font-weight:900;box-shadow:var(--shadow)}.coin-a{width:54px;height:54px;top:16px;right:20px}.coin-b{width:48px;height:48px;bottom:24px;left:14px;color:#d48313}.coin-c{width:42px;height:42px;bottom:4px;right:43px;color:#e7634d}.section-heading{margin-bottom:22px}.section-heading h2,.diagnosis-intro h2,.guide-copy h2{margin:0;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.3;letter-spacing:-.035em}.genres{padding-bottom:72px}.genre-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.genre-card{grid-column:span 2;min-height:150px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;position:relative;box-shadow:0 4px 16px rgba(20,80,65,.05);transition:.2s ease}.genre-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a8d3c7}.genre-card.featured{grid-column:span 3}.genre-card:nth-child(2){grid-column:span 3}.genre-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;font-size:1.5rem;font-weight:900}.peach{background:#ffede8}.blue{background:#e7f1ff;color:#3975b8}.coral{background:#fff0ed;color:#dd5d4f}.yellow{background:#fff4c9;color:#b67700}.green{background:#ddf4e8;color:#147554}.genre-copy{display:flex;flex-direction:column}.genre-copy strong{font-size:1.08rem}.genre-copy small{color:var(--muted);font-size:.82rem}.arrow{font-size:1.8rem;color:#77928a}.genre-badge{position:absolute;top:12px;right:14px;background:#daf4e9;color:var(--brand);padding:3px 8px;border-radius:99px;font-size:.72rem;font-weight:800}.diagnosis-band{background:linear-gradient(135deg,#075d4b,#0b8067);padding:58px 0}.diagnosis-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;color:#fff}.diagnosis-intro .section-kicker{color:#aaf0d8}.diagnosis-intro p:last-child{color:#d8eee8;margin-bottom:0}.quiz-options{display:grid;gap:10px}.quiz-options button{padding:15px 18px;text-align:left;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-weight:700;cursor:pointer;transition:.2s}.quiz-options button:hover,.quiz-options button:focus-visible{background:#fff;color:var(--brand-dark);outline:none}.quiz-result{grid-column:1/-1;background:#fff;color:var(--ink);padding:20px;border-radius:16px}.quiz-result strong{color:var(--brand);display:block;font-size:1.1rem}.quiz-result a{display:inline-block;margin-top:8px;font-weight:800;color:var(--brand)}.info-section{padding-block:72px}.row-heading{display:flex;justify-content:space-between;align-items:end}.date-chip{font-size:.82rem;color:var(--muted);background:#eef5f2;padding:6px 11px;border-radius:99px}.today-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.today-main{background:#eaf6f1;border-radius:24px;padding:32px}.today-main .label{font-size:.78rem;font-weight:800;color:var(--brand);background:#fff;padding:5px 10px;border-radius:99px}.today-main h3{font-size:1.45rem;line-height:1.4;margin:18px 0 8px}.today-main p{color:var(--muted);margin:0}.today-main a{display:inline-block;margin-top:20px;color:var(--brand);font-weight:800}.tip-stack{display:grid;gap:12px}.tip-stack article{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;display:flex;align-items:center;gap:14px}.mini-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff1bd;color:#9b6800;font-weight:900;flex:none}.mini-icon.yen{background:#e4efff;color:#3c6ba2}.tip-stack small{color:var(--muted)}.tip-stack h3{font-size:.98rem;margin:1px 0}.ranking-section{background:#f0f7f4;padding-block:65px}.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ranking-list li{background:#fff;border-radius:16px;padding:15px 18px;display:grid;grid-template-columns:36px 42px 1fr 24px;align-items:center;gap:10px}.rank{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:900;color:#fff;background:#9aa8a3}.rank.first{background:#d8a51c}.rank.second{background:#7e9aae}.rank.third{background:#b7794e}.rank-icon{font-size:1.3rem}.ranking-list div{display:flex;flex-direction:column}.ranking-list small{color:var(--muted)}.ranking-list a{font-size:1.8rem;color:#799088}.guide-section{padding-block:72px;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.guide-copy p:last-child{color:var(--muted)}.guide-links{display:grid;gap:10px}.guide-links a{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:13px;padding:16px;border-bottom:1px solid var(--line)}.guide-links a>span{color:var(--brand);font-weight:900}.guide-links div{display:flex;flex-direction:column}.guide-links small{color:var(--muted)}.guide-links b{font-size:1.5rem}.coming{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:72px}.coming div{scroll-margin-top:90px;border:1px dashed #b7cbc4;border-radius:14px;padding:15px;display:flex;flex-direction:column}.coming span{font-size:.78rem;color:var(--muted)}footer{background:#123d34;color:#fff;padding:45px 0}.footer-brand{margin-bottom:14px}.footer-brand .brand-mark{background:#fff;color:var(--brand)}footer p{color:#cde2dc}footer small{display:block;color:#9fc1b7;max-width:700px}
@media(max-width:760px){.wrap{width:min(100% - 28px,1080px)}.site-header{height:62px;padding:0 14px}.header-quiz{font-size:.78rem;padding:7px 10px}.hero{min-height:auto;padding-block:38px 34px}.hero-copy{width:100%}.hero h1{font-size:2.48rem}.hero-lead{font-size:.96rem;margin-top:16px}.saving-orbit{display:none}.genres{padding-bottom:48px}.genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.genre-card,.genre-card.featured,.genre-card:nth-child(2){grid-column:span 1;min-height:154px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.genre-card.featured{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:auto 1fr auto;padding:18px}.genre-icon{width:46px;height:46px;border-radius:14px}.genre-copy strong{font-size:1rem;line-height:1.35}.genre-copy small{font-size:.76rem;line-height:1.4}.genre-card .arrow{position:absolute;right:12px;bottom:7px}.genre-card.featured .arrow{position:static}.diagnosis-band{padding:44px 0}.diagnosis-card{grid-template-columns:1fr;gap:24px}.quiz-result{grid-column:auto}.info-section{padding-block:50px}.row-heading{align-items:start}.date-chip{margin-top:8px}.today-grid{grid-template-columns:1fr}.today-main{padding:23px}.today-main h3{font-size:1.25rem}.ranking-section{padding-block:48px}.ranking-list li{grid-template-columns:30px 34px 1fr 18px;padding:13px 12px}.ranking-list strong{font-size:.92rem}.ranking-list small{font-size:.75rem}.guide-section{padding-block:52px;grid-template-columns:1fr;gap:22px}.guide-links a{padding-inline:4px}.coming{grid-template-columns:1fr 1fr;padding-bottom:52px}.brand{font-size:1rem}.brand-mark{width:32px;height:32px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.genre-card{transition:none}}

/* Index investing */
.index-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center;padding-block:44px 55px}.index-hero h1{font-size:clamp(2.7rem,7vw,4.7rem);line-height:1.12;letter-spacing:-.055em;margin:0}.index-hero h1 span{color:var(--brand)}.index-hero>div>p:last-of-type{max-width:620px;color:var(--muted);font-size:1.03rem}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-actions>a:last-child{color:var(--brand);font-weight:800}.index-button{background:var(--brand)}.grow-card{height:250px;background:linear-gradient(145deg,#e4f7ed,#c7eddc);border-radius:27px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:7px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.grow-card span{font-size:.68rem;color:#3e7768;border-bottom:2px solid rgba(8,112,90,.25);padding-bottom:4px}.grow-card i{position:absolute;left:25px;right:25px;bottom:66px;height:115px;border-bottom:8px solid var(--brand);border-radius:0 0 70% 0;transform:skewY(-18deg);opacity:.8}.grow-card strong{position:absolute;top:28px;left:28px;font-size:1.6rem;color:var(--brand)}.grow-card small{position:absolute;top:65px;left:29px;color:#537a70}.index-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:40px}.index-quick a{text-align:center;border:1px solid #cbe0d7;background:#fff;border-radius:13px;padding:11px 8px;color:#286c5c;font-weight:800;font-size:.86rem}.index-section{padding-block:66px;scroll-margin-top:55px}.index-section h2,.sim-section h2,.index-diagnosis h2,.related-section h2{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.3;margin:0}.index-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.index-basics article{border:1px solid #d7e8e1;border-radius:20px;padding:23px;background:#fff}.index-basics b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#dff3ea;color:var(--brand);font-size:1.05rem}.index-basics h3{margin:15px 0 5px}.index-basics p{color:var(--muted);margin:0}.fund-section{background:#edf7f3;padding-block:66px;scroll-margin-top:55px}.fund-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.fund-card{background:#fff;border:1px solid #d5e6df;border-radius:20px;padding:22px}.fund-card:last-child{grid-column:1/-1}.featured-fund{border:2px solid #7fc5ae}.fund-top{display:flex;justify-content:space-between}.fund-top span,.fund-top b{font-size:.74rem;padding:4px 9px;border-radius:99px}.fund-top span{background:#def1e9;color:var(--brand);font-weight:900}.fund-top b{background:#f3f6f4;color:var(--muted)}.fund-card h3{font-size:1.17rem;line-height:1.45;margin:14px 0}.fund-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.fund-card dl div{background:#f4f8f6;border-radius:10px;padding:9px}.fund-card dt{font-size:.7rem;color:var(--muted)}.fund-card dd{margin:0;font-weight:800;font-size:.9rem}.fund-card p{color:var(--muted);font-size:.9rem}.fund-card small{display:block;border-top:1px solid var(--line);padding-top:12px;color:#45655c}.versus{border:1px solid #d6e5df;border-radius:20px;overflow:hidden}.versus>div{display:grid;grid-template-columns:.7fr 1fr 1fr}.versus>div>*{margin:0;padding:14px 16px;border-right:1px solid #dce8e4;border-bottom:1px solid #dce8e4}.versus>div>*:last-child{border-right:0}.versus-head{background:#e7f4ef;font-weight:900;color:var(--brand)}.versus>div>span{font-weight:800}.versus p{color:#48655e}.neutral-note{margin-top:15px;background:#fff5df;border:1px solid #ead49c;border-radius:16px;padding:18px}.neutral-note p{margin:4px 0;color:#725d31}.sim-section{padding-block:66px;background:#103f35;color:#fff;scroll-margin-top:55px}.sim-layout{display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center}.sim-section .section-kicker{color:#9ee3ca}.sim-layout>div:first-child>p:last-of-type{color:#c5ded6}.sim-form{display:grid;gap:22px;margin-top:26px}.sim-form label{display:grid;grid-template-columns:1fr auto;gap:8px;font-weight:800}.sim-form input[type=range]{grid-column:1/-1;width:100%;accent-color:#72d0ad}.sim-form label span{color:#9ee3ca}.sim-form fieldset{border:0;padding:0;margin:0}.sim-form legend{font-weight:800;margin-bottom:8px}.return-buttons{display:inline-flex;gap:6px}.return-buttons button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:9px;padding:8px 14px;cursor:pointer}.return-buttons button.active{background:#fff;color:var(--brand)}#rate{width:78px;border:0;border-radius:9px;padding:8px;margin-left:6px;font:inherit}.sim-result{background:#fff;color:var(--ink);border-radius:24px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.18)}.sim-result>small{color:var(--muted)}.sim-result>strong{display:block;color:var(--brand);font-size:clamp(2rem,5vw,3.25rem);line-height:1.25;margin:7px 0 22px}.sim-result>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-result span{display:flex;flex-direction:column;background:#edf6f2;border-radius:12px;padding:12px;color:var(--muted);font-size:.75rem}.sim-result b{color:var(--ink);font-size:1rem}.sim-result p{font-size:.82rem;color:var(--muted);margin:15px 0 0}.sim-warning{margin-top:24px;color:#bcd5cd;font-size:.78rem}.index-diagnosis{scroll-margin-top:55px}.index-diagnosis .section-heading p:last-child{color:#d0e8e1}.diagnosis-progress{display:flex;align-items:center;gap:13px;margin-bottom:20px}.diagnosis-progress>span{font-weight:900}.diagnosis-progress i{display:block;height:6px;background:rgba(255,255,255,.2);border-radius:99px;flex:1;max-width:320px;overflow:hidden}.diagnosis-progress b{display:block;height:100%;background:#aaf0d8;width:33%;transition:.2s}.index-question{max-width:720px}.index-question h3{font-size:1.3rem}.index-question div{display:grid;gap:9px}.index-question button{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.09);border-radius:13px;padding:14px 16px;text-align:left;color:#fff;cursor:pointer}.index-question button:hover,.index-question button:focus-visible{background:#fff;color:var(--brand);outline:none}.index-answer{background:#fff;color:var(--ink);border-radius:18px;padding:22px;max-width:720px}.index-answer strong{font-size:1.35rem;color:var(--brand)}.index-answer button{border:0;background:#def2e9;color:var(--brand);font-weight:800;border-radius:10px;padding:9px 13px;cursor:pointer}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:17px 4px}.faq-list summary{font-weight:900;cursor:pointer;font-size:1.05rem}.faq-list p{color:var(--muted);max-width:850px}.data-source a{color:var(--brand);font-weight:800}.related-section{background:#f0f7f4;padding-block:65px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related-grid a{background:#fff;border:1px solid #dbe8e3;border-radius:16px;padding:18px;display:flex;flex-direction:column}.related-grid a>span{font-size:1.5rem;color:var(--brand);font-weight:900}.related-grid strong{margin-top:7px}.related-grid small{color:var(--muted);margin-top:3px}
@media(max-width:760px){.index-hero{grid-template-columns:1fr;gap:22px;padding-block:28px 35px}.index-hero h1{font-size:2.65rem}.grow-card{height:165px}.index-quick{display:flex;overflow-x:auto;margin-right:0;padding-bottom:30px}.index-quick a{min-width:122px;white-space:nowrap}.index-section,.fund-section,.sim-section{padding-block:49px}.index-basics,.fund-grid{grid-template-columns:1fr}.fund-card:last-child{grid-column:auto}.versus{overflow-x:auto}.versus>div{grid-template-columns:105px minmax(180px,1fr) minmax(180px,1fr);min-width:465px}.versus>div>*{padding:11px 10px;font-size:.82rem}.sim-layout{grid-template-columns:1fr;gap:28px}.sim-result{padding:22px}.sim-result>strong{font-size:2.1rem}.related-grid{grid-template-columns:1fr 1fr}.related-grid a{padding:15px}.related-grid small{font-size:.75rem}}

.coming>a{scroll-margin-top:90px;border:1px solid #b9d2ee;border-radius:14px;padding:15px;display:flex;flex-direction:column;background:#e7f2ff}.coming>a span{font-size:.78rem;color:#3975b8}.breadcrumb{display:flex;gap:9px;padding-top:20px;color:var(--muted);font-size:.86rem}.breadcrumb a{color:var(--brand);font-weight:700}.dividend-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding-block:48px 62px}.dividend-hero h1{font-size:clamp(2.7rem,7vw,4.8rem);line-height:1.12;letter-spacing:-.055em;margin:0}.dividend-hero h1 span{color:#3975b8}.dividend-hero>div>p:last-of-type{max-width:610px;color:var(--muted);font-size:1.04rem}.primary-button{display:inline-block;margin-top:15px;background:#256aa6;color:#fff;font-weight:800;padding:13px 20px;border-radius:13px;box-shadow:0 9px 20px rgba(37,106,166,.2)}.income-card{min-height:230px;border-radius:26px;background:linear-gradient(145deg,#e8f3ff,#d9ebff);padding:29px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.income-card:after{content:'¥';position:absolute;right:-4px;bottom:-70px;font-size:12rem;font-weight:900;color:rgba(57,117,184,.09)}.income-card>span{font-size:.8rem;font-weight:800;color:#3975b8}.income-card strong{font-size:1.65rem;line-height:1.5;margin:10px 0;z-index:1}.income-card b{color:#3975b8}.income-card small{color:#527087;z-index:1}.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:58px}.quick-nav a{background:#fff;border:1px solid #d9e6f0;border-radius:14px;padding:13px 15px;font-weight:800;display:flex;align-items:center;gap:10px}.quick-nav span{color:#3975b8;font-size:.78rem}.dividend-section{padding-block:66px;scroll-margin-top:60px}.dividend-section h2,.check-copy h2,.beginner-steps h2{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.3;margin:0}.heading-note{color:var(--muted);max-width:700px}.basic-grid,.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.basic-grid article,.budget-grid article{border:1px solid #dce7ef;background:#fff;border-radius:20px;padding:24px}.basic-grid article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f2ff;color:#3975b8;font-weight:900}.basic-grid h3{font-size:1.2rem;margin:16px 0 5px}.basic-grid p,.budget-grid p{color:var(--muted);font-size:.92rem}.formula{background:#f2f7fb;color:#33576f;border-radius:10px;padding:10px;font-size:.82rem;font-weight:800}.check-band{background:#123f5c;color:#fff;padding-block:65px;scroll-margin-top:60px}.check-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.check-copy .section-kicker{color:#8fc9f4}.check-copy p{color:#c9dce8}.check-score{margin-top:25px}.check-score strong{font-size:3rem;color:#8fc9f4}.check-score span{margin-left:7px;color:#c9dce8}.check-list{display:grid;gap:9px}.check-item{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:14px;color:#fff;padding:14px;display:flex;gap:13px;text-align:left;cursor:pointer}.check-box{width:30px;height:30px;border:2px solid #83a9be;border-radius:9px;display:grid;place-items:center;color:transparent;flex:none}.check-item>span:last-child{display:flex;flex-direction:column}.check-item small{color:#bdd2de}.check-item[aria-pressed=true]{background:#fff;color:var(--ink)}.check-item[aria-pressed=true] .check-box{background:#3975b8;border-color:#3975b8;color:#fff}.check-item[aria-pressed=true] small{color:var(--muted)}.budget-grid .budget-featured{border:2px solid #7fb1db;background:#f2f8ff}.budget-tag{display:inline-block;color:#3975b8;background:#e7f2ff;border-radius:99px;padding:4px 9px;font-size:.76rem;font-weight:800}.budget-grid strong{display:block;font-size:1.4rem;margin-top:13px}.budget-grid a{color:#3975b8;font-weight:800}.warning-section{padding-block:20px 65px}.warning-card{background:#fff3e7;border:1px solid #f0cda7;border-radius:22px;padding:28px;display:grid;grid-template-columns:50px 1fr;gap:18px}.warning-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#d97424;color:#fff;font-size:1.4rem;font-weight:900}.warning-card h2{margin:1px 0 8px}.warning-card ul{margin:0;padding-left:1.25em;color:#765135}.beginner-steps{padding-block:66px}.beginner-steps ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.beginner-steps li{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:22px 8px;border-bottom:1px solid var(--line)}.beginner-steps li>span{color:#3975b8;font-size:.82rem;font-weight:900}.beginner-steps strong{font-size:1.05rem}.beginner-steps p{margin:3px 0 0;color:var(--muted)}.back-home{display:inline-block;margin-top:28px;color:var(--brand);font-weight:800}
@media(max-width:760px){.dividend-hero{grid-template-columns:1fr;gap:25px;padding-block:30px 40px}.dividend-hero h1{font-size:2.7rem}.income-card{min-height:180px;padding:22px}.quick-nav{grid-template-columns:1fr 1fr;padding-bottom:36px}.quick-nav a{font-size:.84rem;padding:11px}.dividend-section{padding-block:49px}.basic-grid,.budget-grid{grid-template-columns:1fr}.check-band{padding-block:48px}.check-layout{grid-template-columns:1fr;gap:26px}.check-copy h2 br{display:none}.check-item{padding:13px 11px}.check-item strong{font-size:.92rem}.check-item small{font-size:.76rem}.warning-card{grid-template-columns:38px 1fr;padding:20px 16px}.warning-icon{width:36px;height:36px}.warning-card h2{font-size:1.15rem}.warning-card ul{font-size:.88rem;padding-left:1.15em}.beginner-steps{padding-block:50px}.beginner-steps li{grid-template-columns:65px 1fr;gap:10px;padding-inline:2px}.beginner-steps p{font-size:.86rem}}

.finder-section{background:#f1f7fb;padding-block:65px;scroll-margin-top:60px}.stock-controls{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:14px;align-items:center}.stock-search{height:48px;background:#fff;border:1px solid #cbdce8;border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:8px}.stock-search input{width:100%;border:0;outline:0;font:inherit;color:var(--ink)}.filter-chips{display:flex;gap:7px;overflow-x:auto;padding:3px}.filter-chip{white-space:nowrap;border:1px solid #b9cede;background:#fff;color:#446273;border-radius:99px;padding:9px 13px;cursor:pointer}.filter-chip.active{background:#256aa6;color:#fff;border-color:#256aa6}.stock-summary{margin:18px 0 8px;color:var(--muted)}.stock-summary strong{color:#256aa6;font-size:1.35rem;margin-right:3px}.stock-list{display:grid;gap:9px}.stock-row{background:#fff;border:1px solid #d9e6ee;border-radius:17px;padding:16px;display:grid;grid-template-columns:34px 1.2fr 1.7fr .8fr auto;align-items:center;gap:14px}.stock-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5eff6;color:#256aa6;font-weight:900}.stock-name{display:flex;flex-direction:column}.stock-name small{color:var(--muted);font-size:.75rem}.stock-name strong{font-size:1.03rem}.stock-name>span{color:var(--muted);font-size:.75rem}.stock-row dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stock-row dl div{display:flex;flex-direction:column}.stock-row dt{font-size:.7rem;color:var(--muted)}.stock-row dd{margin:0;font-weight:800}.stock-row dl div:first-child dd{color:#d15b30}.stock-tags{display:flex;flex-wrap:wrap;gap:4px}.stock-tags span{font-size:.68rem;background:#edf5ef;color:#367151;border-radius:99px;padding:3px 6px}.stock-more{color:#256aa6;font-weight:800;font-size:.8rem;white-space:nowrap}.no-results{background:#fff;padding:30px;text-align:center;border-radius:16px;color:var(--muted)}.data-source{font-size:.75rem;color:var(--muted);margin-top:14px}.monthly-section{padding-block:65px;scroll-margin-top:60px;background:#123f5c;color:#fff}.monthly-grid>div:first-child p:last-child{color:#c3d9e6}.monthly-section .section-kicker{color:#8fc9f4}.monthly-section h2{font-size:2.2rem;margin:0}.monthly-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:24px}.monthly-cards article{background:#fff;color:var(--ink);border-radius:17px;padding:19px;display:flex;flex-direction:column}.monthly-cards span{color:#3975b8;font-size:.75rem;font-weight:900}.monthly-cards strong{font-size:1.08rem;margin:6px 0}.monthly-cards b{color:#d15b30}.monthly-cards small{color:var(--muted)}.monthly-section .data-source{color:#b8d0dc}.stock-detail{padding-block:50px}.stock-title-line{display:flex;justify-content:space-between;gap:25px;align-items:end}.stock-title-line h1{font-size:clamp(2.1rem,6vw,3.5rem);margin:2px 0}.stock-title-line p{color:var(--muted)}.detail-yield{background:#eaf3ff;border-radius:18px;padding:18px 24px;display:flex;flex-direction:column;white-space:nowrap}.detail-yield small{color:#527087}.detail-yield strong{font-size:2rem;color:#d15b30}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.detail-metrics div{border:1px solid #d9e6ee;border-radius:15px;padding:17px;display:flex;flex-direction:column}.detail-metrics span{font-size:.78rem;color:var(--muted)}.yutai-bridge{display:inline-block;margin-top:20px;background:#ffede8;color:#b34f3e;padding:12px 16px;border-radius:12px;font-weight:800}.detail-date{font-size:.78rem;color:var(--muted)}.detail-check{padding-bottom:70px}
@media(max-width:760px){.stock-controls{grid-template-columns:1fr}.filter-chips{margin-right:-14px}.stock-row{grid-template-columns:30px 1fr auto;gap:9px}.stock-name{grid-column:2/4}.stock-row dl{grid-column:1/4;grid-template-columns:repeat(3,1fr);background:#f5f8fa;border-radius:10px;padding:9px}.stock-row dt{font-size:.65rem}.stock-row dd{font-size:.8rem}.stock-tags{grid-column:1/3}.stock-more{grid-column:3}.monthly-cards{grid-template-columns:1fr}.stock-title-line{align-items:stretch;flex-direction:column}.detail-yield{align-self:flex-start}.detail-metrics{grid-template-columns:1fr 1fr}.detail-metrics strong{font-size:.9rem}}

.combo-section{padding-block:65px}.combo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.combo-grid a{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}.combo-grid>a>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f5c95d;font-weight:900}.combo-grid div{display:flex;flex-direction:column}.combo-grid small{color:var(--muted)}.deep-analysis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.deep-analysis>div{background:#f2f7fb;border-radius:16px;padding:19px;display:flex;flex-direction:column}.deep-analysis span{font-size:.75rem;color:#527087}.deep-analysis strong{font-size:1.05rem;margin:4px 0}.deep-analysis p{color:var(--muted);margin:2px 0}.deep-analysis a{color:#256aa6;font-weight:800;margin-top:9px}.history-panel{margin-top:14px;border:1px solid #d9e6ee;border-radius:17px;padding:20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.history-panel h2{margin:0}.history-panel small{color:var(--muted)}.history-bars{height:150px;display:flex;align-items:end;gap:10px}.history-bars>span{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end}.history-bars b{width:100%;max-width:38px;height:var(--bar);background:linear-gradient(#77aad4,#3975b8);border-radius:7px 7px 2px 2px}.history-bars i{font-style:normal;font-size:.7rem;font-weight:800}.history-bars small{font-size:.65rem}.card-hero{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;padding-block:48px 65px}.card-hero h1{font-size:clamp(2.7rem,7vw,4.8rem);line-height:1.12;margin:0}.card-hero h1 span{color:#d4584d}.card-hero>div>p{color:var(--muted)}.card-button{background:#d4584d}.card-visual{background:linear-gradient(140deg,#fff0ed,#ffe0da);border-radius:25px;padding:28px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.card-visual>span{font-size:3.4rem;color:#d4584d;font-weight:900}.card-visual b{color:#7e4e49}.card-visual strong{font-size:1.3rem}.card-visual small{color:var(--muted);margin-top:12px}.card-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:65px}.card-rules article{border:1px solid #eadfdc;border-radius:18px;padding:20px}.card-rules span{color:#d4584d;font-weight:900}.card-rules h2{font-size:1.05rem;margin:8px 0 3px}.card-rules p{color:var(--muted);margin:0}.card-compare-section{background:#fff5f2;padding-block:65px}.credit-list{display:grid;gap:12px}.credit-list article{background:#fff;border:1px solid #ecdeda;border-radius:19px;padding:20px}.credit-head{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center}.credit-head>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;font-size:1.2rem;font-weight:900}.credit-head.rakuten>span{background:#bf1741}.credit-head.olive>span{background:#24745f}.credit-head.jcb>span{background:#1969a8}.credit-head.paypay>span{background:#f04b50}.credit-head.dcard>span{background:#d51631}.credit-head small{color:var(--muted)}.credit-head h3{margin:0;font-size:1.15rem}.credit-head>b{color:#d4584d;font-size:1.1rem}.credit-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.credit-list dl div{background:#faf5f3;border-radius:10px;padding:9px;display:flex;flex-direction:column}.credit-list dt{font-size:.7rem;color:var(--muted)}.credit-list dd{margin:0;font-weight:800}.credit-list p{color:var(--muted)}.credit-list a{color:#b74840;font-weight:800}.card-choice{padding-block:65px}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.choice-grid div{border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column}.choice-grid span{color:var(--muted);font-size:.78rem}.card-choice aside{margin-top:20px;background:#eef6f2;border-radius:17px;padding:20px}.card-choice aside p{margin:3px 0;color:var(--muted)}
@media(max-width:760px){.combo-grid{grid-template-columns:1fr}.deep-analysis,.history-panel{grid-template-columns:1fr}.history-bars{height:130px}.card-hero{grid-template-columns:1fr;gap:24px;padding-block:30px 45px}.card-hero h1{font-size:2.7rem}.card-rules{grid-template-columns:1fr;padding-bottom:45px}.credit-head{grid-template-columns:42px 1fr}.credit-head>b{grid-column:2}.credit-list dl{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr 1fr}.choice-grid div:last-child{grid-column:1/-1}}

.point-hero{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:center;padding-block:48px 65px}.point-hero h1{font-size:clamp(2.7rem,7vw,4.6rem);line-height:1.12;margin:0}.point-hero h1 span{color:#c68600}.point-hero>div>p{color:var(--muted)}.point-button{background:#bd7e00}.point-wallet{min-height:220px;background:linear-gradient(145deg,#fff6c9,#ffe58a);border-radius:26px;padding:28px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.point-wallet>span{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#c68600;color:#fff;font-size:1.8rem;font-weight:900}.point-wallet strong{font-size:1.4rem;margin-top:13px}.point-wallet small{color:#765f27}.point-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:65px}.point-basics article{border:1px solid #eadfae;border-radius:18px;padding:20px}.point-basics b{color:#bd7e00}.point-basics h2{font-size:1.05rem;margin:8px 0 3px}.point-basics p{color:var(--muted);margin:0}.point-diagnosis{background:#59440d;color:#fff;padding-block:60px;scroll-margin-top:60px}.point-diagnosis .section-kicker{color:#ffdb73}.point-choices{display:flex;flex-wrap:wrap;gap:9px}.point-choices button{border:1px solid #b29a5d;background:#705818;color:#fff;border-radius:99px;padding:11px 15px;cursor:pointer}.point-choices button[aria-pressed=true]{background:#fff;color:#59440d}.point-answer{background:#fff;color:var(--ink);border-radius:16px;padding:18px;margin-top:16px}.point-answer strong{color:#a16b00}.point-answer p{margin:4px 0}.point-compare{padding-block:65px}.point-list{display:grid;gap:10px}.point-list article{border:1px solid var(--line);border-radius:17px;padding:18px;display:grid;grid-template-columns:48px 1fr;gap:15px}.point-list article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;font-weight:900}.p-rakuten>span{background:#bf1741}.p-v>span{background:#24745f}.p-d>span{background:#d51631}.p-ponta>span{background:#e87a15}.p-paypay>span{background:#f04b50}.point-list h3{margin:0}.point-list p{margin:3px 0;color:var(--muted)}.point-list small{color:#816c32}.point-rules{padding-block:20px 70px}.point-rules ol{list-style:none;padding:0;border-top:1px solid var(--line)}.point-rules li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px 3px;border-bottom:1px solid var(--line)}.point-rules li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff1bd;color:#8b6200;font-weight:900}.point-rules p{margin:2px 0;color:var(--muted)}
@media(max-width:760px){.point-hero{grid-template-columns:1fr;gap:24px;padding-block:30px 45px}.point-hero h1{font-size:2.55rem}.point-basics{grid-template-columns:1fr;padding-bottom:45px}.point-choices{display:grid;grid-template-columns:1fr 1fr}.point-choices button:last-child{grid-column:1/-1}.point-list article{padding:14px}.point-rules{padding-bottom:50px}}

/* Phase 3: brokerage and card-investing comparison */
.start-tools{margin-block:34px 14px;padding:22px 24px;background:linear-gradient(135deg,#eaf6f1,#edf4ff);border:1px solid #d7e9e2;border-radius:20px;display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:center}.start-tools h2{font-size:1.45rem;margin:2px 0}.start-tool-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.start-tool-links a{background:#fff;border:1px solid #d9e7e2;border-radius:14px;padding:14px;display:flex;flex-direction:column}.start-tool-links span{font-size:.75rem;color:var(--muted)}.start-tool-links strong{color:#075c4a}
.compare-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding-block:56px 70px}.compare-hero h1{font-size:clamp(2.7rem,7vw,4.8rem);line-height:1.08;margin:4px 0}.compare-hero h1 span{color:#08745c}.compare-hero>div>p{color:var(--muted);max-width:640px}.trust-card{background:linear-gradient(145deg,#e9f7f1,#fff);border:1px solid #d8e9e1;border-radius:24px;padding:25px;box-shadow:var(--shadow)}.trust-card strong{font-size:1.2rem}.trust-card ol{margin:14px 0;padding-left:22px}.trust-card li{padding:5px 0}.trust-card small{color:var(--muted)}.quick-choice,.broker-details,.condition-cards,.official-links,.link-hub{padding-block:65px}.situation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.situation-grid article{border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff;display:flex;flex-direction:column}.situation-grid b{font-size:.83rem;color:#50635d}.situation-grid p{font-size:.85rem;color:var(--muted);margin:6px 0 12px}.situation-grid strong{margin-top:auto;color:#075c4a}.compare-band{background:#f2f7f5;padding-block:65px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid #dbe6e2;background:#fff}.comparison-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.84rem}.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #e2eae7}.comparison-table thead th{background:#075c4a;color:#fff;position:sticky;top:0}.comparison-table tbody th{color:#075c4a;min-width:145px}.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}.table-note{font-size:.78rem;color:var(--muted);line-height:1.7}.detail-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-card-grid article{border:1px solid var(--line);border-radius:18px;padding:20px}.detail-card-grid h3{margin-top:0}.detail-card-grid p{color:var(--muted);font-size:.9rem}.detail-card-grid a{color:#176ea0;font-weight:800}.broker-diagnosis{padding-block:65px}.broker-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.broker-form fieldset{border:1px solid #437966;border-radius:16px;padding:17px;display:flex;flex-wrap:wrap;gap:8px}.broker-form legend{font-weight:900;padding:0 6px}.broker-form label{border:1px solid #5a8a78;border-radius:99px;padding:8px 11px;font-size:.85rem;cursor:pointer}.diagnose-button{grid-column:1/-1;border:0;border-radius:12px;background:#f4c453;color:#20352d;padding:14px;font-weight:900;font-size:1rem;cursor:pointer}.broker-result{grid-column:1/-1;background:#fff;color:var(--ink);border-radius:17px;padding:20px}.broker-result small{color:var(--muted)}.broker-result h3{color:#075c4a;font-size:1.6rem;margin:4px 0}.broker-result p{margin:5px 0}.broker-result em{font-size:.76rem;color:var(--muted)}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hub-grid a{border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column}.hub-grid small{color:var(--muted);margin-top:3px}.source-box{margin-block:10px 65px;background:#fff8df;border-radius:17px;padding:20px}.source-box h2{font-size:1rem;margin-top:0}.source-box p{font-size:.8rem;color:#6d674d;margin-bottom:0}.card-invest-hero h1 span{color:#d4584d}.card-table{min-width:1120px}.condition-cards{padding-bottom:50px}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.three-cards article{border:1px solid var(--line);border-radius:18px;padding:20px}.three-cards span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffe4dc;color:#a6423b;font-weight:900}.three-cards h3{margin:10px 0 4px}.three-cards p{color:var(--muted);margin:0}.sim-band{background:#123f5c;color:#fff;padding-block:65px}.sim-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.sim-layout h2{font-size:2rem;margin:4px 0}.sim-layout>div>p,.sim-layout>div>small{color:#c4d8e3}.sim-label{display:flex;flex-direction:column;gap:8px;margin-top:18px;font-weight:800}.sim-label>span{font-size:1.1rem}.sim-label input[type=range]{width:100%;accent-color:#f4c453}.sim-label input[type=number]{width:95px;padding:9px;border:0;border-radius:8px;font-size:1rem}.sim-result{background:#fff;color:var(--ink);border-radius:22px;padding:24px}.sim-result>div{display:flex;flex-direction:column;padding:13px 0;border-bottom:1px solid var(--line)}.sim-result small{color:var(--muted)}.sim-result strong{font-size:1.8rem;color:#075c4a}.sim-result p{font-size:.76rem;color:var(--muted)}.official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.official-grid a{border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column}.official-grid span{color:#176ea0;font-size:.82rem;margin-top:5px}
@media(max-width:760px){.start-tools{grid-template-columns:1fr;padding:18px;margin-inline:14px}.start-tool-links{grid-template-columns:1fr}.compare-hero{grid-template-columns:1fr;gap:22px;padding-block:32px 48px}.compare-hero h1{font-size:2.65rem}.trust-card{padding:20px}.quick-choice,.broker-details,.condition-cards,.official-links,.link-hub,.compare-band{padding-block:48px}.situation-grid{grid-template-columns:1fr 1fr}.detail-card-grid{grid-template-columns:1fr}.broker-form{grid-template-columns:1fr}.broker-form fieldset{grid-column:1;display:grid}.diagnose-button,.broker-result{grid-column:1}.hub-grid,.official-grid{grid-template-columns:1fr 1fr}.three-cards,.sim-layout{grid-template-columns:1fr}.comparison-table{font-size:.78rem}.comparison-table th,.comparison-table td{padding:11px}.sim-result strong{font-size:1.45rem}}
@media(max-width:430px){.situation-grid,.hub-grid,.official-grid{grid-template-columns:1fr}}

/* Phase 4: net banks and ecosystems */
.start-tool-links.three{grid-template-columns:repeat(3,1fr)}.bank-hero h1 span{color:#176ea0}.bank-table{min-width:1280px}.bank-table small{font-weight:500;color:#60736d}.bank-situations strong{color:#176ea0}.economy-section{padding-block:65px}.economy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.economy-grid article{border:1px solid var(--line);border-radius:19px;padding:20px;background:#fff}.economy-grid h3{margin-top:0}.economy-grid p{font-size:.86rem;color:var(--muted);margin-bottom:0}.economy-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.economy-flow b{background:#eef5fb;color:#174f73;border-radius:10px;padding:8px 10px;font-size:.82rem}.economy-flow span{color:#8a6e21;font-size:.68rem;font-weight:900}.economy-flow span:before{content:'→ ';color:#b98b13}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.preset-buttons button{border:1px solid #6d93aa;background:#1c526f;color:#fff;border-radius:99px;padding:9px 13px;cursor:pointer}.bank-sim select{border:0;border-radius:8px;padding:9px;font-size:1rem}.bank-sim .sim-label{margin-top:13px}.bank-sim .sim-result>div:last-of-type{border-bottom:0}
@media(max-width:760px){.start-tool-links.three{grid-template-columns:1fr}.economy-section{padding-block:48px}.economy-grid{grid-template-columns:1fr}.economy-flow{align-items:stretch;flex-direction:column}.economy-flow span:before{content:'↓ ';}.bank-table{font-size:.78rem}.bank-sim .sim-layout{gap:28px}.bank-sim input[type=number]{max-width:150px}}

/* Phase 5: annual savings and update hub */
.repeat-tools{margin-block:42px 14px}.repeat-tools>div:first-child{margin-bottom:14px}.repeat-tools h2{margin:2px 0}.repeat-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.repeat-grid a{border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;flex-direction:column;background:#fff}.repeat-grid a.featured{background:linear-gradient(135deg,#075c4a,#147a61);color:#fff;border:0}.repeat-grid span{font-size:.75rem;color:var(--muted)}.repeat-grid .featured span,.repeat-grid .featured small{color:#c9e7dc}.repeat-grid strong{margin:4px 0}.repeat-grid small{color:var(--muted)}.annual-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;padding-block:48px}.annual-hero h1{font-size:clamp(2.6rem,7vw,4.7rem);line-height:1.08;margin:4px 0}.annual-hero h1 span{color:#08745c}.annual-hero p{color:var(--muted)}.annual-total-card{background:#075c4a;color:#fff;border-radius:24px;padding:27px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.annual-total-card small,.annual-total-card span{color:#c9e7dc}.annual-total-card strong{font-size:clamp(2rem,4vw,3rem);margin:8px 0}.annual-workspace{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start;padding-bottom:70px}.annual-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.annual-form fieldset{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.annual-form legend{font-weight:900;padding:0 5px}.annual-form legend span{font-size:.7rem;background:#e9f5f0;color:#075c4a;border-radius:99px;padding:4px 7px;margin-right:6px}.annual-form label{display:grid;grid-template-columns:1fr 125px auto;gap:6px;align-items:center;margin-top:10px;font-size:.85rem;color:#53665f}.annual-form input,.annual-form select{width:100%;box-sizing:border-box;border:1px solid #cfded8;border-radius:9px;padding:10px;font:inherit}.annual-form b{font-size:.75rem}.annual-form small{display:block;color:var(--muted);font-size:.72rem;margin-top:9px}.annual-results{position:sticky;top:75px;background:#123f5c;color:#fff;border-radius:22px;padding:22px}.result-title{display:flex;flex-direction:column;border-bottom:1px solid #507187;padding-bottom:14px}.result-title small{color:#bdd1dc}.result-title strong{font-size:1.8rem;color:#ffe08a}.annual-results dl{margin:8px 0}.annual-results dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #355b72}.annual-results dt{color:#c7d8e1}.annual-results dd{margin:0;font-weight:900}.annual-results p{font-size:.73rem;color:#bdd1dc}.improve-band{background:#eef6f2;padding-block:60px}.improve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.improve-grid a{background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column}.improve-grid small{color:var(--muted);margin-top:5px}.gentle-note{color:var(--muted);font-size:.82rem;margin-top:18px}.updates-hero{padding-block:50px 24px}.updates-hero h1{font-size:clamp(2.5rem,7vw,4.6rem);margin:3px 0}.updates-hero p{color:var(--muted);max-width:720px}.updates-section{padding-bottom:65px}.updates-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.updates-list article{border:1px solid var(--line);border-radius:18px;padding:19px}.updates-list article>div{display:flex;justify-content:space-between;gap:12px}.updates-list span{background:#e9f5f0;color:#075c4a;border-radius:99px;padding:4px 8px;font-size:.72rem;font-weight:900}.updates-list time{color:var(--muted);font-size:.75rem}.updates-list h2{font-size:1.08rem}.updates-list p{color:var(--muted);font-size:.88rem}.updates-list a{color:#176ea0;font-weight:800}.calendar-band{background:#123f5c;color:#fff;padding-block:60px}.calendar-band .section-kicker{color:#8fc9f4}.calendar-band .section-heading>p:last-child{color:#c4d8e3}.calendar-list{display:grid;gap:10px}.calendar-list>a{background:#fff;color:var(--ink);border-radius:16px;padding:13px;display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center}.calendar-list time{display:flex;flex-direction:column;align-items:center;background:#eaf3f8;border-radius:11px;padding:6px}.calendar-list time b{font-size:1.3rem;color:#176ea0}.calendar-list time small,.calendar-list div span{font-size:.7rem;color:var(--muted)}.calendar-list div{display:flex;flex-direction:column}
@media(max-width:760px){.repeat-grid{grid-template-columns:1fr}.annual-hero{grid-template-columns:1fr;gap:18px;padding-block:32px}.annual-workspace{grid-template-columns:1fr;padding-bottom:50px}.annual-form{grid-template-columns:1fr}.annual-results{position:static}.improve-grid{grid-template-columns:1fr 1fr}.updates-list{grid-template-columns:1fr}}@media(max-width:430px){.annual-form label{grid-template-columns:1fr 105px auto}.improve-grid{grid-template-columns:1fr}}

/* Phase 6: beginner roadmap and progress checklist */
.roadmap-entry{margin-block:34px 50px;padding:25px;background:linear-gradient(135deg,#fff6d9,#e9f7f1);border:1px solid #e6dfbd;border-radius:22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px 28px;align-items:center}.roadmap-entry h2{margin:3px 0;font-size:1.55rem}.roadmap-entry p{color:var(--muted);margin:5px 0}.roadmap-entry-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roadmap-entry-links a{min-height:76px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;flex-direction:column;justify-content:center}.roadmap-entry-links a.primary{background:#075c4a;color:#fff;border-color:#075c4a}.roadmap-entry-links small{color:var(--muted);margin-top:3px}.roadmap-entry-links .primary small{color:#c9e7dc}.role-note{grid-column:1/-1;font-size:.78rem;border-top:1px solid rgba(7,92,74,.13);padding-top:12px}.checklist-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding-block:50px}.checklist-hero h1{font-size:clamp(2.55rem,7vw,4.7rem);line-height:1.08;margin:4px 0}.checklist-hero h1 span{color:#08745c}.checklist-hero>div>p{color:var(--muted);max-width:650px}.check-overview{background:#123f5c;color:#fff;border-radius:24px;padding:25px;box-shadow:var(--shadow)}.check-overview small,.check-overview p{color:#c4d8e3}.check-overview strong{display:block;font-size:1.8rem;margin:7px 0}.progress-track{height:11px;background:#355b72;border-radius:99px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:#f4c453;border-radius:inherit;transition:width .25s}.progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-bottom:25px}.progress-summary>div{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:7px;background:#fff}.progress-summary span{font-weight:800}.progress-summary strong{color:#075c4a}.progress-summary i{grid-column:1/-1;height:6px;background:#e1ece7;border-radius:99px;overflow:hidden}.progress-summary b{display:block;width:0;height:100%;background:#1c8a6e;transition:width .25s}.checklist-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:24px;align-items:start;padding-block:35px 70px}.checklist-layout .section-heading>p:last-child{color:var(--muted)}.check-group{border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:13px;overflow:hidden}.check-group>header{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#eef6f2;padding:15px 18px}.check-group header span{font-weight:900;color:#075c4a}.check-group header p{font-size:.76rem;color:var(--muted);margin:2px 0}.check-group header>strong{white-space:nowrap;font-size:.8rem}.check-items{padding:5px 15px}.check-item{display:grid;grid-template-columns:26px 24px 1fr;align-items:start;gap:3px;padding:14px 3px;border-bottom:1px solid #edf2f0;cursor:pointer}.check-item:last-child{border-bottom:0}.check-item input{width:24px;height:24px;opacity:0;position:absolute}.custom-check{width:22px;height:22px;border:2px solid #8ba59b;border-radius:7px;display:grid;place-items:center}.check-item input:focus-visible+.custom-check{outline:3px solid #f4c453;outline-offset:2px}.check-item input:checked+.custom-check{background:#08705a;border-color:#08705a}.check-item input:checked+.custom-check:after{content:'✓';color:#fff;font-weight:900}.check-item>span:last-child{grid-column:3}.check-item strong{font-size:.92rem}.check-item small{display:block;color:#8a6e21;font-size:.7rem;margin-top:3px}.storage-note{margin-top:15px;background:#fff8df;border-radius:16px;padding:17px}.storage-note p{font-size:.77rem;color:#6d674d}.storage-note button{border:1px solid #a8b9b3;background:#fff;border-radius:10px;min-height:44px;padding:9px 13px;color:#4e625b;cursor:pointer}.next-panel{position:sticky;top:74px;background:#123f5c;color:#fff;border-radius:21px;padding:21px}.next-panel .section-kicker{color:#8fc9f4}.next-panel h2{margin:4px 0}.next-panel>p{color:#c4d8e3;font-size:.82rem}.next-actions{display:grid;gap:9px;margin-top:16px}.next-actions>a{background:#fff;color:var(--ink);border-radius:14px;padding:13px;display:grid;grid-template-columns:29px 1fr 10px;gap:9px;align-items:center}.next-actions>a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f4ee;color:#075c4a;font-weight:900}.next-actions strong,.next-actions small{display:block}.next-actions small{color:var(--muted);font-size:.72rem;margin-top:3px}.next-actions b{font-size:1.4rem}.annual-loop{display:flex;justify-content:space-between;align-items:center;margin-top:14px;border:1px solid #6f91a5;border-radius:12px;padding:12px;color:#fff;font-size:.86rem}.all-checked{background:#fff;color:var(--ink);border-radius:14px;padding:16px}.all-checked p{color:var(--muted);font-size:.8rem}.all-checked a{color:#176ea0;font-weight:900}.roadmap-band{background:#eef6f2;padding-block:65px;scroll-margin-top:65px}.roadmap-steps{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roadmap-steps li{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;gap:12px}.roadmap-steps li>span{color:#075c4a;font-size:.72rem;font-weight:900;white-space:nowrap}.roadmap-steps strong{display:block}.roadmap-steps p{font-size:.78rem;color:var(--muted);margin:5px 0}.checklist-hub{padding-block:65px}.checklist-back-link{display:inline-flex;margin-top:17px;background:#075c4a;color:#fff;border-radius:12px;padding:12px 16px;font-weight:900}
@media(max-width:760px){.roadmap-entry{grid-template-columns:1fr;margin-inline:14px;padding:19px}.roadmap-entry-links{grid-template-columns:1fr}.role-note{grid-column:1}.checklist-hero{grid-template-columns:1fr;gap:20px;padding-block:32px}.check-overview strong{font-size:1.45rem}.progress-summary{grid-template-columns:1fr 1fr}.checklist-layout{grid-template-columns:1fr;padding-block:24px 50px}.next-panel{position:static;grid-row:1}.check-group>header{align-items:flex-start}.check-item{padding-block:15px}.roadmap-steps{grid-template-columns:1fr}.roadmap-band,.checklist-hub{padding-block:48px}}
@media(max-width:430px){.progress-summary{grid-template-columns:1fr}.check-group>header{flex-direction:column;gap:5px}.check-group header>strong{align-self:flex-start}}
.check-group .check-item{grid-template-columns:24px 1fr;gap:9px;border:0;border-bottom:1px solid #edf2f0;background:#fff;color:var(--ink);border-radius:0;text-align:left}.check-group .check-item:last-child{border-bottom:0}.check-group .check-item>span:last-child{grid-column:2}

/* Phase 7: dashboard and home information hierarchy */
.recommended-section .section-heading>p:last-child{color:var(--muted);font-size:.82rem}.recommended-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recommended-list a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.recommended-list>a>span{background:#e9f5f0;color:#075c4a;border-radius:99px;padding:6px 9px;font-size:.72rem;font-weight:900}.recommended-list strong,.recommended-list small{display:block}.recommended-list small{color:var(--muted);margin-top:3px}.recommended-list>a>b{font-size:1.4rem}.latest-link{border-color:#b9d9cc!important;background:#f0faf6}.dashboard-tools{grid-template-columns:1.25fr 1.25fr 1fr 1fr}.repeat-grid .dashboard-link{background:#123f5c;color:#fff;border-color:#123f5c}.repeat-grid .dashboard-link span,.repeat-grid .dashboard-link small{color:#c4d8e3}.dashboard-head{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;padding-block:46px 34px}.dashboard-head h1{font-size:clamp(2.55rem,7vw,4.7rem);line-height:1.08;margin:4px 0}.dashboard-head h1 span{color:#08745c}.dashboard-head>div>p{color:var(--muted);max-width:650px}.dashboard-total{background:linear-gradient(145deg,#123f5c,#075c4a);color:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.dashboard-total small,.dashboard-total span{color:#c9dce8}.dashboard-total strong{font-size:clamp(1.8rem,4vw,2.7rem);margin:8px 0}.dashboard-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:20px;align-items:start;padding-block:25px 70px}.dashboard-form{display:grid;gap:12px}.dashboard-form details{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.dashboard-form summary{cursor:pointer;padding:16px 18px;font-weight:900;list-style:none;background:#eef6f2}.dashboard-form summary::-webkit-details-marker{display:none}.dashboard-form summary span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#075c4a;color:#fff;margin-right:8px}.dashboard-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.dashboard-fields label{display:grid;grid-template-columns:1fr 125px auto;gap:7px;align-items:center;color:#53665f;font-size:.88rem}.dashboard-fields input,.dashboard-fields select{width:100%;box-sizing:border-box;border:1px solid #c9dad3;border-radius:9px;padding:11px;font:inherit;background:#fff}.dashboard-fields b{font-size:.76rem}.dashboard-save{background:#fff8df;border-radius:16px;padding:17px}.dashboard-save label{font-weight:900}.dashboard-save input{width:20px;height:20px;vertical-align:middle}.dashboard-save p{font-size:.76rem;color:#6d674d}.dashboard-save button{min-height:44px;border:1px solid #a8b9b3;background:#fff;border-radius:10px;padding:9px 13px;cursor:pointer}.dashboard-results{display:grid;gap:12px;position:sticky;top:74px}.allocation-card,.income-card,.dashboard-recommendations{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.allocation-card h2,.income-card h2,.dashboard-recommendations h2{margin:3px 0 12px}.allocation-card>p,.income-card>p:last-child{color:var(--muted);font-size:.76rem}.allocation-visual{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center}.allocation-donut{width:160px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.allocation-donut:after{content:'';position:absolute;inset:25px;background:#fff;border-radius:50%}.allocation-donut strong,.allocation-donut small{position:relative;z-index:1;text-align:center}.allocation-donut strong{font-size:.86rem;max-width:105px}.allocation-donut small{color:var(--muted);font-size:.68rem}.allocation-visual ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.allocation-visual li{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:.78rem}.allocation-visual li i{width:10px;height:10px;border-radius:50%}.income-card dl{margin:0}.income-card dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem}.income-card dd{margin:0;font-weight:900}.dashboard-recommendations>div{display:grid;gap:8px}.dashboard-recommendations a{display:grid;grid-template-columns:27px 1fr 10px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px}.dashboard-recommendations a>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f5f0;color:#075c4a;font-weight:900}.dashboard-recommendations strong,.dashboard-recommendations small{display:block}.dashboard-recommendations small{font-size:.7rem;color:var(--muted);margin-top:2px}.dashboard-path,.dashboard-next{background:#123f5c;color:#fff;padding-block:30px}.dashboard-path>.wrap,.dashboard-next>.wrap{display:flex;justify-content:space-between;gap:22px;align-items:center}.dashboard-path p,.dashboard-next p{color:#c4d8e3;margin:4px 0}.dashboard-path a,.dashboard-next a{background:#f4c453;color:#20352d;border-radius:12px;padding:13px 17px;font-weight:900;white-space:nowrap}.dashboard-next{margin-top:0}.dashboard-next h2{margin:3px 0}.dashboard-next .section-kicker{color:#8fc9f4}
@media(max-width:900px){.dashboard-tools{grid-template-columns:1fr 1fr}.dashboard-shell{grid-template-columns:1fr}.dashboard-results{position:static}}
@media(max-width:760px){.recommended-list{grid-template-columns:1fr}.dashboard-head{grid-template-columns:1fr;gap:18px;padding-block:31px 20px}.dashboard-shell{grid-template-columns:1fr;padding-block:18px 48px}.dashboard-fields{grid-template-columns:1fr}.dashboard-results{grid-row:1}.dashboard-path>.wrap,.dashboard-next>.wrap{align-items:flex-start;flex-direction:column}.dashboard-path a,.dashboard-next a{white-space:normal;width:100%;box-sizing:border-box}.allocation-visual{grid-template-columns:140px 1fr}.allocation-donut{width:140px}.dashboard-next{margin-top:0}}
@media(max-width:430px){.dashboard-tools{grid-template-columns:1fr}.dashboard-fields label{grid-template-columns:1fr 105px auto}.allocation-visual{grid-template-columns:1fr}.allocation-donut{margin:auto}.dashboard-total strong{font-size:1.7rem}}
.improve-next-links{display:flex;flex-wrap:wrap;gap:9px}.checklist-back-link.secondary{background:#123f5c}

/* Phase 8: personal dividend and benefit calendar */
.portfolio-head{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;padding-block:46px 34px}.portfolio-head h1{font-size:clamp(2.55rem,7vw,4.65rem);line-height:1.08;margin:4px 0}.portfolio-head h1 span{color:#08745c}.portfolio-head>div>p{color:var(--muted);max-width:650px}.portfolio-totals{display:grid;gap:8px;background:linear-gradient(145deg,#123f5c,#075c4a);color:#fff;border-radius:24px;padding:23px;box-shadow:var(--shadow)}.portfolio-totals div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.portfolio-totals div:last-child{border:0;padding:0}.portfolio-totals span{color:#c9dce8}.portfolio-totals strong{font-size:1.25rem}.portfolio-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:20px;align-items:start;padding-block:24px 64px}.holding-form,.holding-panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px}.form-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-title h2,.holding-panel h2{margin:0}.form-title button,.holding-actions button,.backup-actions button{min-height:44px;border:1px solid #aac0b7;border-radius:10px;background:#fff;color:#496259;padding:9px 13px;cursor:pointer}.holding-form fieldset{border:0;border-top:1px solid var(--line);margin:18px 0 0;padding:17px 0 0}.holding-form legend{font-weight:900;padding-right:8px}.holding-form label{display:grid;gap:5px;color:#53665f;font-size:.86rem;margin-top:11px}.holding-form input,.holding-form select,.holding-panel input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #c9dad3;border-radius:10px;padding:10px;font:inherit;background:#fff}.holding-form small{color:var(--muted)}.etf-shortcuts,.backup-actions,.portfolio-actions{display:flex;flex-wrap:wrap;gap:8px}.etf-shortcuts button{min-height:42px;border:1px solid #8fb9a9;border-radius:99px;background:#eef8f4;color:#075c4a;padding:8px 14px;font-weight:900;cursor:pointer}.month-checks{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:9px}.month-checks label{margin:0;display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;border:1px solid #d1dfda;border-radius:9px;cursor:pointer}.month-checks input{width:18px;min-height:18px}.benefit-fields{margin-top:12px;padding:13px;background:#f4f8f6;border-radius:13px}.switch-label{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px!important;font-weight:900}.switch-label input{width:22px;min-height:22px}.holding-submit{width:100%;min-height:48px;margin-top:17px;border:0;border-radius:12px;background:#075c4a;color:#fff;font-weight:900;cursor:pointer}.form-message{min-height:1.5em;color:#075c4a;font-size:.82rem;font-weight:800}.holding-panel-head{display:grid;grid-template-columns:1fr minmax(150px,.55fr);gap:12px;align-items:center}.holding-list{display:grid;gap:10px;margin-top:14px;max-height:820px;overflow:auto}.holding-card{border:1px solid var(--line);border-radius:15px;padding:14px}.holding-card summary{cursor:pointer;font-weight:900}.holding-card summary small{display:block;color:var(--muted);font-weight:500}.holding-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.holding-card dl div{background:#f4f8f6;border-radius:9px;padding:8px}.holding-card dt{color:var(--muted);font-size:.7rem}.holding-card dd{margin:0;font-weight:800;font-size:.84rem}.holding-links,.holding-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.holding-links a{color:#176ea0;font-size:.82rem;font-weight:900}.holding-actions .danger,.backup-actions .danger{color:#a13f36;border-color:#d7aaa5}.portfolio-empty{text-align:center;color:var(--muted);padding:32px 12px}.portfolio-summary-band{background:#123f5c;color:#fff;padding-block:48px}.portfolio-summary-band p{color:#c4d8e3}.portfolio-actions a{display:inline-flex;align-items:center;min-height:46px;background:#f4c453;color:#20352d;border-radius:12px;padding:11px 15px;font-weight:900}.my-calendar{padding-block:62px}.portfolio-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.calendar-month{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff;min-height:145px}.calendar-month h3{margin:0 0 9px;color:#075c4a}.calendar-event{border-left:4px solid #4f91b7;background:#edf6fb;border-radius:7px;padding:7px 9px;margin-top:6px;font-size:.78rem}.calendar-event.record{border-color:#dc9b29;background:#fff7e6}.calendar-event.arrival{border-color:#8d69b8;background:#f6f0fb}.calendar-event strong,.calendar-event small{display:block}.calendar-event small{color:var(--muted)}.portfolio-backup{padding-block:55px;background:#eef6f2}.portfolio-backup article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px}.portfolio-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.portfolio-links a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column}.portfolio-links small{color:var(--muted)}.portfolio-link{color:#176ea0;font-weight:900}.dashboard-tools{grid-template-columns:1.15fr 1.15fr 1.15fr .85fr .85fr}
@media(max-width:1100px){.dashboard-tools{grid-template-columns:repeat(3,1fr)}.portfolio-calendar{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.portfolio-head{grid-template-columns:1fr;gap:18px;padding-block:31px 20px}.portfolio-workspace{grid-template-columns:1fr;padding-block:18px 48px}.holding-panel{grid-row:1}.holding-panel-head{grid-template-columns:1fr}.month-checks{grid-template-columns:repeat(4,1fr)}.portfolio-calendar{grid-template-columns:1fr}.calendar-month{min-height:auto}.portfolio-links{grid-template-columns:1fr}.portfolio-summary-band,.my-calendar,.portfolio-backup{padding-block:46px}}
@media(max-width:430px){.dashboard-tools{grid-template-columns:1fr}.month-checks{grid-template-columns:repeat(3,1fr)}.holding-card dl{grid-template-columns:1fr}.portfolio-actions a{width:100%;justify-content:center}}
.portfolio-totals article{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.portfolio-totals article:last-child{border:0;padding:0}.portfolio-totals small{color:#c9dce8}.holding-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.holding-buttons button{min-height:44px;border:1px solid #aac0b7;border-radius:10px;background:#fff;color:#496259;padding:9px 13px;cursor:pointer}.holding-buttons .danger{color:#a13f36;border-color:#d7aaa5}.portfolio-actions button{min-height:46px;border:0;background:#f4c453;color:#20352d;border-radius:12px;padding:11px 15px;font-weight:900;cursor:pointer}.portfolio-calendar>article{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff;min-height:145px}.portfolio-calendar>article header{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.portfolio-calendar>article header strong{color:#075c4a}.portfolio-calendar>article header span{color:var(--muted);font-size:.73rem}.portfolio-calendar p[class^=event-]{border-left:4px solid #4f91b7;background:#edf6fb;border-radius:7px;padding:7px 9px;margin:7px 0 0;font-size:.78rem}.portfolio-calendar .event-record{border-color:#dc9b29!important;background:#fff7e6!important}.portfolio-calendar .event-arrival{border-color:#8d69b8!important;background:#f6f0fb!important}.portfolio-calendar p b,.portfolio-calendar p span{display:block}.portfolio-calendar p span,.portfolio-calendar .no-events{color:var(--muted)}.portfolio-calendar .no-events{font-size:.78rem}.portfolio-backup{margin-block:20px 55px}.portfolio-backup>div:first-child{background:#eef6f2;border-radius:18px;padding:19px}.backup-actions{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:10px;align-items:center}.backup-actions label{min-height:44px;border:1px solid #aac0b7;border-radius:10px;background:#fff;color:#496259;padding:9px 13px;cursor:pointer}.backup-actions input{display:block;max-width:250px;font-size:.75rem;margin-top:5px}
.site-trust-note{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:4px}.site-trust-note strong{font-size:.82rem}.site-trust-note span{max-width:850px;color:#b9d4cc;font-size:.75rem;line-height:1.7}.breadcrumb[aria-label="パンくず"]{font-size:.78rem;overflow-wrap:anywhere}
.legal-page{max-width:820px;padding:42px 20px 64px}.legal-page h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2}.legal-page h2{margin:2rem 0 .55rem;font-size:1.25rem}.legal-page p{line-height:1.85}.legal-lead{font-size:1.08rem}.legal-date{margin-top:2rem;color:var(--muted)}.contact-card{margin:1.5rem 0;padding:1.25rem;border:1px solid #cfe5dc;border-radius:18px;background:#f7fcfa}.primary-link{display:inline-block;padding:.75rem 1rem;border-radius:12px;background:#e9f7f2;color:#075c4a;font-weight:700}.footer-policy-nav{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:1rem}.footer-policy-nav a{color:inherit;text-decoration:underline;text-underline-offset:3px}.pr-label{display:inline-block;margin-right:.45rem;padding:.15rem .4rem;border-radius:5px;background:#fff1c7;color:#694700;font-size:.72rem;font-weight:800}
.roadmap-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;padding-block:48px 30px}.roadmap-hero h1{font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.08;margin:5px 0}.roadmap-hero h1 span{color:#08745c}.roadmap-hero>div>p{color:var(--muted)}.location-card{background:linear-gradient(145deg,#123f5c,#075c4a);color:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.location-card>small,.location-card>p{color:#cbe0dc}.location-card>strong{display:block;font-size:clamp(1.8rem,5vw,2.6rem);margin:5px 0 14px}.location-card .progress-track{background:rgba(255,255,255,.2)}.location-card .progress-track i{background:#f4c453}.start-question{display:grid;grid-template-columns:1fr minmax(240px,.55fr);gap:14px 26px;align-items:center;margin-bottom:18px;padding:22px;border:1px solid #cfe2da;border-radius:20px;background:#f3faf7}.start-question h2{margin:3px 0}.start-question p{margin:4px 0;color:var(--muted)}.start-question select{min-height:48px;border:1px solid #adc8bd;border-radius:11px;background:#fff;padding:10px;font:inherit}.start-question>#experience-guide{grid-column:2;font-weight:800;color:#075c4a}.roadmap-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:15px 28px}.roadmap-toolbar div{display:flex;flex-direction:column}.roadmap-toolbar span{color:var(--muted);font-size:.82rem}.roadmap-toolbar button{min-height:44px;border:1px solid #aabdb5;border-radius:10px;background:#fff;padding:9px 13px}.roadmap-main{background:#eef6f2;padding-block:54px}.roadmap-intro{display:flex;justify-content:space-between;gap:18px;align-items:end}.roadmap-intro h2{margin:3px 0}.roadmap-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem}.roadmap-legend span{background:#fff;border-radius:99px;padding:7px 10px}.roadmap-legend .next-mark{background:#fff2c9;font-weight:900}.roadmap-step-list{display:grid;gap:12px;margin-top:24px}.roadmap-step-card{background:#fff;border:1px solid #cadfd6;border-radius:18px;overflow:hidden}.roadmap-step-card.is-next{border:2px solid #e2a91e}.roadmap-step-card.is-done{border-color:#74b69f}.step-summary{width:100%;display:grid;grid-template-columns:30px 1fr auto 22px;gap:10px;align-items:center;min-height:76px;padding:14px 17px;border:0;background:#fff;text-align:left;color:var(--ink)}.is-next .step-summary{background:#fffaf0}.is-done .step-summary{background:#f2fbf7}.step-summary small,.step-summary strong{display:block}.step-summary small{color:#687a73;font-size:.72rem}.step-summary strong{font-size:1.04rem}.step-summary em{font-style:normal;background:#f4c453;border-radius:99px;padding:6px 9px;font-size:.72rem;font-weight:900}.step-detail{padding:0 18px 20px 58px;border-top:1px solid #e8efec}.why-box{margin-top:16px;padding:13px 15px;border-radius:13px;background:#eef6f2}.why-box p,.plain-help{margin:5px 0;line-height:1.7}.plain-help{color:var(--muted)}.step-checks h3{font-size:.88rem;margin:19px 0 5px}.step-checks label{display:grid;grid-template-columns:26px 24px 1fr;gap:4px;align-items:start;padding:12px 3px;border-bottom:1px solid #edf2f0}.step-checks input{position:absolute;opacity:0}.step-checks input:checked+.custom-check{background:#08705a;border-color:#08705a}.step-checks input:checked+.custom-check:after{content:'✓';color:#fff;font-weight:900}.step-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.step-links a{display:inline-flex;min-height:44px;align-items:center;border-radius:11px;background:#075c4a;color:#fff;padding:9px 13px;font-weight:800}.basic-clear{padding:17px;border-radius:13px;background:#fff7dd}.roadmap-finish{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding-block:55px}.roadmap-finish>div:last-child{display:grid;gap:9px}.roadmap-finish a{padding:12px 15px;border-radius:11px;background:#075c4a;color:#fff;font-weight:900}.roadmap-storage{margin-block:0 55px}.roadmap-return{margin-top:16px}.roadmap-return a{color:#fff;text-decoration:underline}
.experience-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;border:0;border-radius:10px;background:#075c4a;color:#fff;padding:9px 13px;font:inherit;font-weight:900;cursor:pointer}.search-empty{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.search-empty p{width:100%;margin-bottom:4px}.search-empty a{display:inline-flex;align-items:center;min-height:42px;padding:8px 11px;border:1px solid #bfd5cc;border-radius:10px;background:#fff;color:#075c4a;font-weight:800}
@media(max-width:760px){.roadmap-hero{grid-template-columns:1fr;gap:18px;padding-block:30px 20px}.start-question{grid-template-columns:1fr;margin-inline:14px}.start-question>#experience-guide{grid-column:1}.roadmap-toolbar{align-items:flex-start;flex-direction:column;padding-inline:18px}.roadmap-toolbar button{width:100%}.roadmap-main{padding-block:42px}.roadmap-intro{align-items:flex-start;flex-direction:column}.step-summary{grid-template-columns:28px 1fr 20px}.step-summary em{grid-column:2}.step-summary b{grid-column:3;grid-row:1}.step-detail{padding:0 14px 17px}.step-checks label{min-height:48px}.roadmap-finish{grid-template-columns:1fr;padding-block:43px}.roadmap-finish>div:last-child{width:100%}.roadmap-finish a{text-align:center}}
.roadmap-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.roadmap-badges span{padding:.35rem .65rem;border-radius:999px;background:#eef8f1;color:#17663a;font-size:.82rem;font-weight:700}.next-focus{margin-top:1rem;padding:1rem;border-radius:16px;background:#fff8df;border:1px solid #d2ac35;color:#20352d}.next-focus small,.next-focus b,.next-focus p{display:block;color:#20352d}.next-focus small{font-weight:800}.next-focus b{margin:.3rem 0;font-size:1.05rem;line-height:1.55}.next-focus p{margin:.25rem 0 .75rem;font-size:.9rem;line-height:1.65}.next-focus button,.resume-button{width:100%;min-height:44px;border:0;border-radius:12px;font-weight:700;cursor:pointer}.next-focus button{background:#17663a;color:#fff}.resume-button{margin-top:.65rem;background:#eef3ef;color:#174d31}.done-guide{margin:.65rem 0;padding:.7rem .8rem;border-left:4px solid #65a77d;background:#f5faf6;color:#315b40;font-size:.9rem}.roadmap-toolbar strong{font-variant-numeric:tabular-nums}
.step-checks label,.check-item{grid-template-columns:26px minmax(0,1fr)}.step-checks label>span:last-child,.check-item>span:last-child{grid-column:auto;min-width:0;max-width:100%;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:break-word;line-height:1.65}.custom-check,.check-box{width:22px;min-width:22px;height:22px}
@media(max-width:430px){.next-focus{padding:.85rem}.next-focus b{font-size:1rem}.step-checks label{grid-template-columns:24px minmax(0,1fr);column-gap:8px;padding-block:13px}.step-checks label>span:last-child{font-size:1rem}}
/* Mobile readability: keep the existing dark sections while enforcing high-contrast text. */
.broker-diagnosis{color:#fff}
.broker-diagnosis .section-heading h2{color:#fff}
.broker-diagnosis .section-heading>p{color:#e6f6f0}
.broker-diagnosis .section-kicker{color:#bdebdc}
.broker-diagnosis .section-heading>.section-kicker-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 10px;border:1px solid #9bcdbf;border-radius:999px;background:#fff;color:#075c4a;letter-spacing:.06em}
.broker-diagnosis .broker-form fieldset{border-color:#86b9a8}
.broker-diagnosis .broker-form legend{color:#fff}
.broker-diagnosis .broker-form label{color:#fff;border-color:#97c8b7;background:rgba(255,255,255,.08)}
.broker-diagnosis .broker-form label:has(input:checked){color:#075c4a;background:#fff;border-color:#fff}
.broker-diagnosis .broker-form input[type=radio]{accent-color:#f4c453}
.broker-diagnosis .broker-result{color:var(--ink)}

.check-band,.check-band .check-copy h2,.check-band .check-item,.check-band .check-item strong{color:#fff}
.check-band .check-copy .section-kicker,.check-band .check-score strong{color:#c7e9ff}
.check-band .check-copy p,.check-band .check-score span{color:#e7f3fa}
.check-band .check-item{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.1)}
.check-band .check-box{border-color:#c7e9ff}
.check-band .check-item small{color:#d8edf9}
.check-band .check-item[aria-pressed=true]{color:var(--ink);background:#fff}
.check-band .check-item[aria-pressed=true] small{color:var(--muted)}

/* Compact navigation for category and comparison pages. */
.section-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.section-nav a{min-height:42px;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:10px;color:#075c4a;font-size:.82rem;font-weight:800}
.section-nav a:hover,.section-nav a:focus-visible{background:#e9f5f0;outline:2px solid transparent}
.section-nav a span{font-size:1rem;line-height:1}.section-nav a b{font:inherit}
.site-header.has-section-nav{gap:10px}.site-header.has-section-nav .header-quiz{margin-left:2px}
.bank-hero-line{display:inline-block;white-space:nowrap}
.not-found-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.not-found-main{width:min(680px,calc(100% - 28px));margin:auto;padding:54px 0;text-align:center}.not-found-card{padding:38px 24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.not-found-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#fff3c8;font-size:2.2rem}.not-found-card h1{margin:0;font-size:clamp(1.7rem,6vw,2.5rem)}.not-found-card p{color:var(--muted)}.not-found-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.not-found-actions a{min-height:46px;display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #9bcdbf;border-radius:12px;color:#075c4a;font-weight:800}.not-found-actions a:first-child{background:#075c4a;color:#fff;border-color:#075c4a}
@media(max-width:760px){.site-header.has-section-nav .brand>span:last-child{display:none}.site-header.has-section-nav .section-nav{gap:2px}.site-header.has-section-nav .section-nav a{width:42px;height:42px;justify-content:center;padding:0}.site-header.has-section-nav .section-nav a b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header.has-section-nav .header-quiz{display:none}.bank-hero h1{font-size:clamp(2rem,11vw,2.65rem)}.bank-hero-line{font-size:clamp(1.72rem,8.7vw,2.65rem)}}
.hub-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.hub-grid-compact a{min-height:86px;justify-content:center}@media(max-width:760px){.hub-grid-compact{grid-template-columns:1fr}.search-empty a{width:100%}.experience-jump{width:100%;justify-content:center}}
/* Keep roadmap targets below the fixed shared header when STEP links jump. */
.roadmap-step-card{scroll-margin-top:96px}
/* 2026-09-27: STEP list in the initial HTML (checklist.js replaces it with the interactive cards). */
.roadmap-ssr{list-style:none;margin:0;padding:0;display:grid;gap:10px}.roadmap-ssr li{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff}.roadmap-ssr p{margin:6px 0 0;font-size:.88rem;color:var(--muted)}
/* 2026-09-27 Monetization CTA v1.1: PR box after an official link (static pages); tracking pixels take no space. */
.register-pr{position:relative;margin-top:10px;border:1px dashed #c9b27a;background:#fffaf0;border-radius:10px;padding:9px 10px}.register-pr img[width="1"][height="1"]{position:absolute;left:0;top:0;width:1px;height:1px;border:0}.register-pr .pr-badge{display:inline-block;margin:0 0 5px;padding:1px 7px;border-radius:6px;background:#664b18;color:#fff;font-size:.78rem;font-weight:700;line-height:1.5}.register-pr .pr-cta{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;border:1px solid #8a6a2c;border-radius:9px;background:#fff;color:#5a4214;font-weight:700;text-decoration:none;text-align:center;overflow-wrap:anywhere}.register-pr .pr-cta:hover{background:#fff3dc}.register-pr .pr-note{margin:5px 0 0;font-size:.76rem;line-height:1.5;color:#5f5a48}
/* 2026-09-28: latest-info card links (official source first, then the internal page). */
.update-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:8px}.update-actions a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.my-update-origin{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.my-monthly-actions-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.my-monthly-actions-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}.my-monthly-actions-list a:hover{background:#f3f8f5}.my-monthly-actions-list span:first-child{min-width:0}.my-monthly-actions-list strong,.my-monthly-actions-list small{display:block;overflow-wrap:anywhere}.my-monthly-actions-list small{margin-top:2px;color:var(--muted);font-size:.78rem}.my-monthly-action-arrow{flex:none;color:#075c4a;font-weight:900}