/* v6 learning UX only. Baseline header, CI, FC Iconic and privacy UI stay intact. */
.blog-page .article-deck{max-width:850px;margin-bottom:24px}
.learning-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 22px;margin:0 0 32px;border-bottom:1px solid #d6d9df}
.learning-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 22px;border:1px solid #c4cbd5;border-radius:999px;color:#314258;background:#fff;font-size:20px;text-decoration:none}
.learning-nav a[aria-current]{background:#182638;color:#fff;border-color:#182638}
.learning-nav a:hover{border-color:#007fd2;text-decoration:underline;text-underline-offset:4px}
.blog-page h2{font-size:29px;line-height:1.45;margin:0 0 18px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.category-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #d6d9df;border-radius:16px;background:#fff;color:#182638;text-decoration:none}
.category-card h3{font-size:32px;margin:10px 0 12px;line-height:1.3}
.category-card p{font-size:21px;color:#526078;margin:0 0 22px;line-height:1.65}
.category-card:hover h3{text-decoration:underline;text-underline-offset:6px}
.category-card .card-read{margin-top:auto}
.category-card .category-photo{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 42%;border-radius:9px;margin:0 0 20px}
.photo-credits{margin-top:28px;font-size:16px;color:#526078}.photo-credits summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.photo-credits p,.photo-credits li{font-size:16px;line-height:1.6}.photo-credits a{color:#005d9d}
.blog-page .blog-card a{border-top:0}
.learning-tip{display:flex;gap:26px;align-items:baseline;margin:28px 0 34px;padding:22px 24px;background:#eef4f9;border-radius:14px}
.learning-tip strong{white-space:nowrap;font-size:23px}.learning-tip p{margin:0;font-size:21px;color:#425369;line-height:1.65}
.section-heading p{color:#526078;font-size:21px;margin:-6px 0 24px}
.starting-path{counter-reset:step;list-style:none;padding:0!important;margin:0 0 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.starting-path li{counter-increment:step;min-width:0;margin:0!important}
.starting-path a{position:relative;display:flex;flex-direction:column;height:100%;padding:22px;border:1px solid #d6d9df;border-radius:16px;background:#fff;color:#182638;text-decoration:none}
.starting-path a:before{content:counter(step,decimal-leading-zero);color:#0070b6;font-size:20px;font-weight:700;margin-bottom:12px}
.starting-path strong{font-size:25px;line-height:1.45;margin-bottom:12px}.starting-path span{font-size:20px;color:#526078;line-height:1.65}.starting-path a:hover strong{text-decoration:underline;text-underline-offset:4px}
.find-section{margin-top:32px}.blog-controls{display:block;background:transparent;border:0;padding:0;margin:0 0 18px}.blog-controls label{display:block;font-size:20px;margin-bottom:9px}.search-row{display:flex;gap:12px;align-items:stretch}.search-row input{flex:1;min-width:0;border-radius:10px;padding:12px 16px}.search-row #blog-reset{margin:0;white-space:nowrap;border-radius:10px;font-family:inherit}
#search-results[hidden]{display:none!important}#search-results{margin:20px 0 28px}#blog-count{font-size:20px;color:#526078}
.full-contents,.article-toc{border:1px solid #c4cbd5;border-radius:14px;background:#fff;margin:22px 0 36px;overflow:hidden}
.full-contents>summary,.article-toc>summary{padding:18px 22px;cursor:pointer;font-size:23px;font-weight:700;min-height:56px}
.full-contents>summary span{font-size:19px;font-weight:400;color:#526078}.full-contents[open]>summary,.article-toc[open]>summary{border-bottom:1px solid #d6d9df}
.contents-category{margin:0 22px;border-bottom:1px solid #d6d9df}.contents-category:last-child{border:0}.contents-category>summary{padding:16px 0;cursor:pointer;font-size:23px;font-weight:700;min-height:52px}
.article-list{list-style:none;padding:0!important;margin:0}.article-list>li{margin:0!important;border:0;border-bottom:1px solid #e0e3e8;border-radius:0;background:transparent;display:block}.article-list>li:last-child{border-bottom:0}
.article-list>li>a{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border:0!important;text-decoration:none;color:#182638;min-height:52px}.article-list .list-title{font-size:23px;font-weight:700;line-height:1.5}.article-list .list-description{color:#526078;font-size:20px;line-height:1.6}.article-list>li>a:hover .list-title{text-decoration:underline;text-underline-offset:4px}.contents-category .article-list a{padding-left:0;padding-right:0}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:19px;margin-bottom:18px}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:#005d9d}.breadcrumb span{align-self:center}
.article-page .learning-nav{margin-top:24px;margin-bottom:22px}.article-toc ul{padding:12px 22px 18px 42px}.article-toc a{display:inline-block;padding:5px 0;color:#005d9d;min-height:40px;font-size:21px}.article-toc li+li{margin-top:4px}
.article-page [id]{scroll-margin-top:28px}.blog-page a:focus-visible,.article-page a:focus-visible,summary:focus-visible,.blog-controls input:focus-visible,.blog-controls button:focus-visible{outline:3px solid #007fd2;outline-offset:4px}
@media(max-width:800px){.category-grid,.starting-path{gap:14px}.category-card,.starting-path a{padding:20px}.learning-tip{display:block}.learning-tip strong{white-space:normal}.learning-tip p{margin-top:8px}}
@media(max-width:650px){.category-grid,.starting-path{grid-template-columns:1fr}.blog-page h1{font-size:36px}.blog-page h2{font-size:27px}.category-card{padding:20px}.category-card h3{font-size:29px;margin:6px 0 10px}.category-card p{margin-bottom:14px}.learning-nav{gap:8px;margin-bottom:26px}.learning-nav a{padding:8px 16px;font-size:19px}.learning-tip{padding:18px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row #blog-reset{font-size:18px;padding:8px 16px}.full-contents>summary,.article-toc>summary{font-size:22px;padding:16px 18px}.full-contents>summary span{display:block;margin-top:4px}.starting-path a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 12px}.starting-path a:before{grid-row:1/3;margin:0}.starting-path strong{font-size:24px}.starting-path span{grid-column:2}.article-list>li>a{padding:16px 18px}.contents-category{margin:0 18px}.article-list .list-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
