/* Shared design layer. Legacy document IDs remain stable. */
:root{--ink:#243b4b;--muted:#5c7180;--brand:#276e98;--brand-dark:#185373;--brand-soft:#edf6fc;--link:#1e6598;--line:#d9e4ec;--page-bg:#fff;--surface:#fff;--accent:#ba4c36;--accent-soft:#fff1ec;--shadow:none}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:#fff}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;letter-spacing:0}
*,*:before,*:after{box-sizing:border-box}
[hidden]{display:none!important}
button,input,select{font:inherit;letter-spacing:0}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d88324;outline-offset:4px}
.site-redesign{background:#fff!important;font-size:16px;line-height:1.85;text-align:left;overflow-wrap:break-word}
.site-redesign #base,.site-redesign #wrapper{width:100%;max-width:none;background:none;margin:0;padding:0;box-shadow:none}
.site-redesign #container{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:48px;max-width:1160px;width:100%;padding:0 24px;margin:0 auto;align-items:start;text-align:left}
.site-redesign #container:after,.site-redesign .line,.site-redesign .thinline,.site-redesign .slicknav_menu{display:none!important}
.site-redesign #header{grid-column:1/-1;grid-row:1;background:#fff;border:0;border-radius:0;box-shadow:none;min-height:92px;margin:0;width:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:visible}
.site-redesign #header .site-brand{background:none;display:flex;flex-direction:row;align-items:center;gap:12px;padding:0;min-height:0;height:auto;width:auto;color:var(--ink);font-size:21px;line-height:1.4;text-indent:0;text-decoration:none;text-shadow:none;font-weight:800}
.site-redesign #header .site-brand:after{display:none}
.brand-symbol{display:grid;place-items:center;background:var(--brand);color:#fff;width:42px;height:42px;flex:0 0 42px;border-radius:6px}
.brand-symbol svg{width:25px;height:25px}.brand-small{display:block;font-size:11px;color:var(--muted);font-weight:500;line-height:1.4;margin-bottom:2px}
.header-tools{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted)}
.header-tools>a{color:var(--muted);text-decoration:none}
.search-toggle{border:1px solid var(--line);border-radius:5px;background:#f6f8f6;color:var(--muted);display:flex;gap:10px;align-items:center;padding:10px 14px;font-size:13px;min-height:42px}
.icon,[data-lucide]{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.site-navigation{grid-column:1/-1;grid-row:2;min-width:0;border-top:1px solid var(--line);margin-bottom:36px}
.primary-nav{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:0;margin:0;list-style:none}
.primary-nav a{display:block;padding:15px 8px 12px;color:#44564d;font-size:14px;font-weight:700;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}
.site-breadcrumb{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0}.site-breadcrumb a{color:var(--muted)}
.site-redesign #content{grid-row:3;grid-column:2;float:none;min-width:0;width:100%;max-width:none;border:0;border-radius:0;box-shadow:none;background:#fff;margin:0;padding:0 0 44px;color:var(--ink)}
.site-redesign #left{grid-row:3;grid-column:1;float:none;width:100%;min-width:0;padding:0;margin:0;background:none;font-size:13px}
.site-redesign #content h1{font-size:30px;line-height:1.55;font-weight:800;padding:0;border:0;background:none;margin:0 0 20px;letter-spacing:0}
.site-redesign #content h1:after,.site-redesign #content h2:before{display:none}
.site-redesign #content h2{font-size:23px;line-height:1.55;color:var(--ink);background:none;padding:0 0 12px;border:0;border-bottom:2px solid var(--line);border-radius:0;margin:48px 0 22px}
.site-redesign #content h3{font-size:18px;line-height:1.65;color:var(--ink);background:none;border:0;border-left:3px solid var(--brand);border-radius:0;padding:0 0 0 13px;margin:30px 0 14px}
.site-redesign #content h4{width:auto;max-width:100%;font-size:16px;line-height:1.65;color:var(--ink);background:none;border:0;padding:0;text-indent:0;margin:24px 0 12px}
.site-redesign #content p,.site-redesign #content li,.site-redesign #content td{font-size:16px;line-height:1.95}
.site-redesign #content p{margin:0 0 20px}
.site-redesign #content a{color:var(--link);font-weight:600;text-decoration:underline;text-decoration-color:#a4c6d9;text-underline-offset:3px;overflow-wrap:anywhere}
.site-redesign #content a:hover{color:var(--brand)}
.site-redesign #content>p:has(>a) a{display:inline;padding:0;background:none;border:0;border-radius:0;margin:0;box-shadow:none}
.site-redesign .head{background:#f4f8f5;border:0;border-left:3px solid #a2b9a9;border-radius:0;padding:22px 24px;margin:0 0 28px;box-shadow:none}
.site-redesign .head p:last-child{margin-bottom:0!important}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted);padding:0 0 18px;margin:0 0 24px;border-bottom:1px solid var(--line)}
.site-redesign #content .article-meta a{font-size:12px;color:var(--muted);font-weight:400}
.article-outline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:25px 0 32px;font-size:14px}
.article-outline summary{font-weight:700;cursor:pointer}.article-outline ol{padding-left:24px;margin:12px 0 0}.site-redesign #content .article-outline li{font-size:14px;line-height:1.8;margin-bottom:6px}
.site-redesign #content table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;width:100%;margin:20px 0 28px;border-radius:0;box-shadow:none;scrollbar-width:thin}
.site-redesign #content th,.site-redesign #content td{padding:14px 16px;border:1px solid var(--line);font-size:14px;line-height:1.8;text-align:left;vertical-align:top;min-width:100px}
.site-redesign #content th{background:#edf3ef;color:#304a3b;font-weight:700}.site-redesign #content tr:nth-child(even) td{background:#f9fbfa}
.site-redesign #content table img{max-width:100%;height:auto}
.site-redesign .important-box,.site-redesign .note-box{background:#fff8ed;border:1px solid #ead9bb;border-radius:4px;box-shadow:none;padding:20px;margin:26px 0}
.site-redesign .important-box h2{font-size:19px!important;margin:0 0 12px!important;border:0!important;padding:0!important}
.site-redesign .faq-box{background:#f7f9f8;border:0;border-radius:0;padding:24px;box-shadow:none;margin:32px 0}
.site-redesign .faq-box h2{margin:0 0 20px!important}.site-redesign .faq-box h3{border:0;padding:0;font-size:16px}
.site-redesign .internal-next-box,.site-redesign .sister-site-box,.site-redesign .official-source-box{background:none;border:0;border-top:3px solid var(--brand);border-radius:0;box-shadow:none;padding:18px 0 0;margin:36px 0;clear:both}
.site-redesign .sister-site-box{border-color:#517eae}.site-redesign .official-source-box{border-color:#788278}
.site-redesign .internal-next-box:before,.site-redesign .sister-site-box:before,.site-redesign .official-source-box:before{display:block;background:none;color:var(--brand);padding:0;margin:0 0 12px;font-size:12px;line-height:1.5;border:0;border-radius:0;font-weight:800;box-shadow:none}
.site-redesign .internal-next-box:before{content:'次に読む・サイト内の関連記事'}.site-redesign .sister-site-box:before{content:'参考外部サイト';color:#376b9d}.site-redesign .official-source-box:before{content:'公的機関・公式情報';color:#596b59}
.site-redesign #content .internal-next-box h2,.site-redesign #content .sister-site-box h2,.site-redesign #content .official-source-box h2{font-size:18px;margin:0 0 14px;padding:0;border:0}
.site-redesign .internal-next-box>p:has(a),.site-redesign .sister-site-box>p:has(a),.site-redesign .official-source-box>p:has(a){display:grid;grid-template-columns:1fr;gap:0;margin:0}
.site-redesign #content :is(.internal-next-box,.sister-site-box,.official-source-box) a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid var(--line);border-top:0;border-radius:0;background:#f6f9f7;font-size:14px;line-height:1.65;text-decoration:none;box-shadow:none}
.site-redesign #content .sister-site-box a{background:#f1f6fc;border-color:#dbe5f0}.site-redesign #content .official-source-box a{background:#f7f8f7}
.site-redesign #content :is(.internal-next-box,.sister-site-box,.official-source-box) a:first-child{border-top:1px solid var(--line)}
.site-redesign :is(.internal-next-box,.sister-site-box,.official-source-box) a:before{display:none}.site-redesign .internal-next-box a:after{content:'→';margin-left:14px}.site-redesign :is(.sister-site-box,.official-source-box) a:after{content:'↗';margin-left:14px}
.site-redesign .adspace1{background:#f7f8f7;border:1px solid #e4e8e5;border-radius:0;box-shadow:none;min-height:130px;padding:24px 16px 16px;text-align:center;margin:36px 0;position:relative;font-size:11px!important;color:var(--muted)}
.site-redesign .adspace1:before{content:'広告';background:#f7f8f7;color:var(--muted);position:absolute;top:3px;left:10px;border:0;border-radius:0;box-shadow:none;font-size:10px;padding:0}
.site-redesign #content>p[style*='font-size:10px']{font-size:11px!important;color:var(--muted);background:none;border:0;padding:0;margin:0 0 10px}
.sidebar-block{padding:0 0 20px;margin-bottom:24px;border-bottom:1px solid var(--line)}.sidebar-block h2{font-size:12px!important;color:var(--muted)!important;margin:0 0 12px!important;padding:0!important}
.sidebar-block a{display:block;color:#45594c!important;padding:8px 0;font-size:13px;text-decoration:none;line-height:1.65}.sidebar-block a:hover{color:var(--brand)!important}.sidebar-block .sidebar-start{background:var(--brand-soft);border-radius:4px;padding:14px;color:var(--brand)!important;font-weight:700}
.site-redesign #footer{grid-column:1/-1;grid-row:4;background:#f5f8f5;color:var(--ink);border-top:1px solid var(--line);border-radius:0;box-shadow:none;width:100%;padding:32px 0;margin:12px 0 0;font-size:12px;display:block}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-brand{font-size:17px;font-weight:800;margin:0 0 8px}.footer-grid p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 10px}.footer-grid a{display:block;color:var(--muted)!important;font-size:12px;margin-bottom:8px}.copyright{margin:26px 0 0;color:var(--muted);font-size:11px}
.mobile-nav{display:none}
dialog{border:1px solid var(--line);border-radius:8px;max-width:700px;width:calc(100% - 32px);max-height:85dvh;padding:28px;color:var(--ink);box-shadow:0 20px 80px #122a2440;overflow:auto}
dialog::backdrop{background:#13291f85}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:20px;margin:0}.icon-button{width:40px;height:40px;border:0;border-radius:4px;background:#f0f4f1;display:grid;place-items:center;color:var(--ink)}
.search-form{display:flex;gap:8px}.search-form input{min-width:0;flex:1;border:1px solid #a7b7ab;border-radius:4px;padding:12px;font-size:16px}.search-form button{border:0;border-radius:4px;background:var(--brand);color:#fff;width:46px;display:grid;place-items:center}
.search-status{font-size:13px;color:var(--muted);margin:15px 0}.search-results{list-style:none;padding:0;margin:0}.search-results li{border-top:1px solid var(--line);padding:15px 0}.search-results a{font-size:15px;color:var(--link);font-weight:700}.search-results small{display:block;font-size:11px;color:var(--muted);margin:3px 0}.search-results p{font-size:13px;line-height:1.7;margin:6px 0 0}.search-topics{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.search-topics button{background:#f4f7f4;border:1px solid var(--line);border-radius:4px;padding:6px 10px;font-size:13px}.search-empty{padding:24px 0}
/* The home page is an unframed learning hub. */
.site-redesign.home-page #container{grid-template-columns:1fr;max-width:1200px}.home-page .site-navigation{margin-bottom:0}.site-redesign.home-page #content{grid-column:1;padding:0}.home-page #left{display:none}.home-page .site-breadcrumb{display:none}
.site-redesign #content .home-hero{min-height:370px;background:#f4f8f6 url('/img/learning-hero-20261110.jpg') center/cover no-repeat;padding:45px 36px 38px;margin:0}
.hero-copy{max-width:55%}.site-redesign #content .eyebrow{font-size:11px;font-weight:800;color:var(--brand);margin:0 0 12px;line-height:1.5}.site-redesign #content .home-hero h1{font-size:38px;line-height:1.5;margin:0 0 15px}.site-redesign #content .hero-lead{font-size:14px;line-height:1.9;margin:0 0 24px;max-width:390px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.site-redesign #content .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:4px;text-decoration:none;font-size:13px;font-weight:700;padding:11px 18px;line-height:1.5}.site-redesign #content .button:hover{background:var(--brand-dark);color:#fff}.site-redesign #content .button.secondary{background:#fff;color:var(--brand)}.site-redesign #content .button.coral{background:var(--accent);border-color:var(--accent)}
.hero-foot{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:var(--muted)}
.home-section{padding:42px 0;border-bottom:1px solid var(--line)}.home-section.tinted{background:#f5f8f5;padding:36px 28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.site-redesign #content .section-head h2{font-size:24px;border:0;margin:0;padding:0}.section-head>a{font-size:12px!important;white-space:nowrap}.section-head small{display:block;color:var(--brand);font-size:10px;margin-bottom:5px;font-weight:800}
.purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.site-redesign #content .purpose-link{display:flex;align-items:center;gap:12px;padding:18px 15px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.65;background:#fff}.purpose-link .icon{width:28px;height:28px;color:var(--brand)}.purpose-link:nth-child(2) .icon{color:#b16c20}.purpose-link:nth-child(3) .icon{color:#447fa9}.purpose-link:nth-child(4) .icon{color:#b45949}.purpose-link:hover{border-color:var(--brand)!important;background:#f8fbf8!important}
.step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0!important;counter-reset:lessons}.site-redesign #content .step-grid li{font-size:14px;border-right:1px solid var(--line);padding:0 20px;position:relative;line-height:1.6}.step-grid li:first-child{padding-left:0}.step-grid li:last-child{border:0}.step-num{color:var(--brand);font-size:11px;font-weight:800;display:block;margin-bottom:12px}.step-num b{font-size:25px;display:block;line-height:1.2;margin-top:5px}.site-redesign #content .step-grid a{display:block;font-size:15px;color:var(--ink);text-decoration:none;font-weight:800;line-height:1.7}.site-redesign #content .step-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 0}.step-grid a:after{content:'→';display:block;color:var(--brand);margin-top:8px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-grid article{min-width:0}.feature-grid img{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:5px;margin-bottom:14px;border:1px solid var(--line)}.feature-grid .category-label{color:var(--brand);font-size:10px;font-weight:700;display:block}.site-redesign #content .feature-grid h3{border:0;padding:0;margin:6px 0;font-size:17px;line-height:1.65}.site-redesign #content .feature-grid a{color:var(--ink);text-decoration:none}.site-redesign #content .feature-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 0}
.learn-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.level-label{font-size:11px;font-weight:800;color:var(--brand);border-bottom:2px solid var(--brand);padding-bottom:9px}.learn-levels>div:nth-child(2) .level-label{color:#386d9a;border-color:#386d9a}.learn-levels>div:nth-child(3) .level-label{color:#aa6640;border-color:#aa6640}.site-redesign #content .learn-levels h3{border:0;padding:0;font-size:19px;margin:14px 0 10px}.site-redesign #content .learn-levels a{font-size:13px;display:block;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none}.learn-levels a:after{content:'→';float:right}
.compare-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px}.compare-tabs button{font-size:13px;padding:12px 20px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:700}.compare-tabs button[aria-selected=true]{border-color:var(--brand);color:var(--brand);background:#eff6f0}.site-redesign #content .comparison-intro{font-size:13px;color:var(--muted);margin:0 0 12px}.site-redesign #content .broker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.broker-item{background:#fff;border:1px solid var(--line);border-radius:5px;padding:23px 20px;min-width:0}.site-redesign #content .broker-item h3{border:0;padding:0;font-size:19px;margin:0 0 12px}.site-redesign #content .broker-item p{font-size:13px;line-height:1.8;margin:0 0 16px}.broker-number{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.site-redesign #content .broker-item a{font-size:13px}.broker-note{font-size:11px!important;color:var(--muted);margin:17px 0 0!important}.compare-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.site-redesign #content .compare-cta p{font-size:14px;margin:0}
.database-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.database-grid details{border-bottom:1px solid var(--line);padding:16px 0}.database-grid summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;align-items:center;gap:10px}.database-grid summary:after{content:'＋';margin-left:auto;color:var(--muted)}.database-grid details[open] summary:after{content:'−'}.database-grid summary::-webkit-details-marker{display:none}.site-redesign #content .database-grid a{display:block;font-size:13px;margin:12px 0 0 30px}.dictionary-search{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#eef4f8;padding:22px;margin-top:28px}.dictionary-search strong{font-size:15px}.dictionary-search .search-toggle{background:#fff}
.home-trust{display:flex;gap:40px;padding:32px 0;align-items:center}.home-trust>div{flex:1}.site-redesign #content .home-trust h2{font-size:19px;border:0;padding:0;margin:0 0 10px}.site-redesign #content .home-trust p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.site-redesign #content .home-trust a{font-size:12px}.home-disclosure{font-size:11px!important;color:var(--muted);margin:12px 0!important}
.lesson-list{list-style:none;padding:0;margin:24px 0}.lesson-list>li{border-bottom:1px solid var(--line);padding:24px 0}.lesson-head{display:flex;gap:16px;align-items:flex-start}.lesson-count{display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);width:40px;height:40px;flex:0 0 40px;font-weight:800;font-size:19px;border-radius:4px}.site-redesign #content .lesson-list h2{font-size:20px;border:0;padding:0;margin:0 0 10px}.site-redesign #content .lesson-list p{font-size:14px;margin:0 0 12px}.lesson-links{display:flex;flex-wrap:wrap;gap:8px 18px}.lesson-links a{font-size:13px!important}.lesson-check{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-top:14px;cursor:pointer}.lesson-check input{accent-color:var(--brand);width:17px;height:17px}.learning-progress{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin:18px 0}.learning-progress progress{accent-color:var(--brand);max-width:220px;width:50%;height:8px}.quiz-launch{padding:24px;border-left:3px solid var(--brand);background:#f3f8f4;margin:24px 0}.site-redesign #content .quiz-launch p{font-size:14px}
.quiz-progress{font-size:11px;color:var(--brand);font-weight:800;margin:0 0 12px}.quiz-question{font-size:20px;margin:0 0 20px;line-height:1.6}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left;border:1px solid var(--line);border-radius:5px;background:#f7faf7;padding:15px 18px;color:var(--ink);font-size:14px}.quiz-options button:hover{border-color:var(--brand);background:#edf6fc}.quiz-back{background:none;border:0;color:var(--muted);font-size:12px;padding:12px 0;margin-top:14px}.quiz-result h3{font-size:16px;margin:18px 0 5px}.quiz-result p,.quiz-result li{font-size:13px;line-height:1.85}.quiz-result a{color:var(--link)}.quiz-result ol{padding-left:22px}.quiz-result details{font-size:12px;margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
@media(min-width:861px){.site-redesign #left{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}}
@media(max-width:1000px){.site-redesign #container{column-gap:32px;grid-template-columns:190px minmax(0,1fr)}.purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-tools>a{display:none}.step-grid li{padding:0 12px!important}.hero-copy{max-width:60%}.site-redesign #content .home-hero h1{font-size:33px}}
@media(max-width:860px){.site-redesign #container{grid-template-columns:1fr;padding:0 20px}.site-redesign #content{grid-column:1;grid-row:3}.site-redesign #left{grid-column:1;grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.site-redesign #footer{grid-row:5}.site-redesign #header{min-height:80px}.primary-nav{overflow:auto;justify-content:flex-start;gap:18px}.primary-nav a{font-size:12px;padding:12px 0 10px}.site-redesign #header .site-brand{font-size:18px}.header-tools .search-toggle span{display:none}.header-tools .search-toggle{padding:10px;background:#fff;border:0}.header-tools{gap:0}.brand-symbol{width:35px;height:35px;flex-basis:35px}.brand-small{font-size:10px}.site-navigation{margin-bottom:28px}.site-redesign #content h1{font-size:26px}.site-redesign #content h2{font-size:21px}.site-redesign #content p,.site-redesign #content li{font-size:15px;line-height:1.95}.site-redesign .head{padding:18px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fffffffa;border-top:1px solid var(--line);padding:8px 6px max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 14px #12342508}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;text-decoration:none;color:#526359;font-size:9px;font-weight:600;line-height:1.4;background:none;border:0;padding:0;min-height:43px}.mobile-nav svg{width:19px;height:19px}.mobile-nav [aria-current=page]{color:var(--brand)}.site-redesign{padding-bottom:75px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.site-redesign #content .home-hero{padding:32px 25px;min-height:360px}.hero-copy{max-width:65%}.site-redesign #content .home-hero h1{font-size:29px}.site-redesign #content .hero-lead{font-size:12px}.hero-actions{gap:8px}.site-redesign #content .button{font-size:12px;padding:10px 13px}.hero-foot{gap:8px;font-size:10px}.home-section{padding:32px 0}.home-section.tinted{padding:28px 20px}.site-redesign #content .section-head h2{font-size:21px}.step-grid{grid-template-columns:1fr}.site-redesign #content .step-grid li{display:grid;grid-template-columns:54px 1fr;gap:0 12px;border:0;border-bottom:1px solid var(--line);padding:17px 0!important}.step-num{grid-column:1;grid-row:1/3;font-size:9px;margin:0}.step-num b{font-size:24px}.site-redesign #content .step-grid a{font-size:15px}.step-grid a:after{display:inline;float:right;margin:0}.site-redesign #content .step-grid p{margin:3px 0 0;font-size:12px}.feature-grid{gap:15px}.site-redesign #content .feature-grid h3{font-size:14px}.learn-levels{grid-template-columns:1fr;gap:24px}.learn-levels a{display:inline-block!important;margin-right:12px}.site-redesign #content .broker-list{grid-template-columns:1fr}.broker-item{padding:20px}.compare-cta{align-items:flex-start;flex-direction:column;gap:14px}.compare-tabs button{font-size:12px;padding:11px 12px}.database-grid{grid-template-columns:1fr}.home-trust{gap:20px;align-items:flex-start}.home-trust>div:last-child{flex:0 0 110px}.dictionary-search{padding:18px}.dictionary-search strong{font-size:13px}.site-redesign.home-page #left{display:none}.site-redesign .faq-box{padding:20px}}
@media(max-width:540px){.site-redesign #container{padding:0 18px}.site-redesign.home-page #container{padding:0 18px}.site-redesign #header .site-brand{font-size:16px;gap:8px}.brand-small{font-size:9px}.primary-nav{gap:20px}.home-page .site-navigation{margin-bottom:0}.site-redesign #content .home-hero{margin:0 -18px;padding:28px 22px 210px;min-height:535px;background-size:auto 225px;background-position:right bottom;background-repeat:no-repeat;background-color:#f4f8f6}.hero-copy{max-width:100%}.site-redesign #content .home-hero h1{font-size:29px;line-height:1.5;margin-bottom:12px}.site-redesign #content .hero-lead{font-size:13px;max-width:310px;margin-bottom:18px}.hero-foot{margin-top:13px;gap:14px}.hero-actions .button{font-size:12px;min-height:44px;padding:10px 12px;gap:8px}.hero-actions svg{width:16px}.home-section{padding:28px 0}.section-head{gap:12px;margin-bottom:18px}.site-redesign #content .section-head h2{font-size:20px}.section-head>a{font-size:10px!important}.purpose-grid{gap:10px}.site-redesign #content .purpose-link{font-size:12px;gap:9px;padding:15px 10px}.purpose-link .icon{width:22px;height:22px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-grid article{display:grid;grid-template-columns:113px minmax(0,1fr);gap:0 14px}.feature-grid img{grid-row:1/5;margin:0;aspect-ratio:1/1;object-fit:cover}.feature-grid .category-label{font-size:9px}.site-redesign #content .feature-grid h3{font-size:15px;margin:3px 0;line-height:1.6}.site-redesign #content .feature-grid p{font-size:11px;margin:3px 0}.home-section.tinted{margin:0 -18px;padding:28px 18px}.home-trust{display:block}.home-trust>div:last-child{margin-top:16px;display:flex;gap:18px}.dictionary-search{display:block}.dictionary-search .search-toggle{margin-top:12px;justify-content:space-between;width:100%}.site-redesign #left{display:block}.site-redesign #content h1{font-size:24px}.site-redesign #content h2{font-size:20px;margin-top:35px}.site-redesign #content th,.site-redesign #content td{font-size:13px;padding:11px;min-width:105px}.article-meta{font-size:11px;gap:5px 12px}.site-redesign #content .article-meta a{font-size:11px}.site-redesign .head{padding:16px}.site-redesign #footer{padding:28px 0}.footer-brand{font-size:15px}.site-redesign #content :is(.internal-next-box,.sister-site-box,.official-source-box) a{font-size:13px}.site-redesign .adspace1{min-height:130px}.lesson-head{gap:11px}.lesson-count{width:32px;height:32px;flex-basis:32px;font-size:16px}.site-redesign #content .lesson-list h2{font-size:18px}.lesson-links{display:block}.lesson-links a{display:block;margin-bottom:8px}.quiz-launch{padding:20px}dialog{padding:22px 18px;width:calc(100% - 24px);max-height:86dvh}.dialog-top h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Selected visual direction B: illustrated, light-blue learning guide. */
.site-redesign #header .site-brand{justify-content:flex-start}
.site-redesign #content .step-num{background:#2f749b}
.purpose-label{min-width:0}.purpose-label>span{display:inline-block;white-space:nowrap}
.site-redesign #header .site-brand{flex:1 1 auto;min-width:0}.site-redesign #header .header-tools{flex:0 0 auto;margin-left:auto}.site-redesign #header .header-tools>a{display:inline;width:auto;height:auto;min-height:0;background:none;color:var(--muted);font-size:12px;line-height:1.5;font-weight:400;padding:0 0 0 18px;text-indent:0;text-shadow:none}.site-redesign #header .header-tools>a:after{display:none}
:root{--glossary-ink:#243b4b;--glossary-muted:#5c7180;--glossary-teal:#276e98;--glossary-teal-light:#3684b0;--glossary-bg:#f5f9fc;--glossary-accent:#ba4c36;--glossary-border:#d9e4ec}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#174f74;padding:10px 16px;border:2px solid #276e98}.skip-link:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
.mobile-only{display:none}.site-redesign #container>a[name=top]{position:absolute}
.site-redesign #header{min-height:78px}.site-redesign #header .site-brand{font-size:21px;color:#243b4b;gap:12px}.brand-small{display:inline;color:inherit;font-size:inherit;font-weight:inherit}.brand-symbol{background:none;color:#276e98;width:38px;flex-basis:38px}.brand-symbol svg{width:36px;height:36px}.search-toggle{background:#fff;border-color:#9eb7c7;border-radius:4px;min-width:220px;justify-content:flex-start;padding:9px 12px}.header-tools>a{order:2;padding-left:18px;border-left:1px solid var(--line)}.primary-nav a{color:#314b5d}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:#276e98;border-bottom-color:#368ab7}
.site-redesign #content h1{color:#1e465e}.site-redesign #content h2{border-color:#c7e0ef}.site-redesign .head{background:#f0f7fc;border-left-color:#8fbbd5}.site-redesign .important-box{background:#fff8e9;border-color:#efdfb5}.site-redesign .sidebar-block a{color:#3c5c71!important}.sidebar-block .sidebar-start{background:#edf6fc;color:#1c638d!important}.site-redesign #content th{background:#eef6fc;color:#30516a}.site-redesign #content tr:nth-child(even) td{background:#fafcfe}.site-redesign .faq-box{background:#f3f8fc}
.site-redesign .internal-next-box{border-color:#4d8b78}.site-redesign .internal-next-box:before{color:#377865}.site-redesign #content .internal-next-box a{background:#f2f8f4}.site-redesign .sister-site-box{border-color:#3e88bc}.site-redesign .sister-site-box:before{color:#236b9e}.site-redesign #content .sister-site-box a{background:#f0f7ff}.site-redesign #footer{background:#f4f8fb}.site-redesign .adspace1{background:#f8fafc;border-color:#e0e7ed}.site-redesign .adspace1:before{background:#f8fafc}
.site-redesign #content .home-hero{background:#edf7fc url('/img/learning-hero-blue-20261110.jpg') center/cover no-repeat;min-height:330px;padding:42px 32px 38px}.hero-copy{max-width:57%}.site-redesign #content .home-hero h1{font-size:40px;line-height:1.5;color:#134e70;margin-bottom:14px}.site-redesign #content .hero-lead{font-size:15px;line-height:1.85;max-width:none;margin-bottom:24px}.site-redesign #content .home-hero .button:not(.secondary){background:#ba4c36;border-color:#ba4c36}.site-redesign #content .home-hero .button:not(.secondary):hover{background:#9b3929}.site-redesign #content .button.secondary{border-color:#617f91;color:#2f4654}.site-redesign #content .home-hero .button{gap:10px;font-size:13px;padding:12px 17px}.home-disclosure{text-align:right;font-size:10px!important;margin:8px 0!important}
.home-section{border-bottom:0;padding:30px 0}.site-redesign #content .section-head h2{font-size:25px;line-height:1.45;border-left:5px solid #3989b4!important;padding:0 0 0 13px!important;color:#263d4d}.section-head{margin-bottom:26px}.site-redesign #content .purpose-link{padding:14px 12px;gap:12px;font-size:14px;border-color:#d1e1ec;min-height:94px}.purpose-link>.icon:last-child{width:14px;height:14px;margin-left:auto;color:#3f596b}.purpose-symbol{display:grid;place-items:center;flex:0 0 50px;width:50px;height:58px;border-radius:5px;background:#e2f3ff}.purpose-symbol .icon{width:33px;height:33px;color:#367da2}.purpose-link:nth-child(2) .purpose-symbol{background:#fff2c7}.purpose-link:nth-child(2) .purpose-symbol .icon{color:#ae780c}.purpose-link:nth-child(3) .purpose-symbol{background:#dcf1e4}.purpose-link:nth-child(3) .purpose-symbol .icon{color:#ae8c18}.purpose-link:nth-child(4) .purpose-symbol{background:#e0f1fa}.purpose-link:nth-child(4) .purpose-symbol .icon{color:#286f95}
.step-grid{gap:24px;position:relative}.site-redesign #content .step-grid li{padding:0!important;border:0;position:relative}.site-redesign #content .step-grid li:after{display:none}.site-redesign #content .step-grid a{font-size:17px;line-height:1.65;text-align:center;font-weight:700;overflow:visible}.step-grid a:after{display:none}.step-art{display:block;aspect-ratio:1.25;width:100%;border-radius:6px;background:#e8f5fd url('/img/learning-steps-20261110.png') no-repeat;background-size:500% auto;background-position:0 center;margin-bottom:14px}.step-art-2{background-position:25% center}.step-art-3{background-position:50% center}.step-art-4{background-position:75% center}.step-art-5{background-position:100% center}.step-num{position:absolute;top:-8px;left:-7px;width:36px;height:36px;background:#418fb9;border:2px solid #fff;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;z-index:1;margin:0}.step-caption{display:block}.learn-levels{gap:24px}.learn-levels>div{border:1px solid #d5e5ef;border-radius:5px;overflow:hidden;padding:0 15px 9px}.site-redesign #content .learn-levels h3{display:flex;align-items:center;justify-content:center;gap:14px;background:#e2f3fd;border:0;padding:12px 8px;margin:0 -15px 6px;color:#245b7a;font-size:21px}.learn-levels h3 .icon{width:30px;height:30px}.site-redesign #content .learn-levels>div:nth-child(2) h3{background:#dff4ec}.site-redesign #content .learn-levels>div:nth-child(3) h3{background:#fff2cb}.site-redesign #content .learn-levels a{display:block;color:#364e5e;font-weight:500;font-size:13px;line-height:1.65;padding:12px 0;margin:0}.learn-levels a:last-child{border-bottom:0}.learn-levels a:after{content:'›';color:#607d8f}
.feature-grid{gap:25px}.feature-grid img{aspect-ratio:2.1;object-fit:cover;object-position:center;border-radius:0;border:0;margin-bottom:10px}.site-redesign #content .feature-grid h3{font-size:17px}.feature-grid .category-label{color:#337ca5}.site-redesign #content .feature-grid p{font-size:12px}.home-section.tinted{background:#e7f5fc}.site-redesign #content .broker-band{display:grid;grid-template-columns:0.9fr 1.35fr;gap:36px;margin:22px 0;padding:32px}.site-redesign #content .broker-band-intro h2{font-size:25px;line-height:1.55;border-left:5px solid #3989b4;border-bottom:0;margin:0 0 20px;padding:0 0 0 14px}.site-redesign #content .broker-band-intro p{font-size:14px;line-height:1.8;margin:0 0 23px}.broker-band-intro>a{display:block;font-size:12px!important;margin-top:16px}.compare-tabs{gap:0;border:0;margin-bottom:0;flex-wrap:nowrap}.compare-tabs button{flex:1;font-size:12px;padding:10px 8px;background:#f8fbfd;border:1px solid #d4e3ed;white-space:nowrap;color:#345469}.compare-tabs button[aria-selected=true]{background:#2c79a4;color:#fff;border-color:#2c79a4}.compare-tabs button:first-child{border-radius:4px 0 0 0}.compare-tabs button:last-child{border-radius:0 4px 0 0}.site-redesign #content .broker-band .comparison-intro{font-size:11px;line-height:1.7;background:#fff;margin:0;padding:10px 12px;border-bottom:1px solid #dbe8ef}.site-redesign #content .broker-band .broker-list{display:block;background:#fff}.broker-band .broker-item{display:grid;grid-template-columns:100px 1fr 24px;gap:14px;align-items:start;border:0;border-bottom:1px solid #d8e5ee;border-radius:0;padding:14px 12px;background:transparent}.site-redesign #content .broker-band .broker-item h3{font-size:16px;color:#255c7d;white-space:nowrap;margin:0}.site-redesign #content .broker-band .broker-item p{font-size:12px;line-height:1.75;margin:0}.broker-band .broker-item a{display:grid;place-items:center;min-height:32px}.broker-band .broker-item .link-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-redesign #content .broker-band .broker-note{font-size:10px!important;line-height:1.8;margin-top:10px!important}
.home-page .sister-site-box{border-top:0;display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:start;margin:28px 0!important;padding:18px 0!important;border-bottom:1px solid #d9e5ee}.home-page .sister-site-box:before{font-size:13px!important;margin:6px 0 0!important}.site-redesign.home-page #content .sister-site-box>p:has(a){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.site-redesign.home-page #content .sister-site-box a{background:#fff;padding:0 12px;border:0!important;border-left:1px solid #d7e4ee!important;font-size:12px;color:#266b9b;line-height:1.7}
.home-page #knowledge{border-top:1px solid #e2ebf2;padding-top:26px}.home-page .home-trust{border-top:1px solid #e1e9ef}.database-grid summary{color:#3b5b70}.dictionary-search{background:#eef7fc}.quiz-options button{background:#f4f9fc}.quiz-options button:hover{background:#e8f4fb;border-color:#438bb5}
@media(min-width:861px){.site-redesign.home-page #container{max-width:1200px}.site-redesign #content .purpose-link:hover{background:#f5fbff!important}.site-redesign #content .home-hero{margin-left:-24px;margin-right:-24px}}
@media(min-width:541px){.step-art{aspect-ratio:1}}
@media(max-width:1000px){.site-redesign #header .header-tools>a{display:none}}
@media(min-width:861px){.site-redesign #header{min-height:70px}.primary-nav a{line-height:1.5;padding-top:12px;padding-bottom:10px}.home-section{padding-top:24px;padding-bottom:24px}.home-section#purpose{padding-top:16px;padding-bottom:20px}.site-redesign #content .home-hero h1{font-size:42px}.site-redesign #content .learn-levels a{padding-top:9px;padding-bottom:9px}}
@media(max-width:359px){.site-redesign #content .purpose-link{font-size:11px;gap:6px}.purpose-symbol{width:30px;flex-basis:30px}.purpose-symbol .icon{width:24px;height:24px}}
@media(max-width:1100px) and (min-width:861px){.site-redesign #content .home-hero h1{font-size:36px}.hero-copy{max-width:62%}.hero-actions{gap:8px}.site-redesign #content .home-hero .button{font-size:12px;padding:10px 12px}.purpose-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.site-redesign #content .purpose-link{font-size:12px;padding:12px 10px;gap:8px}.purpose-symbol{flex-basis:38px;width:38px;height:48px}.purpose-symbol .icon{width:27px;height:27px}.step-grid{gap:18px}.site-redesign #content .step-grid a{font-size:15px}.site-redesign #content .broker-band{gap:25px;padding:28px 22px;grid-template-columns:0.85fr 1.4fr}.site-redesign #content .broker-band-intro h2{font-size:22px}}
@media(max-width:860px){.site-redesign #header{min-height:72px}.site-redesign #header .site-brand{font-size:19px}.brand-small{display:block;font-size:10px;line-height:1.2;margin-bottom:2px}.brand-symbol{width:36px;flex-basis:36px}.header-tools .search-toggle{min-width:0;min-height:44px}.primary-nav{gap:25px}.mobile-nav a,.mobile-nav button{color:#536c7d}.site-redesign #content .home-hero{margin:0 -20px;padding:34px 26px;min-height:330px;background-size:auto 100%;background-position:center bottom}.hero-copy{max-width:64%}.site-redesign #content .home-hero h1{font-size:31px}.site-redesign #content .hero-lead{font-size:13px;max-width:340px}.site-redesign #content .home-hero .button{font-size:12px;padding:10px 12px}.purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-redesign #content .purpose-link{min-height:90px}.step-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.site-redesign #content .step-grid li{display:block;padding:0!important}.site-redesign #content .step-grid a{font-size:14px}.step-num{width:29px;height:29px;top:-6px;left:-4px;font-size:12px}.step-art{aspect-ratio:1}.learn-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.site-redesign #content .learn-levels h3{font-size:17px;gap:8px}.learn-levels h3 .icon{width:24px;height:24px}.site-redesign #content .learn-levels a{font-size:12px!important;display:block!important}.site-redesign #content .broker-band{grid-template-columns:1fr;gap:22px;padding:26px 22px}.site-redesign #content .broker-band-intro h2 br{display:none}.site-redesign #content .broker-band-intro p br{display:none}.site-redesign #content .broker-band-intro p{margin-bottom:16px}.broker-band-intro>a{display:inline-block;margin:0 0 0 16px}.home-page .sister-site-box{display:block}.site-redesign.home-page #content .sister-site-box>p:has(a){margin-top:14px}.site-redesign #content .section-head h2{font-size:22px}}
@media(max-width:540px){.site-redesign #header .site-brand{font-size:17px;gap:7px}.site-redesign #content .home-hero{min-height:415px;margin:0 -18px;padding:28px 22px 190px;background-size:auto 198px;background-position:right bottom}.hero-copy{max-width:100%}.site-redesign #content .home-hero h1{font-size:30px;line-height:1.5;margin-bottom:10px}.site-redesign #content .hero-lead{font-size:13px;line-height:1.8;margin-bottom:17px}.mobile-only{display:initial}.hero-actions{gap:8px}.site-redesign #content .home-hero .button{font-size:11px;padding:10px 11px;gap:7px;min-height:43px}.site-redesign #content .home-disclosure{font-size:9px!important;text-align:left;margin-top:8px!important;line-height:1.8}.home-section{padding:24px 0}.home-section#purpose{padding-top:14px;padding-bottom:24px}.purpose-grid{gap:10px}.site-redesign #content .purpose-link{font-size:12px;min-height:80px;padding:10px 8px;gap:8px}.purpose-symbol{flex-basis:35px;width:35px;height:48px}.purpose-symbol .icon{width:26px;height:26px}.purpose-link>.icon:last-child{width:12px;height:12px;margin-left:0}.site-redesign #content .section-head h2{font-size:20px}.section-head{margin-bottom:23px;align-items:center}.section-head>a{font-size:9px!important}.step-grid{grid-template-columns:1fr;gap:14px}.site-redesign #content .step-grid li{padding-left:13px!important}.site-redesign #content .step-grid a{display:flex;align-items:center;gap:18px;text-align:left;font-size:17px;min-height:88px}.step-art{aspect-ratio:1;width:94px;flex:0 0 94px;margin:0}.step-num{left:7px;top:-5px;width:28px;height:28px;font-size:12px}.step-caption{flex:1}.learn-levels{grid-template-columns:1fr;gap:17px}.site-redesign #content .learn-levels h3{font-size:19px;justify-content:flex-start;gap:12px;padding-left:18px}.site-redesign #content .learn-levels a{font-size:13px!important;padding:11px 0}.feature-grid{grid-template-columns:1fr;gap:23px}.feature-grid article{grid-template-columns:118px 1fr;gap:0 13px}.feature-grid img{aspect-ratio:1.1;object-fit:cover;margin:0}.site-redesign #content .feature-grid h3{font-size:15px}.site-redesign #content .feature-grid p{font-size:11px}.site-redesign #content .broker-band{margin:14px -18px 20px;padding:26px 18px;gap:22px}.site-redesign #content .broker-band-intro h2{font-size:23px;line-height:1.55;margin-bottom:14px}.site-redesign #content .broker-band-intro p{font-size:13px}.broker-band-intro>a{display:block;margin:13px 0 0}.compare-tabs button{font-size:11px;padding:10px 5px}.broker-band .broker-item{grid-template-columns:82px 1fr 20px;gap:9px;padding:13px 10px}.site-redesign #content .broker-band .broker-item h3{font-size:14px}.site-redesign #content .broker-band .broker-item p{font-size:11px}.site-redesign.home-page #content .sister-site-box>p:has(a){grid-template-columns:1fr;gap:13px}.site-redesign.home-page #content .sister-site-box a{padding:5px 0 5px 12px;font-size:12px}.home-page .sister-site-box{margin:20px 0!important}.home-page #knowledge{padding-top:24px}.home-page .home-trust h2{font-size:17px!important}}