/* AI for Dentists — a calm, editorial practice experience. */
:root {
  --bg: #f5f7f4;
  --bg-card: #ffffff;
  --bg-card-hover: #f4faf8;
  --blue: #08776e;
  --blue-glow: #e2f2ed;
  --blue-dim: #08645e;
  --text: #163038;
  --text-dim: #4e6870;
  --text-muted: #536c71;
  --border: #ccddd9;
  --radius: 18px;
  --radius-sm: 10px;
}
html { scroll-padding-top: 88px; }
body { background: var(--bg); color: var(--text); font-family: 'Sora', system-ui, sans-serif; }
::selection { background: #cde9e0; color: #163038; }
a { color: #086d65; }
a:hover { color: #074c48; }
:where(a,button,summary):focus-visible { outline: 3px solid #c45c40; outline-offset: 4px; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 200; padding: 12px 16px; background: #fff; color: #173038; border: 2px solid #c45c40; border-radius: 8px; }
.skip-link:focus { top: 12px; }

nav { height: 76px; background: rgba(248,250,247,.96); border-bottom: 1px solid #d6e2de; padding-inline: max(24px, calc((100vw - 1200px)/2)); box-shadow: 0 4px 22px rgba(13,56,58,.035); }
.nav-logo { color: #1b353b; font-size: 1.02rem; letter-spacing: -.055em; }
.nav-logo span { color: #08776e; }
.nav-logo svg rect { fill: #08776e; }
.nav-logo svg path { stroke: white; }
.nav-links a { color: #35535a; font-size: .83rem; }
.nav-links a:hover { color: #076b62; }
.nav-cta,.btn-primary { background: #086e66; color: #fff; border-radius: 999px; box-shadow: 0 6px 16px rgba(8,96,88,.13); }
.nav-cta:hover,.btn-primary:hover { background: #064f4c; color: #fff; }
.nav-mobile summary { min-width: 72px; min-height: 44px; display: grid; place-items: center; color: #173d41; background: #fff; border-color: #b5cec8; border-radius: 999px; }
.nav-mobile[open] summary { color: #075c56; }
.nav-mobile-links { top: 52px; background: #fff; border-color: #bfd6cf; box-shadow: 0 18px 48px rgba(20,64,67,.17); }
.nav-mobile-links a { color: #173d41; min-height: 44px; display: flex; align-items: center; border-radius: 6px; }
.nav-mobile-links a:hover { color: #075e57; background: #edf7f3; }
.nav-mobile summary:focus-visible,.nav-mobile a:focus-visible { outline-color: #c45c40; }

/* Home: a light clinical canvas with one contrasting operating diagram. */
.dent-hero { min-height: auto; text-align: left; padding: 154px 24px 96px; background: radial-gradient(circle at 87% 18%, #dceee8, transparent 32%), #f5f7f4; }
.dent-hero::before { display: none; }
.dent-hero-inner { width: min(1200px,100%); grid-template-columns: .92fr 1.08fr; gap: clamp(32px,5vw,82px); }
.dent-hero .hero-badge { background: #e6f2ed; border-color: #bbd9cf; color: #075e58; padding: 9px 17px; font-size: .72rem; letter-spacing: .055em; text-transform: uppercase; }
.dent-hero .hero-badge::before { background: #168c79; }
.dent-hero h1 { color: #17353d; font-size: clamp(2.65rem,5vw,5.25rem); line-height: 1.1; letter-spacing: -.045em; word-spacing: .04em; font-weight: 700; max-width: 630px; }
.dent-hero h1 span { color: #08776e; }
.dent-hero .hero-sub { color: #4d6870; max-width: 560px; font-size: 1.08rem; line-height: 1.78; }
.dent-hero .hero-buttons { gap: 10px; }
.dent-hero .btn-primary { border-radius: 999px; }
.dent-hero .btn-secondary { color: #174148; border-color: #a9ccc3; background: #fff; border-radius: 999px; }
.dent-hero .btn-secondary:hover { background: #ebf6f1; border-color: #08776e; }
.dent-map { background: #193c45; border: 1px solid #1d565d; border-radius: 25px; padding: 26px; box-shadow: 0 32px 70px rgba(22,65,69,.16); color: #f5fcf9; }
.dent-map-top { border-color: #47717a; color: #d9f7ee; }
.dent-map-top span:last-child { color: #a6e4d3; }
.dent-network { display: grid; gap: 9px; }
.dent-stage { display: block; background: #24505a; border: 1px solid #46747c; border-radius: 14px; padding: 16px; position: relative; }
.dent-stage + .dent-stage::before { content: ''; position: absolute; height: 11px; width: 2px; background: #90d4c5; left: 35px; top: -11px; }
.dent-map-instruction { color: #526784; font-size: .79rem; line-height: 1.55; margin: -3px 0 15px; }
.dent-stage > summary { display: grid; grid-template-columns: 38px minmax(0,1fr) 22px; gap: 14px; align-items: center; min-height: 48px; cursor: pointer; list-style: none; }
.dent-stage > summary::-webkit-details-marker { display: none; }
.dent-stage > summary:focus-visible { outline: 3px solid #285dbd; outline-offset: 6px; border-radius: 3px; }
.dent-stage-toggle { color: #285dbd; font-size: 1.4rem; line-height: 1; text-align: center; }
.dent-stage[open] .dent-stage-toggle { transform: rotate(45deg); }
.dent-stage-detail { padding-left: 52px; }
.dent-stage .dent-stage-check { margin-top: 12px; padding-top: 10px; border-top: 1px solid #cfdbef; font-size: .76rem; }
.dent-stage-check b { color: #214d9d; display: block; margin-bottom: 3px; }
.dent-stage-number { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #9cdbcb; border-radius: 50%; color: #dbf8ed; font-weight: 700; font-size: .76rem; }
.dent-stage small { display: block; color: #b2e4d6; text-transform: uppercase; letter-spacing: .11em; font-size: .72rem; font-weight: 700; margin-bottom: 4px; }
.dent-stage strong { display: block; color: #fff; font-size: .96rem; line-height: 1.35; }
.dent-stage p { color: #d7eae6; font-size: .84rem; line-height: 1.55; margin: 6px 0 0; }
.dent-stage em { display: inline-block; color: #173f42; background: #c8ecdf; font-size: .72rem; font-style: normal; font-weight: 700; padding: 4px 9px; border-radius: 999px; margin-top: 9px; }
.dent-stage:nth-child(2) { background: #31565c; border-color: #8dc5b9; }
.dent-stage:nth-child(2) em { background: #f5d5b7; }
.dent-boundary { margin-top: 11px; border: 1px solid #8fc6bc; border-radius: 12px; padding: 12px 15px; display: flex; align-items: flex-start; gap: 15px; background: #153940; }
.dent-boundary strong { color: #bfe9d8; font-size: .69rem; text-transform: uppercase; letter-spacing: .09em; min-width: 100px; }
.dent-boundary p { color: #e1eee9; font-size: .73rem; line-height: 1.5; }
.dent-map-caption { color: #d4e6e3; }
.dent-explain { background: #e5f1ec; color: #183a3d; padding: 94px 24px; }
.dent-explain h2 { letter-spacing: -.05em; font-size: clamp(2rem,3.5vw,3.35rem); }
.dent-explain .section-label { color: #086b61; }
.dent-explain p { color: #395960; }
.dent-explain a { color: #065a53; text-decoration: underline; text-underline-offset: 4px; }
.dent-legend div { box-shadow: 0 8px 28px rgba(25,86,83,.06); border-color: #0d7970; }
.dent-legend div:nth-child(2) { border-color: #9bc9b8; }
.dent-legend div:nth-child(3) { border-color: #d88462; }
.dent-legend strong { color: #14524e; }
.dent-legend span { color: #49656b; }

section { padding-block: 92px; }
.section-inner { max-width: 1160px; }
.section-label { color: #08776e; font-size: .7rem; letter-spacing: .16em; }
.section-title { color: #18353a; font-size: clamp(2rem,3.8vw,3.3rem); letter-spacing: -.05em; max-width: 780px; }
.section-desc { color: #506a70; max-width: 660px; }
#problems { background: #f8faf7; }
.problems-grid { gap: 14px; }
.problem-card,.feature-card,.step-card { background: #fff; border-color: #d2e2dc; border-radius: 17px; box-shadow: 0 7px 25px rgba(20,74,72,.035); }
.problem-card:hover,.feature-card:hover,.step-card:hover { border-color: #80b9aa; background: #fff; }
.problem-card h3,.feature-card h3,.step-card h3 { color: #1b4145; }
.problem-card p,.feature-card p,.step-card p { color: #526b70; }
.problem-icon,.feature-icon { background: #e2f2eb; border-radius: 11px; }
.feature-icon svg { stroke: #08776e; }
#how-it-works { background: #eaf3ef; }
.step-number { color: #0a7169; opacity: 1; font-size: 2.25rem; }
#features { background: #f8faf7; }
#faq { background: #eaf3ef; }
.faq-item { background: #fff; border-color: #cddfd7; }
.faq-q { color: #173c40; }
.faq-q::after { color: #0b746b; }
.faq-a { color: #4b656c; }

/* An example that makes the patient/staff boundary concrete. */
.dent-scenario { background: #153b42; color: #f2f9f6; padding: 92px 24px; }
.dent-scenario .section-inner { max-width: 1160px; }
.dent-scenario .section-label { color: #b0e4d1; }
.dent-scenario .section-title { color: #fff; }
.dent-scenario .section-desc { color: #c9deda; }
.scenario-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.scenario-card { border: 1px solid #55827c; background: #214c51; border-radius: 16px; padding: 25px; }
.scenario-card .scenario-number { color: #b1e2ce; font-size: .69rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.scenario-card h3 { color: #fff; font-size: 1.13rem; margin: 13px 0 10px; }
.scenario-card p { color: #d0e4df; font-size: .88rem; line-height: 1.65; }
.scenario-card .scenario-owner { display: inline-block; margin-top: 20px; color: #133e3e; background: #cceddd; border-radius: 999px; padding: 7px 11px; font-size: .71rem; font-weight: 700; }
.dent-scenario .scenario-link { display: inline-block; margin-top: 24px; color: #d1f2e3; text-decoration: underline; text-underline-offset: 4px; font-weight: 600; }
.dent-guides { background: #f8faf7 !important; padding: 92px 24px !important; }
.dent-guides .dent-guide-grid a { background: #fff; border-color: #cbded6; color: #163a40; box-shadow: 0 7px 25px rgba(20,74,72,.04); }
.dent-guides .dent-guide-grid a:hover { border-color: #0c766a; }
.dent-guides .dent-guide-grid strong { color: #08776e; }
.dent-guides .dent-guide-grid span { color: #163a40; }
.dent-guides .dent-guide-grid small { color: #506a70; }
.cta-section { background: #e8f1ec; }
.cta-section::before { background: radial-gradient(circle,#d4e8de,transparent 70%); }
.cta-box { background: #fff; border-color: #c7dcd2; box-shadow: 0 18px 48px rgba(22,78,73,.07); }
.cta-box h2,.cta-box h3 { color: #173d40; }
.cta-box p { color: #4e686c; }
.cta-note { color: #526c70; }

/* About, FAQ, guides, and articles use the same editorial reading system. */
.page-header { max-width: none; padding: 142px 24px 55px; background: #e7f2ec; }
.page-header h1 { max-width: 800px; margin-inline: auto; color: #17383b; font-size: clamp(2.3rem,5vw,4rem); letter-spacing: -.055em; }
.page-header p { color: #47636a; max-width: 650px; line-height: 1.7; }
.breadcrumb { color: #47636a; font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.breadcrumb a { color: #086b62; text-decoration: underline; text-underline-offset: 3px; }
.content,.faq-section,.blog-section { max-width: 1120px; padding-block: 64px 98px; }
.content { max-width: 790px; }
.content h2 { color: #193e43; font-size: clamp(1.4rem,2vw,1.75rem); letter-spacing: -.035em; padding-top: .4rem; }
.content p,.content ul { color: #425e65; font-size: .99rem; line-height: 1.85; }
.content strong { color: #183b40; }
.content a,.article-wrap a:not(.btn-primary) { color: #08695f; text-decoration: underline; text-underline-offset: 3px; }
.cred-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.cred-card { background: #e8f3ed; border-color: #c5dcd0; text-align: left; }
.cred-card .val { color: #086f64; font-size: 1.05rem; }
.cred-card .lbl { color: #526d71; font-size: .74rem; }
.faq-section { max-width: 900px; }
.faq-section .faq-item { border-left: 4px solid #86b9a9; padding: 26px 30px; box-shadow: 0 6px 21px rgba(24,76,70,.035); }
.faq-section .faq-item h2 { color: #173e40; font-size: 1.06rem; line-height: 1.4; }
.faq-section .faq-item p,.faq-section .faq-item ul { color: #4b676c; font-size: .94rem; }
.faq-source { color: #4b676c !important; }
.blog-section { max-width: 1000px; }
.blog-list { gap: 12px; }
.blog-card { display: grid; grid-template-columns: 148px 1fr; column-gap: 30px; background: #fff; border-color: #cadfd5; padding: 30px 34px; border-radius: 16px; }
.blog-card:hover { border-color: #0a776a; box-shadow: 0 9px 25px rgba(21,78,71,.08); }
.blog-card .meta { grid-row: span 2; color: #0b6b62; font-size: .7rem; letter-spacing: .035em; text-transform: uppercase; font-weight: 700; padding-top: 4px; }
.blog-card h2 { color: #183b3e; font-size: 1.2rem; line-height: 1.42; }
.blog-card p { color: #547077; font-size: .9rem; }
.article-wrap { max-width: 800px; padding: 136px 24px 85px; }
.article-wrap h1 { color: #17393e; font-size: clamp(2rem,4vw,3.25rem); letter-spacing: -.055em; line-height: 1.13; }
.article-wrap h2 { color: #1a4145; font-size: clamp(1.32rem,2.2vw,1.65rem); letter-spacing: -.035em; scroll-margin-top: 100px; }
.article-wrap h3 { color: #1b4145; }
.article-wrap p,.article-wrap ul,.article-wrap ol { color: #425e65; font-size: .98rem; line-height: 1.9; }
.article-wrap strong { color: #183d41; }
.article-meta,.back-link { color: #4b676b; }
.answer-box { background: #e5f2eb; border: 1px solid #9ecbb9; border-left: 5px solid #0c796c; border-radius: 12px; padding: 26px 28px; }
.answer-box strong { color: #08695f; }
.answer-box p { color: #244c4f; font-size: 1.02rem; }
.article-wrap blockquote { color: #45636a; }
.article-wrap .cta-box { border-radius: 18px; }
footer { background: #163b42; border: 0; padding: 46px 24px; }
footer p { color: #cadeda; }
footer a { color: #e2f4ed; text-decoration: underline; text-underline-offset: 3px; }
footer a:hover { color: #fff; }
.footer-links { flex-wrap: wrap; gap: 10px 25px; }

@media(max-width: 900px) {
  nav { padding-inline: 22px; }
  .dent-hero-inner { grid-template-columns: 1fr; gap: 38px; }
  .dent-hero h1 { max-width: 780px; }
  .dent-map { max-width: 780px; }
  .dent-explain-inner { grid-template-columns: 1fr; gap: 35px; }
  .scenario-grid { grid-template-columns: 1fr; }
}
@media(max-width: 640px) {
  nav { height: 66px; padding-inline: 18px; }
  .nav-logo { font-size: .94rem; }
  .dent-hero { padding: 112px 20px 70px; }
  .dent-hero h1 { font-size: clamp(2.25rem,10.7vw,3.5rem); letter-spacing: -.035em; word-spacing: .04em; }
  .dent-hero .hero-sub { font-size: .95rem; }
  .dent-hero .hero-buttons { align-items: stretch; }
  .dent-map { padding: 17px; border-radius: 18px; }
  .dent-map-top { font-size: .68rem; }
  .dent-map-top span:last-child { font-size: .6rem; }
  .dent-stage { padding: 12px; }
  .dent-stage > summary { grid-template-columns: 32px minmax(0,1fr) 18px; gap: 10px; }
  .dent-stage-detail { padding-left: 42px; }
  .dent-stage-number { width: 32px; height: 32px; }
  .dent-stage + .dent-stage::before { left: 29px; }
  .dent-stage strong { font-size: .88rem; }
  .dent-stage p { font-size: .79rem; }
  .dent-boundary { display: block; }
  .dent-boundary p { margin-top: 5px; }
  .dent-explain,.dent-scenario { padding: 68px 20px; }
  .dent-legend div { grid-template-columns: 1fr; gap: 5px; }
  section { padding-block: 70px; }
  .section-title { font-size: 2rem; }
  .scenario-card { padding: 22px; }
  .dent-guides { padding: 70px 20px !important; }
  .page-header { padding: 116px 20px 43px; }
  .content,.faq-section,.blog-section { padding: 44px 20px 72px; }
  .cred-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blog-card { display: block; padding: 23px; }
  .blog-card .meta { margin-bottom: 10px; }
  .article-wrap { padding: 106px 20px 64px; }
  .answer-box { padding: 22px; }
  .cta-box { padding: 30px 23px; }
}
@media(max-width: 360px) {
  .nav-logo { font-size: .82rem; gap: 6px; }
  .nav-logo svg { width: 23px; height: 23px; }
  .dent-map-top { letter-spacing: .07em; }
  .dent-stage { padding: 10px; }
  .dent-stage-number { width: 29px; height: 29px; }
  .dent-stage + .dent-stage::before { left: 25px; }
}
@media(prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Dental's distinct identity: cobalt clinical charting on deep navy. */
:root {
  --bg: #f4f6fb;
  --bg-card: #ffffff;
  --bg-card-hover: #f3f6ff;
  --blue: #285cbd;
  --blue-glow: #e9efff;
  --blue-dim: #1f4d9f;
  --text: #192d50;
  --text-dim: #50617d;
  --text-muted: #536481;
  --border: #ced8ea;
}
::selection { background: #cbd9ff; color: #122a55; }
a { color: #2454b2; }
a:hover { color: #143e8b; }
:where(a,button,summary):focus-visible { outline-color: #e5a76a; }
nav { background: rgba(10,27,58,.97); border-color: #264270; box-shadow: 0 7px 25px rgba(12,30,65,.13); }
.nav-logo,.nav-links a { color: #eef4ff; }
.nav-logo span { color: #a9c8ff; }
.nav-logo svg rect { fill: #6898ed; }
.nav-links a:hover { color: #b9d4ff; }
.nav-cta,.btn-primary { background: #285dbd; color: #fff; box-shadow: 0 6px 16px rgba(27,62,141,.19); }
.nav-cta:hover,.btn-primary:hover { background: #174aab; color: #fff; }
.nav-mobile summary { background: #17335f; color: #fff; border-color: #7593c4; }
.nav-mobile[open] summary { color: #cce0ff; }
.nav-mobile-links { background: #102c55; border-color: #5779b0; }
.nav-mobile-links a { color: #fff; }
.nav-mobile-links a:hover { background: #234777; color: #fff; }
.dent-hero { background: radial-gradient(circle at 78% 18%, rgba(91,128,217,.27), transparent 39%), linear-gradient(145deg,#0a1d3d,#102c5b 58%,#071937); }
.dent-hero .hero-badge { background: #1b3971; border-color: #6384ca; color: #e9f1ff; }
.dent-hero .hero-badge::before { background: #a7c8ff; }
.dent-hero h1 { color: #fff; }
.dent-hero h1 span { color: #b9d1ff; }
.dent-hero .hero-sub { color: #d3e1f5; }
.dent-hero .btn-primary { background: #c5d7fa; color: #102751; box-shadow: none; }
.dent-hero .btn-primary:hover { background: #fff; color: #102751; }
.dent-hero .btn-secondary { background: transparent; color: #e5efff; border-color: #7796d0; }
.dent-hero .btn-secondary:hover { background: #254d91; border-color: #b0caff; }
.dent-map { background: #f9fbff; border-color: #a9bae0; color: #193460; box-shadow: 0 35px 74px rgba(0,10,35,.26); }
.dent-network { grid-template-columns: 1fr; }
.dent-map-top { border-color: #d8e1f3; color: #1d4388; }
.dent-map-top span:last-child { color: #526da8; }
.dent-stage { background: #fff; border-color: #ccdaf0; box-shadow: 0 3px 12px rgba(18,54,115,.04); }
.dent-stage:nth-child(2) { background: #fff; border-color: #ccdaf0; }
.dent-stage[open] { background: #edf3ff; border-color: #8daae0; }
.dent-stage + .dent-stage::before { background: #6c92d9; }
.dent-stage-number { color: #214d9d; border-color: #93afe4; }
.dent-stage small { color: #2c5bab; }
.dent-stage strong { color: #193561; }
.dent-stage p { color: #526784; }
.dent-stage em { background: #e4ecff; color: #234d97; }
.dent-stage:nth-child(2) em { background: #cbdafa; color: #193e84; }
.dent-boundary { background: #173d7b; border-color: #2d5ba8; }
.dent-boundary strong { color: #cfe0ff; }
.dent-boundary p { color: #edf3ff; }
.dent-map-caption { color: #596f8d; }
.dent-explain { background: #eaf0fb; color: #1b3359; }
.dent-explain .section-label,.section-label { color: #285bb4; }
.dent-explain h2,.section-title { color: #1b3359; }
.dent-explain p,.section-desc { color: #526783; }
.dent-explain a { color: #2453a5; }
.dent-legend div { border-color: #345fb8; box-shadow: 0 8px 28px rgba(27,61,129,.06); }
.dent-legend div:nth-child(2) { border-color: #83a6de; }
.dent-legend div:nth-child(3) { border-color: #dcaa7f; }
.dent-legend strong { color: #214c9c; }
.dent-legend span { color: #536782; }
#problems,#features,.dent-guides { background: #f7f9fd !important; }
#how-it-works,#faq,.cta-section { background: #eaf0fa; }
.problem-card,.feature-card,.step-card,.faq-item,.dent-guides .dent-guide-grid a { border-color: #d1dcef; box-shadow: 0 7px 25px rgba(25,54,112,.035); }
.problem-card:hover,.feature-card:hover,.step-card:hover { border-color: #8ba8df; }
.problem-card h3,.feature-card h3,.step-card h3,.faq-q,.dent-guides .dent-guide-grid span { color: #1b3765; }
.problem-card p,.feature-card p,.step-card p,.faq-a,.dent-guides .dent-guide-grid small { color: #536782; }
.problem-icon,.feature-icon { background: #e7efff; }
.feature-icon svg { stroke: #285bb4; }
.step-number,.faq-q::after,.dent-guides .dent-guide-grid strong { color: #285bb4; }
.dent-scenario { background: #102b5b; }
.dent-scenario .section-label { color: #b5d0ff; }
.dent-scenario .section-desc { color: #d1dff3; }
.scenario-card { background: #1d4077; border-color: #6789bf; }
.scenario-card .scenario-number { color: #bad2ff; }
.scenario-card p { color: #deebfd; }
.scenario-card .scenario-owner { color: #173b77; background: #d7e5ff; }
.dent-scenario .scenario-link { color: #e2edff; }
.page-header { background: #eaf0fb; }
.page-header h1,.content h2,.faq-section .faq-item h2,.blog-card h2,.article-wrap h1,.article-wrap h2,.article-wrap h3,.cta-box h2,.cta-box h3 { color: #1a3765; }
.page-header p,.content p,.content ul,.faq-section .faq-item p,.faq-section .faq-item ul,.blog-card p,.article-wrap p,.article-wrap ul,.article-wrap ol,.cta-box p { color: #4c6483; }
.breadcrumb a,.content a,.article-wrap a:not(.btn-primary) { color: #2454ad; }
.cred-card,.answer-box { background: #eaf1ff; border-color: #b6cbed; }
.cred-card .val,.answer-box strong { color: #285bb4; }
.answer-box { border-left-color: #285bb4; }
.answer-box p { color: #2b466e; }
.blog-card { border-color: #d0dbee; }
.blog-card:hover { border-color: #3668bd; }
.blog-card .meta { color: #285bb4; }
footer { background: #0c234b; }
footer p { color: #ccdcf6; }
footer a { color: #ecf3ff; }

.nav-links a{color:#eef4ff!important}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.content a.btn-primary{color:#fff}.dent-chapters{margin:24px 0 36px;padding:20px 24px;border:1px solid #bccde9;background:#eef4ff;border-radius:12px}.dent-chapters summary{font-weight:700;color:#1b3b72;cursor:pointer;min-height:28px}.dent-chapters ol{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.dent-chapters li{margin:0}.dent-chapters a{display:flex;gap:10px;padding:8px 0;font-size:.9rem;line-height:1.45}.dent-chapters a span{font-size:.72rem;min-width:20px;padding-top:3px}h2[id^="guide-chapter-"]{scroll-margin-top:100px}@media(max-width:600px){.dent-chapters ol{grid-template-columns:1fr}.dent-chapters{padding:18px}}