/* Shared reading and interaction rhythm across the free website. */
.site-refined{--site-paper:#fcfbfd;--site-ink:#17131c;--site-muted:#635d6a;--site-line:#e2dee6;--site-purple:#6b238e}
.site-refined :is(a,button,input,summary):focus-visible{outline:2px solid var(--site-purple);outline-offset:5px}
.site-refined :is(a,button){touch-action:manipulation}
.site-refined :is(h1,h2,h3){text-wrap:balance}
.site-refined ::selection{background:#e4d7ed;color:var(--site-ink)}
.site-refined :is(.xlg-btn,.ov5-button,.ov5-nav-next,.header-start){transition:background-color 160ms,color 160ms,border-color 160ms}
.site-refined :is(.xlg-btn,.ov5-button,.ov5-nav-next,.header-start):hover{transform:none}
.site-refined .xlg-nav{background:var(--site-paper);backdrop-filter:none}
.site-refined .xlg-links>a{min-height:44px;display:inline-flex;align-items:center}
.site-refined .xlg-brand small{letter-spacing:.04em}
.site-refined .open-hero{padding-top:32px}
.site-refined .caps-intro{padding-block:64px}
.site-refined .open-source-story{padding-block:72px}
.site-refined .home-video-bridge .course-shell{width:min(1200px,calc(100% - 64px))}
.site-refined .ov5-hero h1{font-size:clamp(44px,5.8vw,72px)}
.site-refined .guide-local-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;color:var(--site-muted)}
.site-refined .guide-local-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}
.site-refined .guide-local-nav a:hover{color:var(--site-purple)}
.site-refined .guide-header{gap:24px}
.site-refined .guide-header .family-home-mark{min-height:44px}
.site-refined .guide-header .family-home-mark::after{content:'← 应用中心';font-size:12px}
.site-refined :is(.catalog-card,.faq-list details,.lesson-practice){scroll-margin-top:104px}
.site-refined .catalog-summary{transition:background-color 160ms}
.site-refined .catalog-summary:hover{background:#f5f2f7}
.site-refined .catalog-card:target{outline:2px solid #c4b1d0;outline-offset:5px}
.site-refined .catalog-tools{padding-bottom:12px}
.site-refined .filter{min-height:40px}
.site-refined .catalog-deep-link{min-height:44px;display:inline-flex;align-items:center}
.site-refined .faq-list summary{min-height:56px;line-height:1.75}
.site-refined .faq-list details[open]{padding-bottom:20px}
.site-refined .faq-list details p{max-width:65ch}
.site-refined .guide-section .section-intro{max-width:48ch}
.site-refined .guide-links a{min-height:88px}
.site-refined .video-companion .course-kicker{letter-spacing:.09em}
/* The atlas has an existing padded reading column. Its aid stays within it. */
.site-refined:has(.topbar) .video-companion-inner{width:100%}
.site-refined:has(.topbar) .video-companion{margin-bottom:56px;padding-block:36px}
@media(max-width:1100px) and (min-width:901px){.site-refined .xlg-links{gap:13px;font-size:13px}.site-refined .xlg-brand strong{font-size:14px}}
@media(max-width:760px){
.site-refined .home-video-bridge .course-shell{width:calc(100% - 40px)}
.site-refined .caps-intro,.site-refined .open-source-story{padding-block:48px}
.site-refined .ov5-hero h1{font-size:clamp(40px,11.5vw,56px)}
.site-refined .guide-header{flex-wrap:wrap;gap:0;padding-block:12px}
.site-refined .guide-local-nav{width:100%;margin:4px 0 0;justify-content:flex-end;gap:24px;font-size:12px;min-height:40px}
.site-refined .guide-local-nav a{min-height:40px}
.site-refined .guide-header:has(.guide-local-nav) .family-lockup{width:100%}
.site-refined input[type=search]{font-size:16px}
.site-refined .filter{min-height:44px}
.site-refined .catalog-summary{padding-block:20px}
.site-refined .faq-list summary{font-size:15px}
.site-refined .faq-list details p{font-size:14px;line-height:1.85}
.site-refined .course-index a{min-height:40px}
.site-refined :is(.course-chapter,.lesson-row){scroll-margin-top:132px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-refined *,.site-refined *::before,.site-refined *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:768px) and (max-width:900px){
.site-refined .xlg-nav-inner{flex-wrap:wrap;gap:0}
.site-refined.js-ready .xlg-menu{display:block}
.site-refined .xlg-links{width:100%;padding:12px 0 20px;flex-wrap:wrap;justify-content:flex-start;gap:8px 24px}
.site-refined.js-ready .xlg-links:not(.is-open){display:none}
}
html:has(.video-course-page){scroll-padding-top:0}
.site-refined #related-video{scroll-margin-top:24px}
.site-refined .release>ul{grid-column:2;margin:0;padding-left:20px;font-size:15px;line-height:1.9;color:var(--site-muted)}
@media(max-width:640px){.site-refined .release>ul{grid-column:1;font-size:14px}}