@media screen {
  :root { --ink:#18211f; --muted:#67726e; --line:#dfe5e1; --wash:#f3f6f3; --green:#206652; --content:1220px; }
  body { line-height:1.75; }
  h1,h2,h3 { font-weight:600; text-wrap:balance; }
  h1 { line-height:1.4; }
  .heading-phrase { display:inline-block; max-width:100%; }
  .button { border-radius:4px; min-height:48px; padding:11px 22px; }
  .button.primary { background:var(--ink); border-color:var(--ink); }
  .button.primary:hover { background:var(--green); border-color:var(--green); }
  .button.secondary:hover { background:#f1f5f0; }
  .text-link { text-underline-offset:6px; }
  .eyebrow { color:#4d6d5e; font-size:12px; margin-bottom:18px; }
  #site-header { height:84px; background:#fff; }
  .nav-inner { max-width:1460px; padding-inline:40px; gap:28px; }
  .brand { gap:11px; }
  .brand>span { font-size:21px; }
  .brand small { font-family:'Courier Prime',monospace; font-size:11px; }
  #primary-nav { gap:32px; }
  #primary-nav>a { font-size:14px; padding-block:30px; }
  #primary-nav>a[aria-current=page]:after { height:2px; }
  .nav-download { min-height:42px; padding:8px 16px; font-size:13px; }
  .home-stage { height:670px; border-bottom:1px solid var(--line); }
  .stage-image { object-fit:contain; object-position:center top; }
  .stage-copy { top:clamp(162px,calc(10.5vw + 20px),215px); left:max(40px,calc((100% - 1220px)/2)); width:304px; }
  .stage-copy h1 { font-family:'Noto Serif CJK SC','Songti SC','STSong','SimSun',serif; font-size:68px; font-weight:700; line-height:1.4; color:#172d25; white-space:nowrap; }
  .stage-copy .eyebrow { font-size:11px; margin-bottom:2px; }
  .stage-english { font-family:'Courier Prime',monospace; font-size:14px; margin-top:2px; color:#52635b; }
  .stage-intro { font-size:29px; font-weight:500; line-height:1.5; margin-top:23px; }
  .stage-detail { font-size:14px; line-height:1.9; margin-top:13px; margin-bottom:23px; }
  .stage-copy .button { min-width:194px; min-height:49px; }
  .stage-learn { font-size:12px; margin-top:17px; }
  .stage-caption { right:94px; bottom:24px; color:#5f6c65; }
  .stage-zoom { right:34px; bottom:18px; }
  .product-facts { padding-block:24px; font-size:12px; }
  .section { padding-block:84px; }
  .section-heading { margin-bottom:38px; }
  .section-heading h2 { font-size:32px; }
  .path-grid { gap:36px; }
  .path-item { padding-top:22px; position:relative; }
  .path-item:before { content:''; position:absolute; top:-1px; left:0; width:34px; border-top:2px solid #9d743d; }
  .path-top { font-family:'Courier Prime',monospace; font-size:13px; margin-bottom:37px; }
  .path-item h3 { font-size:23px; font-weight:600; margin-bottom:14px; }
  .path-item p { margin-bottom:26px; line-height:1.9; }
  .path-item .text-link { font-size:13px; }
  .feature-band { background:#192923; color:#f4f6f2; padding-block:78px; }
  .feature-band .eyebrow { color:#a9c2b2; }
  .feature-band .text-link { color:#c2d3c5; font-size:13px; }
  .feature-layout { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:56px; }
  .feature-layout .image-button { border:0; }
  .feature-band figcaption { color:#b5c3b9; text-align:left; margin-top:16px; }
  .feature-notes article { border-color:#3b4d42; padding-block:25px; }
  .feature-notes article>span { color:#ceaf7d; font-family:'Courier Prime',monospace; }
  .feature-notes h3 { font-size:20px; font-weight:500; }
  .feature-notes p { color:#b8c8bd; line-height:1.9; }
  .example-teaser { gap:90px; }
  .mini-script { border:0; border-left:2px solid #9c7746; background:#f5f7f3; padding:40px 46px; }
  .example-teaser-copy h3 { font-size:32px; line-height:1.5; }
  .example-teaser-copy p { line-height:1.95; }
  .manual-band { padding-block:38px; background:#eaf1e9; }
  .manual-inner h2 { font-size:21px; }
  .manual-inner p { font-size:13px; }
  .page-heading { padding-top:66px; padding-bottom:46px; }
  .page-heading h1 { font-size:42px; font-weight:600; line-height:1.5; margin-bottom:16px; }
  .page-heading .lede { font-size:17px; max-width:710px; }
  .download-layout { padding-bottom:75px; gap:85px; }
  .download-row { padding-block:28px; }
  .file-icon { border-radius:0; background:none; justify-content:start; width:42px; }
  .download-row h3 { font-family:'Courier Prime','PingFang SC','Microsoft YaHei',sans-serif; font-size:23px; }
  .download-aside { padding-left:32px; }
  .download-aside .eyebrow { margin-bottom:18px; }
  .download-aside h3 { font-size:24px; line-height:1.6; }
  .segmented { border-radius:4px; background:#f1f4ef; }
  .notice { padding:20px 22px; border-left-width:2px; }
  .plain-columns { gap:50px; }
  .learning-path { padding-block:32px 42px; gap:70px; }
  .learning-path h2 { font-size:28px; line-height:1.5; }
  .learning-path a { min-height:72px; }
  .catalog-group-title { padding-top:24px; padding-bottom:20px; }
  .catalog-group-title>.icon { margin-top:6px; }
  .catalog-group-title h3 { font-size:22px; }
  .lesson-row { min-height:104px; gap:26px; padding-block:22px; }
  .lesson-row:hover { background:#f6f8f4; }
  .lesson-number { font-family:'Courier Prime',monospace; color:#7d8c82; }
  .lesson-row-copy strong { font-weight:600; font-size:17px; }
  .lesson-row-copy>span { font-size:13px; }
  .lesson-layout { grid-template-columns:220px minmax(0,1fr); gap:64px; padding-top:38px; }
  .lesson-sidebar { top:115px; max-height:calc(100dvh - 135px); }
  .lesson-sidebar h2 { color:#758076; }
  .lesson-sidebar section>a { border-radius:0; padding-block:10px; }
  .lesson-sidebar section>a[aria-current=page] { box-shadow:inset 2px 0 #376c52; }
  .lesson-heading h1 { font-size:36px; line-height:1.5; }
  .lesson-actions { margin-bottom:30px; }
  .lesson-figure { margin-block:30px 38px; }
  .screen-frame { border-color:#d4ddd5; overflow:visible; }
  .screen-enlarge { width:40px; height:40px; }
  .screen-pointer { background:#a06b27; }
  .step-section-heading { margin-bottom:24px; }
  .step-section-heading h2 { font-size:25px; }
  .lesson-step-tabs { gap:10px; margin-bottom:30px; }
  .lesson-step-tabs button { min-height:44px; padding:10px 13px; border-radius:3px; }
  .step-copy { gap:23px; min-height:235px; }
  .step-copy h3 { font-size:24px; line-height:1.6; }
  .step-badge { font-family:'Courier Prime',monospace; line-height:1.95; }
  .check-line { background:#f2f6f0; border-left:2px solid #739981; }
  .practice { margin-top:42px; padding-block:34px; }
  .examples-layout { grid-template-columns:255px minmax(0,1fr); gap:65px; }
  .example-picker { display:none; }
  .example-list { top:110px; max-height:calc(100dvh - 135px); overflow:auto; scrollbar-width:thin; }
  .example-list button { padding:19px 12px; }
  .example-list button[aria-pressed=true] { background:#eef4ec; box-shadow:inset 2px 0 #376c52; }
  .example-heading h2 { font-size:32px; line-height:1.5; }
  .script-sheet { box-shadow:none; border-color:#d4ddd5; padding:48px 52px; }
  .faq-layout { gap:90px; }
  .faq-layout summary { padding-block:6px; font-size:17px; }
  .faq-layout details { scroll-margin-top:120px; }
  .release-tools { gap:0 50px; }
  .release-tools>section { padding-block:28px; }
  .release-article>h2 { margin-top:50px; }
  #site-footer { background:#f4f6f2; padding-top:44px; }
  .footer-inner { padding-bottom:36px; }
  .footer-inner p { color:#59675f; }
  .footer-bottom { color:#67766b; padding-block:22px; }
  .image-dialog { max-width:96vw; width:1600px; border-radius:5px; }
  dialog:not([open]) { display:none; }
  .image-dialog>header { padding:10px 14px; flex-wrap:wrap; gap:8px; }
  .image-dialog>header>p { flex:1 1 210px; }
  .image-dialog>header>div { align-items:center; gap:2px; }
  #image-scale { min-width:48px; text-align:center; font:12px 'Courier Prime',monospace; }
  .image-viewport { height:min(72dvh,60vw); overflow:auto; overscroll-behavior:contain; background:#e8ece8; }
  .image-viewport img { max-width:none; object-fit:contain; margin:auto; }
  .image-viewport:focus-visible { outline:3px solid #a06b27; outline-offset:-3px; }
  .no-script { padding:40px 24px; }
}

@media screen and (min-width:1800px) {
  .home-stage { height:710px; }
  .stage-copy { top:220px; }
}

@media screen and (min-width:901px) and (max-width:1150px) {
  .nav-inner { padding-inline:24px; gap:16px; }
  #primary-nav { gap:17px; }
  .brand>span { font-size:18px; }
  .stage-copy { left:32px; width:278px; top:145px; }
  .stage-copy h1 { font-size:60px; }
  .stage-intro { font-size:26px; }
  .home-stage { height:620px; }
  .path-grid { gap:22px; }
  .path-item h3 { font-size:21px; }
  .feature-layout { gap:35px; }
  .download-layout { gap:42px; }
  .lesson-layout { grid-template-columns:185px minmax(0,1fr); gap:30px; }
  .lesson-heading h1 { font-size:31px; }
}

@media screen and (max-width:900px) {
  #site-header { height:72px; }
  .nav-inner { padding-inline:22px; gap:16px; }
  .brand>span { font-size:19px; }
  #primary-nav { top:71px; }
  #primary-nav>a { padding-block:14px; }
  .home-stage { height:auto; }
  .stage-copy { position:relative; top:auto; left:auto; width:auto; padding:40px 30px 32px; }
  .stage-copy h1 { font-size:60px; }
  .stage-intro { margin-top:17px; font-size:26px; }
  .stage-caption { right:auto; bottom:auto; text-align:left; padding:10px 22px 14px; }
  .stage-zoom { right:18px; bottom:48px; }
  .stage-detail { margin-top:10px; margin-bottom:24px; }
  .section { padding-block:54px; }
  .section-heading h2 { font-size:28px; }
  .path-grid { gap:30px; }
  .path-top { margin-bottom:22px; }
  .feature-band { padding-block:52px; }
  .feature-layout { grid-template-columns:1fr; gap:32px; }
  .feature-notes h3 { font-size:18px; }
  .feature-notes article { padding-block:0; }
  .feature-notes p { font-size:13px; }
  .example-teaser { gap:34px; }
  .example-teaser-copy h3 { font-size:27px; }
  .mini-script { padding:30px 28px; }
  .page-heading { padding-top:40px; padding-bottom:32px; }
  .page-heading h1 { font-size:34px; }
  .page-heading .lede { font-size:16px; }
  .download-layout { gap:32px; padding-bottom:50px; }
  .download-aside { padding-left:0; }
  .plain-columns { gap:28px; }
  .learning-path { gap:25px; }
  .learning-path h2 { font-size:26px; }
  .lesson-layout { grid-template-columns:minmax(0,1fr); gap:0; padding-top:28px; }
  .lesson-heading h1 { font-size:32px; }
  .examples-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .example-list { display:none; }
  .example-picker { display:flex; flex-direction:column; gap:10px; padding-block:0 24px; border-bottom:1px solid var(--line); font-size:12px; color:var(--muted); }
  .example-picker select { width:100%; min-height:50px; border:1px solid #c9d6cb; border-radius:4px; background:white; padding:10px 12px; font-size:16px; color:var(--ink); }
  .example-picker select:focus-visible { outline:3px solid #a06b27; outline-offset:3px; }
  .example-heading h2 { font-size:29px; }
  .script-sheet { padding:40px 35px; }
  .faq-layout { gap:28px; }
  .faq-layout summary { font-size:16px; }
  .release-tools { gap:0 30px; }
  .image-dialog>header>div { flex:none; }
}

@media screen and (max-width:560px) {
  .nav-inner { padding-inline:14px; gap:8px; }
  .brand { gap:7px; }
  .brand>span { font-size:17px; }
  .brand small { font-size:8.5px; }
  .nav-download { min-height:42px; padding:8px 11px; }
  .nav-actions .icon-button { width:40px; height:42px; }
  .stage-copy { padding:28px 20px 25px; }
  .stage-copy h1 { font-size:49px; line-height:1.4; }
  .stage-copy .eyebrow { font-size:11px; margin-bottom:3px; }
  .stage-english { font-size:12px; }
  .stage-intro { font-size:23px; margin-top:16px; }
  .stage-detail { font-size:13px; margin-top:9px; margin-bottom:20px; }
  .stage-copy .button { min-height:47px; }
  .stage-learn { font-size:12px; margin-top:15px; }
  .stage-caption { font-size:10px; padding:10px 16px 13px; }
  .stage-zoom { right:13px; bottom:43px; }
  .product-facts { grid-template-columns:1fr 1fr; gap:12px; padding-block:21px; }
  .product-facts>span,.product-facts>a { font-size:10px; gap:5px; }
  .product-facts>span:nth-child(2) { grid-column:1 / -1; order:3; }
  .product-facts .icon svg { width:15px; height:15px; }
  .product-facts>a { grid-column:1 / -1; font-size:11px; }
  .section { padding-block:44px; }
  .section-heading { margin-bottom:28px; gap:16px; }
  .section-heading h2 { font-size:25px; }
  .eyebrow { margin-bottom:13px; font-size:11px; }
  .path-grid { gap:28px 19px; }
  .path-item { padding-top:18px; }
  .path-top { margin-bottom:24px; font-size:12px; }
  .path-item h3 { font-size:18px; line-height:1.5; }
  .path-item p { font-size:12px; line-height:1.9; margin-bottom:19px; }
  .path-item .text-link { font-size:12px; }
  .feature-band { padding-block:44px; }
  .feature-notes { gap:24px; }
  .feature-notes article { padding-top:20px; border-top:1px solid #3b4d42; }
  .feature-notes h3 { font-size:18px; }
  .feature-notes p { font-size:13px; }
  .feature-layout { gap:28px; }
  .mini-script { padding:28px 24px; font-size:13px; }
  .example-teaser-copy h3 { font-size:27px; }
  .manual-band { padding-block:30px; }
  .manual-inner h2 { font-size:20px; line-height:1.6; }
  .manual-inner p { font-size:12px; }
  .page-heading { padding-top:32px; padding-bottom:30px; }
  .page-heading h1 { font-size:30px; line-height:1.6; margin-bottom:14px; }
  .page-heading .lede { font-size:15px; }
  .download-row { padding-block:25px; }
  .download-row h3 { font-size:22px; }
  .download-row .button { margin-top:10px; }
  .notice { padding:17px 15px; }
  .download-aside h3 { font-size:23px; }
  .plain-columns { gap:30px; }
  .learning-path { padding-block:26px 30px; }
  .learning-path h2 { font-size:24px; }
  .learning-path a { min-height:58px; }
  .catalog-group-title h3 { font-size:20px; }
  .lesson-row { gap:12px; min-height:108px; padding-block:20px; }
  .lesson-row-copy strong { font-size:15px; }
  .lesson-row-copy>span { font-size:12px; }
  .lesson-heading h1 { font-size:28px; line-height:1.55; }
  .lesson-figure { margin-block:25px 30px; }
  .lesson-bottom-nav>a:first-child { max-width:none; flex:none; white-space:nowrap; }
  .lesson-bottom-nav>a:last-child { min-width:0; }
  .screen-enlarge { width:34px; height:34px; }
  .lesson-step-tabs { gap:8px; margin-bottom:27px; }
  .lesson-step-tabs button { padding:9px; min-height:48px; font-size:12px; }
  .step-copy { gap:12px; min-height:285px; }
  .step-copy h3 { font-size:21px; }
  .step-section-heading h2 { font-size:23px; }
  .check-line { margin-top:22px; }
  .step-badge { line-height:2.1; }
  .example-heading h2 { font-size:27px; }
  .script-sheet { padding:32px 23px; }
  .example-controls { flex-wrap:wrap; gap:16px; }
  .release-tools { grid-template-columns:minmax(0,1fr); }
  .image-dialog>header>p { flex-basis:100%; font-size:12px; }
  .image-dialog>header>div { width:100%; justify-content:space-between; }
  .image-dialog>header .icon-button { width:37px; height:42px; }
  #image-scale { min-width:39px; }
  .image-viewport { height:min(65dvh,63vw); }
  .footer-inner { padding-bottom:28px; }
  .footer-inner p { font-size:11px; }
  .footer-bottom { padding-block:20px; }
}

@media screen and (max-width:560px) and (max-height:650px) {
  .stage-english,.stage-detail { display:none; }
  .stage-copy { padding:20px 20px 18px; }
  .stage-copy h1 { font-size:44px; }
  .stage-intro { font-size:21px; margin-top:10px; margin-bottom:17px; }
  .stage-learn { margin-top:12px; }
}
.android-guide-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}
.platform-control{width:100%}.platform-control button{flex:1;min-width:0;padding-inline:14px}
.android-lesson .screen-frame{width:min(100%,280px);max-width:280px;aspect-ratio:390/844;height:auto;margin-inline:auto;overflow:hidden}
.android-lesson .screen-frame img{width:100%;height:100%;max-height:none;object-fit:contain}
@media(max-width:420px){.platform-control button{font-size:12px;padding-inline:6px;gap:5px}.platform-control button .icon svg{width:17px;height:17px}}