/* 202ch home: direct tool access first. Only used by the two home pages. */
.home-tools-first { background: #f5f9fc; }
.home-tools-first a:focus-visible, .guide-page a:focus-visible, .guide-page summary:focus-visible { outline: 3px solid #1379c2; outline-offset: 5px; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 100; background: #fff; color: #0a2a46; padding: 12px 20px; }
.skip-link:focus { top: 12px; }
.home-tools-first .site-header { position: relative; left: auto; top: auto; transform: none; width: min(1180px, calc(100% - 48px)); height: 70px; margin: auto; color: #12334f; border-color: #cedfe9; }
.home-tools-first .brand > span { display: inline; }
.home-tools-first .brand { font-size: 17px; letter-spacing: .03em; white-space: nowrap; }
.home-tools-first .header-nav { margin-left: auto; margin-right: 32px; gap: 24px; }
.home-tools-first .header-nav a { opacity: 1; padding-block: 14px; }
.home-tools-first .home-language { color: #15466b; background: white; border: 1px solid #ccdfe9; padding: 9px 13px; }
.tool-hero { color: #fff; background: linear-gradient(115deg, #061b36, #094777); }
.tool-hero-inner { width: min(1180px, calc(100% - 48px)); margin: auto; padding: 40px 0 28px; }
.tool-hero .eyebrow { margin-bottom: 14px; font-size: 11px; }
.tool-hero h1 { font-size: clamp(28px, 3.8vw, 46px); letter-spacing: -.02em; line-height: 1.4; }
.tool-lead { margin: 10px 0 24px; color: #dceef7; font-size: 15px; line-height: 1.8; }
.tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; scroll-margin-top: 16px; }
.tool-entry { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 20px 44px 20px 22px; color: #0b2b48; border: 1px solid #deedf5; border-radius: 12px; background: #fff; transition: background .15s, border-color .15s; }
.tool-entry:hover { border-color: #7cd4ff; background: #ecf8ff; }
.tool-label { font-size: 10px; font-weight: 800; letter-spacing: .12em; color: #186292; }
.tool-entry strong { font-size: 20px; line-height: 1.45; }
.tool-summary { font-size: 13px; line-height: 1.65; color: #496578; }
.tool-arrow { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #1572aa; font-size: 22px; }
.tool-shortcuts { display: flex; gap: 10px 24px; flex-wrap: wrap; align-items: center; margin-top: 20px; font-size: 13px; line-height: 1.8; }
.tool-shortcuts > span { color: #c0dce9; }
.tool-shortcuts a { text-decoration: underline; text-underline-offset: 4px; padding-block: 4px; }
.home-guide { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 34px 0; display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "intro overview" "links links"; align-items: center; gap: 22px 24px; border-bottom: 1px solid #d2e2ec; }
.home-guide-copy { grid-area: intro; }
.home-guide > .outline-link { grid-area: overview; justify-self: end; }
.section-kicker { margin: 0 0 8px; color: #21628b; font-size: 10px; letter-spacing: .18em; font-weight: 800; }
.home-guide h2 { margin: 0; font-size: 21px; line-height: 1.65; }
.home-guide p:not(.section-kicker) { margin: 8px 0 0; font-size: 14px; color: #4b687c; line-height: 1.8; }
.outline-link { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; border: 1px solid #adcada; border-radius: 8px; background: white; color: #135e92; font-weight: 700; font-size: 14px; }
.outline-link:hover { background: #eaf6fd; }
.home-tools-first .news-section { padding-block: 44px; align-items: start; }
.home-tools-first .news-section h2 { font-size: 29px; }
.home-tools-first .news-intro p { line-height: 1.9; }
.news-direct { margin-top: 20px; }
.home-tools-first .news-window li { min-height: 48px; font-size: 13px; line-height: 1.5; }
.home-tools-first .news-window time { font-size: 11px; color: #5c7382; }
.home-tools-first .tag { font-size: 10px; }
.home-tools-first .news-more { font-size: 12px; }
.home-tools-first .news-loading { opacity: 1; }
.home-tools-first .about { padding-block: 42px; border-top: 1px solid #d2e2ec; }
.home-tools-first .about h2 { font-size: 29px; }
.home-tools-first .about-copy p { font-size: 14px; line-height: 1.95; }
.home-tools-first footer { margin-top: 0; }
@media (max-width: 760px) {
 .home-tools-first .header-nav { gap: 14px; margin-right: 14px; font-size: 11px; }
 .home-tools-first .header-nav a[href="#about"] { display: none; }
 .home-tools-first .brand-long { display: none; }
 .tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .home-guide { grid-template-columns: minmax(0,1fr); grid-template-areas: "intro" "links" "overview"; gap: 18px; }
 .home-guide > .outline-link { justify-self: start; }
 .home-tools-first .news-section { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 480px) {
 .home-tools-first .site-header { width: calc(100% - 28px); height: 60px; }
 .home-tools-first .brand { gap: 7px; font-size: 17px; }
 .home-tools-first .brand-icon { width: 28px; height: 28px; min-width: 28px; min-height: 28px; flex-basis: 28px; }
 .home-tools-first .header-nav { display: flex; gap: 12px; margin-right: 12px; }
 .home-tools-first .home-language { font-size: 11px; padding: 8px; }
 .tool-hero-inner { width: calc(100% - 28px); padding: 24px 0 18px; }
 .tool-hero .eyebrow { font-size: 9px; margin-bottom: 12px; }
 .tool-hero h1 { font-size: 27px; }
 .tool-lead { font-size: 13px; line-height: 1.75; margin: 10px 0 18px; }
 .tool-grid { gap: 8px; }
 .tool-entry { gap: 5px; padding: 13px 23px 13px 12px; border-radius: 9px; }
 .tool-label { font-size: 8px; letter-spacing: .08em; }
 .tool-entry strong { font-size: 16px; line-height: 1.45; }
 .tool-summary { font-size: 11px; line-height: 1.6; }
 .tool-arrow { right: 8px; font-size: 16px; }
 .tool-shortcuts { font-size: 11px; gap: 4px 12px; margin-top: 14px; }
 .home-guide { width: calc(100% - 32px); padding: 26px 0; }
 .home-guide h2 { font-size: 18px; }
 .home-guide p:not(.section-kicker) { font-size: 13px; }
 .home-tools-first .news-section { padding: 30px 16px; }
 .home-tools-first .about { padding: 30px 16px; }
 .home-tools-first .news-section h2, .home-tools-first .about h2 { font-size: 25px; }
 .home-tools-first .news-window ul { padding-inline: 10px; }
 .home-tools-first .news-window li { grid-template-columns: 40px 64px minmax(0,1fr); gap: 5px; }
 .home-tools-first .news-link { white-space: normal; }
 .home-tools-first footer { padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) { .tool-entry { transition: none; } }
@media (min-width: 761px) {
 .tool-entry:nth-child(3) { grid-column: 1; grid-row: 2; }
 .tool-entry:nth-child(4) { grid-column: 2; grid-row: 2; }
 .tool-entry:nth-child(5) { grid-column: 3; grid-row: 1; }
 .tool-entry:nth-child(6) { grid-column: 3; grid-row: 2; }
}

/* Oversized background wordmark, inspired by the chart's setup panel. */
.tool-hero { position: relative; isolation: isolate; overflow: hidden; }
.hero-wordmark { position: absolute; z-index: 0; right: max(-48px, calc((100vw - 1300px) / 2)); top: -50px; display: flex; align-items: baseline; color: #8bcaff; opacity: .15; font: italic 900 clamp(260px, 33vw, 480px)/1 Arial, sans-serif; letter-spacing: -.085em; transform: rotate(-8deg); white-space: nowrap; pointer-events: none; user-select: none; }
.hero-wordmark-ch { align-self: flex-start; margin-top: .9em; font-size: .38em; letter-spacing: -.075em; margin-left: .055em; }
.tool-hero-inner { position: relative; z-index: 1; }
.home-guide-links { grid-area: links; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; min-width: 0; }
.home-guide-links a { position: relative; display: block; min-width: 0; min-height: 56px; padding: 16px 30px 16px 14px; border: 1px solid #b7d0e1; border-radius: 9px; background: #fff; color: #12527e; font-size: 13px; font-weight: 700; line-height: 1.7; text-decoration: none; }
.home-guide-links a:hover { background: #eaf6fd; border-color: #5499c0; }
.home-guide-tool, .home-guide-purpose { white-space: nowrap; }
html[lang="en"] .home-guide-tool { white-space: normal; }
.home-guide-arrow { position: absolute; right: 12px; bottom: 16px; color: #176ba0; }
@media(max-width:760px) {
 .home-guide-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
 .home-guide-links a { padding: 12px; }
 .home-guide-purpose { display: block; font-size: 12px; font-weight: 500; margin-top: 3px; }
 .home-guide-arrow { bottom: 12px; }
}
@media(max-width:360px) { .home-guide-links a { font-size: 12px; padding: 11px; } }

@media(max-width:760px) { .hero-wordmark { font-size: 320px; top: 24px; right: -50px; opacity: .14; } }
@media(max-width:480px) { .hero-wordmark { font-size: 235px; top: 45px; right: 12px; transform: rotate(-11deg); } }

/* Five direct guide buttons, including Cricket. */
@media(min-width:701px) and (max-width:1100px) { .home-guide-links { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .home-guide-links a:last-child { grid-column: 1 / -1; } }