/* SQL overview and category pages, plus parent navigation in the existing maps. */
.sql-learning-breadcrumb{margin:0 0 20px;font-size:.85rem}
.sql-learning-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sql-learning-breadcrumb li+li:before{content:'›';margin-right:8px;color:#6b766a}
.sql-learning-breadcrumb a{color:inherit;text-underline-offset:4px;display:inline-block;padding:4px 0}
.sql-learning-breadcrumb li[aria-current=page]{font-weight:600}
body.sql-learning-page{margin:0;color:#24312b;background:#f4f6f0;line-height:1.75}
.sql-learning-page .tbi-sitebar{margin-bottom:0;background:#f4f6f0f5}
.sql-learning-shell{max-width:1120px;width:calc(100% - 40px);margin:0 auto;padding:28px 0 56px}
.sql-learning-page a{color:#27553c;text-underline-offset:4px}
.sql-learning-page a:focus-visible,.sql-learning-page select:focus-visible{outline:3px solid #946a10;outline-offset:4px}
.sql-learning-page h1,.sql-learning-page h2,.sql-learning-page h3,.sql-learning-page h4{color:#24312b;line-height:1.4}
.sql-learning-page h1{font-size:clamp(1.75rem,4vw,2.9rem);letter-spacing:-.025em;margin:8px 0 20px}
.sql-learning-page h2{font-size:1.4rem;margin:0 0 14px}
.sql-learning-page h3{font-size:1.12rem;margin:0}
.sql-learning-page p{margin:0 0 16px;max-width:80ch;overflow-wrap:anywhere}
.sql-learning-eyebrow{font-size:.75rem;letter-spacing:.08em;font-weight:700;color:#526457}
.sql-learning-lead{font-size:1.05rem}
.sql-learning-hero{padding:10px 0 24px}
.sql-learning-path{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px;border-left:3px solid #78926f;padding:12px 18px;background:#e8eee3}
.sql-learning-path>span{font-size:.78rem;color:#526457}
.sql-learning-path ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sql-learning-path li+li:before{content:'›';margin-right:8px;color:#526457}
.sql-learning-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-block:1px solid #cbd5c6;padding:14px 0;margin:0 0 32px}
.sql-learning-maps{display:flex;gap:16px;flex-wrap:wrap;font-size:.88rem;font-weight:600}
.sql-learning-maps a{padding:8px 0}
.sql-learning-maps a[aria-current=page]{text-decoration-thickness:2px}
.sql-learning-product{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8rem}
.sql-learning-product select{font:inherit;min-height:40px;background:#fff;color:#24312b;border:1px solid #9aab9b;border-radius:5px;padding:7px 28px 7px 10px;max-width:100%}
.sql-learning-root{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px 22px;background:#253c30;color:#fff;border-radius:8px 8px 0 0;margin-top:24px}
.sql-learning-root strong{font:700 1.5rem ui-monospace,monospace}
.sql-learning-root span{font-size:.85rem}
.sql-learning-tree{border:1px solid #cbd5c6;border-top:0;border-radius:0 0 8px 8px;background:#fff}
.sql-learning-branch{display:grid;grid-template-columns:32% 1fr;gap:24px;padding:24px;border-top:1px solid #dce3d6}
.sql-learning-branch:first-child{border-top:0}
.sql-learning-branch h3 a{display:flex;gap:10px;flex-direction:column;text-decoration:none}
.sql-learning-branch h3 a:hover span{text-decoration:underline}
.sql-learning-branch h3 b{font:700 1.4rem ui-monospace,monospace;color:#386442}
.sql-learning-branch h3 span{font-weight:650}
.sql-learning-branch .sql-learning-commands{font:400 .75rem/1.8 ui-monospace,monospace;margin:10px 0 0;color:#5b695b;overflow-wrap:anywhere}
.sql-learning-branch ul{list-style:none;border-left:2px solid #dce3d6;margin:0;padding:0 0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.sql-learning-branch li{min-width:0;position:relative}
.sql-learning-branch li:before{content:'';position:absolute;width:12px;height:1px;background:#bdcdbb;left:-20px;top:23px}
.sql-learning-branch li a{display:block;padding:10px 0;line-height:1.6;font-size:.9rem}
.sql-learning-categories{display:flex;flex-wrap:wrap;gap:6px 18px;border-bottom:1px solid #cbd5c6;padding-bottom:20px;margin-bottom:32px}
.sql-learning-categories a{padding:7px 0;text-decoration:none;font-weight:700}
.sql-learning-categories a span{font-size:.8rem;font-weight:400}
.sql-learning-categories a[aria-current=page]{border-bottom:3px solid #416b45}
.sql-learning-topic-index{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:.88rem;margin-bottom:22px}
.sql-learning-topic-index a{padding:6px 0}
.sql-learning-topic{background:#fff;border:1px solid #d2dccd;border-radius:8px;padding:24px;margin-bottom:18px;scroll-margin-top:90px}
.sql-learning-topic-heading{display:flex;gap:14px;align-items:baseline;margin-bottom:14px}
.sql-learning-topic-heading>span{font:600 .78rem ui-monospace,monospace;color:#526457}
.sql-learning-topic-links{border-top:1px solid #e1e6db;padding-top:14px}
.sql-learning-topic-links h4{font-size:.78rem;margin:0 0 6px;color:#526457}
.sql-learning-links{display:flex;gap:4px 18px;flex-wrap:wrap;list-style:none;margin:0 0 12px;padding:0}
.sql-learning-links a{display:block;line-height:1.6;padding:7px 0;font-size:.9rem;overflow-wrap:anywhere}
.sql-learning-function-links a{font-size:.83rem}
.sql-learning-page code{font-family:ui-monospace,monospace;background:transparent;padding:0;color:inherit;overflow-wrap:anywhere}
.sql-learning-functions{margin-top:36px;scroll-margin-top:90px}
.sql-learning-function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sql-learning-function-category{padding:18px;border:1px solid #cbd5c6;border-radius:8px;background:#fff;min-width:0}
.sql-learning-function-category h3{font-size:.97rem}
.sql-learning-function-category h3>a{display:flex;flex-direction:column;gap:6px;padding:4px 0}
.sql-learning-function-category small{color:#526457;font-size:.72rem;font-weight:400}
.sql-learning-function-category ul{padding:0;margin:12px 0 0;list-style:none}
.sql-learning-function-category li a{display:inline-block;max-width:100%;padding:7px 0;font-size:.78rem;line-height:1.5;overflow-wrap:anywhere}
.sql-learning-note{border-left:3px solid #879b73;padding:20px 24px;margin:30px 0;background:#e9eee3}
.sql-learning-note h2{font-size:1.05rem}
.sql-learning-note p{font-size:.9rem}
.sql-learning-note ul{margin:0;padding-left:20px;font-size:.8rem}
.sql-learning-note li{padding:4px 0}
.sql-learning-related{margin-top:32px}
.sql-learning-footer{border-top:1px solid #cbd5c6;padding-top:24px;margin-top:32px;font-size:.82rem;color:#526457}
.sql-learning-skip{position:fixed;left:16px;top:-100px;background:#fff;padding:12px;z-index:10001}
.sql-learning-skip:focus{top:12px}
@media(max-width:760px){.sql-learning-branch{grid-template-columns:1fr;gap:14px}.sql-learning-branch h3 a{flex-direction:row;align-items:baseline;flex-wrap:wrap}.sql-learning-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-learning-categories a span{display:block}}
@media(max-width:480px){.sql-learning-shell{width:calc(100% - 28px);padding-top:20px}.sql-learning-hero{padding-top:0}.sql-learning-page h1{font-size:1.8rem}.sql-learning-branch{padding:20px 18px}.sql-learning-branch ul{grid-template-columns:1fr}.sql-learning-function-grid{grid-template-columns:1fr}.sql-learning-topic{padding:20px 16px}.sql-learning-tools{gap:12px}.sql-learning-product{width:100%;justify-content:space-between}.sql-learning-note{padding:18px}.sql-learning-breadcrumb{font-size:.78rem}.sql-learning-path{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html:has(.sql-learning-page){scroll-behavior:auto}}
