/* Hong Kong typography and new sections; shared course and teaching UI stays intact. */
.hk-site { --green:#cee568; --ink:#183b4a; font-family:"PingFang HK","Noto Sans TC","Microsoft JhengHei",sans-serif; font-size:17px; line-height:1.8; }
.hk-site h1,.hk-site h2,.hk-site h3 { font-family:inherit; letter-spacing:-.035em; }
.hk-site .preview-bar { background:#102b32; color:#fff; font-size:12px; }
.hk-site .header-inner { gap:18px; }
.hk-site .main-nav { gap:18px; }
.hk-site .header-cta { padding-inline:20px; font-size:15px; white-space:nowrap; }
.hk-site .brand img { width:180px; }
.hk-site .experience-copy h1 { font-size:clamp(44px,4.6vw,66px); line-height:1.18; }
.hk-hero-lead { max-width:490px; margin:26px 0 30px; font-size:17px; line-height:1.9; }
.hk-site .experience-copy .actions { margin-top:25px; }
.hk-site .brand-support-overview { grid-template-columns:1fr; }
.hk-site .brand-support-overview>div { width:100%; max-width:740px; margin-inline:auto; }
.hk-site .brand-support-overview h3 { text-align:center; }
.hk-site .brand-support-heading>p:last-child { max-width:650px; }
.hk-intro { padding-block:86px 70px; background:#f1f6f4; }
.hk-intro h1 { font-size:clamp(40px,4vw,58px); line-height:1.25; max-width:850px; }
.hk-intro .lead { max-width:720px; font-size:18px; line-height:1.85; }
#trial-steps { scroll-margin-top:190px; }
.hk-section { padding-block:72px; }
.hk-section .section-head { margin-bottom:32px; }
.hk-section .section-head h2 { font-size:clamp(30px,3vw,42px); line-height:1.3; }
.hk-section>.wrap>.text-link { display:inline-flex; margin-top:28px; min-height:44px; align-items:center; }
.hk-evidence { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.hk-evidence h3 { font-size:28px; line-height:1.4; margin:12px 0 20px; }
.hk-reading-paper { padding:42px; background:#f7f9f4; border-top:5px solid #eab74d; font-family:Georgia,serif; font-size:clamp(23px,2.2vw,30px); line-height:1.7; }
.hk-reading-paper p { margin:0 0 25px; }
.hk-reading-paper p:last-child { margin-bottom:0; }
.hk-reading-paper mark { background:#f9df91; padding:0 .08em; }
.hk-evidence details { margin:24px 0; border-block:1px solid #ccdad5; }
.hk-evidence summary { padding:15px 0; cursor:pointer; font-weight:700; }
.hk-evidence details p { margin:16px 0; }
.hk-course-spec { margin:0; padding-block:24px; border-bottom:1px solid #ccdad5; font-size:16px; line-height:1.85; }
.hk-caption { font-size:13px; color:#576863; }
.hk-start-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.hk-start-grid article { padding:28px 26px; border-top:3px solid #184b44; background:#f5f8f6; }
.hk-start-grid article>span { font:italic 30px/1.3 Georgia,serif; color:#466f62; }
.hk-start-grid h3 { font-size:23px; line-height:1.45; margin:22px 0 14px; }
.hk-start-grid p { font-size:17px; line-height:1.85; }
.hk-start-grid .text-link { display:inline-block; margin-top:20px; }
.hk-download-grid article { display:flex; flex-direction:column; align-items:flex-start; }
.hk-download-grid .button { margin-top:auto; }
.hk-download-grid p { margin-bottom:28px; }
/* Match the existing device illustrations and brand artwork without importing another market’s page styles. */
.hk-download-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; }
.hk-download-hero figure { margin:0; padding:24px; background:#fff; border:1px solid #ccdad5; border-radius:14px; }
.hk-download-hero img { display:block; width:100%; height:auto; max-height:260px; object-fit:contain; }
.hk-download-hero figcaption { margin-top:20px; padding-top:12px; border-top:1px solid #ccdad5; text-align:center; font-size:14px; color:#576863; }
#student-downloads { scroll-margin-top:140px; }
.hk-download-grid article { border:1px solid #ccdad5; border-radius:12px; background:#fff; box-shadow:0 7px 22px #183b4a06; }
.hk-download-card-top { display:flex; width:100%; align-items:center; justify-content:space-between; gap:20px; }
.hk-download-card-top>span { font:700 30px/1 Georgia,serif; color:#668824; }
.hk-device-art { width:105px; height:76px; fill:white; stroke:#183b4a; stroke-width:2.7; stroke-linejoin:round; stroke-linecap:round; }
.hk-device-screen { fill:#f1f6e6; stroke:#8aa254; }
.hk-device-page { fill:none; stroke:#668824; stroke-width:2; }
.hk-nowrap { white-space:nowrap; }
.hk-faq-courses p { margin:0 0 22px; }
.hk-faq-courses p:last-child { margin-bottom:18px; }
.hk-faq-courses strong { display:block; margin-bottom:4px; color:#183b4a; }

.hk-two-col { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.hk-two-col h3 { margin:0 0 20px; font-size:26px; }
.hk-two-col p { margin:0 0 22px; }
.hk-faq-list { max-width:920px; }
.hk-faq-list details { border-top:1px solid #c9d8d2; }
.hk-faq-list details:last-child { border-bottom:1px solid #c9d8d2; }
.hk-faq-list summary { display:flex; justify-content:space-between; gap:24px; padding:23px 0; cursor:pointer; font-size:20px; font-weight:700; line-height:1.5; list-style:none; }
.hk-faq-list summary::-webkit-details-marker { display:none; }
.hk-faq-list summary:after { content:'＋'; color:#184b44; }
.hk-faq-list details[open] summary:after { content:'−'; }
.hk-faq-list details>div { padding:0 48px 26px 0; font-size:17px; line-height:1.9; }
.hk-faq-list a { text-decoration:underline; text-underline-offset:4px; }
.hk-faq-answer>p,.hk-faq-answer>ul { margin:0 0 18px; }
.hk-faq-answer>p:last-child { margin-bottom:0; }
.hk-faq-answer>ul { padding-left:1.3em; }
.hk-faq-answer li+li { margin-top:8px; }
.hk-faq-answer a { overflow-wrap:anywhere; }
.hk-site .closing p { margin:20px 0 0; line-height:1.85; }
.hk-site .mf-company { line-height:1.85; }
.hk-site :focus-visible { outline:3px solid #b77c0c; outline-offset:5px; }
@media(max-width:1150px) {
 .hk-site .main-nav { gap:10px; }
 .hk-site .header-cta { font-size:16px; }
}
@media(max-width:768px) {
 .hk-site { font-size:16px; line-height:1.8; }
 .hk-site .brand img { width:160px; }
 .hk-site .experience-copy h1 { font-size:43px; }
 .hk-hero-lead { margin:20px 0; font-size:16px; }
 .hk-site .experience-copy .actions { gap:18px; flex-wrap:wrap; }
 .hk-intro { padding-block:52px 44px; }
 .hk-intro .lead { font-size:17px; }
 .hk-section { padding-block:48px; }
 .hk-evidence,.hk-start-grid,.hk-two-col { grid-template-columns:1fr; gap:28px; }
 .hk-reading-paper { padding:28px 23px; font-size:24px; }
 .hk-evidence h3 { font-size:25px; }
 .hk-start-grid article { padding:25px; }
 .hk-download-hero { grid-template-columns:1fr; gap:28px; }
 .hk-download-hero img { max-height:210px; }
 .hk-start-grid h3 { margin-top:14px; }
 .hk-faq-list summary { font-size:18px; padding-block:20px; }
 .hk-faq-list details>div { font-size:16px; padding-right:15px; }
 .hk-site .mf-company span { display:inline-block; max-width:330px; }
}
@media(max-width:375px) { .hk-site .experience-copy h1 { font-size:38px; } }