/* Resource and support pages extend the existing RedPot palette. */
[hidden] { display: none !important; }
.footer-grid { grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px; }
.resource-nav { border-bottom: 1px solid var(--line); background: var(--surface); }
.resource-nav nav { display: flex; gap: 32px; overflow-x: auto; scrollbar-width: thin; }
.resource-nav a { display: block; padding: 18px 0 17px; font-size: 13px; white-space: nowrap; border-bottom: 2px solid transparent; }
.resource-nav a[aria-current], .resource-nav a:hover { border-color: var(--accent); color: var(--accent); }
.eyebrow { font-size: 11px; letter-spacing: 1.5px; font-weight: 650; color: var(--muted); }
.resource-heading { padding-top: 62px; padding-bottom: 42px; }
.resource-heading h1 { font-size: clamp(34px,4.4vw,57px); letter-spacing: -1.7px; line-height: 1.25; margin-top: 17px; }
.resource-intro { color: var(--muted); font-size: 17px; line-height: 1.85; margin-top: 19px; max-width: 680px; }
.resource-feature { display: grid; grid-template-columns: 1fr 1fr; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.resource-feature-copy { padding: 48px; align-self: center; }
.resource-feature h2 { white-space: pre-line; font-size: clamp(26px,3vw,36px); line-height: 1.45; letter-spacing: -.7px; margin: 16px 0; }
.resource-feature-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.9; color: var(--muted); max-width: 390px; }
.resource-feature .button { margin-top: 26px; }
.guide-art { min-height: 350px; background: #e6e9df; display: grid; place-content: center; padding: 36px; position: relative; }
.guide-paper { width: 264px; height: 282px; background: #fafbf7; border: 1px solid #d1d7c7; border-radius: 3px 12px 12px 3px; box-shadow: -6px 0 0 #cfd6c4, 0 22px 25px #31462e18; transform: rotate(6deg); padding: 23px; color: #263529; }
.guide-paper-brand { font-size: 14px; font-weight: 700; }.guide-paper-brand > span { color: #df503c; }
.guide-paper strong { font-size: 27px; line-height: 1.2; display: block; margin-top: 19px; letter-spacing: -1px; }
.guide-diagram { display: flex; gap: 6px; align-items: end; margin-top: 20px; }
.guide-diagram i { display: block; width: 38px; height: 43px; border-radius: 6px; background: #ced8bf; }
.guide-diagram i:nth-child(2) { height: 63px; background: #7c946a; }.guide-diagram i:nth-child(3) { height: 81px; background: #df503c; }
.guide-paper-bottom { display: flex; justify-content: space-between; font-size: 7px; letter-spacing: 1px; margin-top: 15px; border-top: 1px solid #d9dfd2; padding-top: 11px; }
.art-caption { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; font-size: 9px; letter-spacing: 2px; color: #67755f; }
[data-theme="dark"] .guide-art { background: #303d32; }
[data-theme="dark"] .art-caption { color: #bdc8b7; }
.resource-sections { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 34px; border-bottom: 1px solid var(--line); padding-bottom: 34px; }
.resource-sections > a { display: flex; gap: 13px; padding: 8px 22px; border-left: 1px solid var(--line); align-items: start; }
.resource-sections > a:first-child { border-left: 0; padding-left: 0; }
.section-number { font-size: 11px; color: var(--accent); padding-top: 4px; }
.resource-sections h2 { font-size: 17px; }.resource-sections p { font-size: 12px; color: var(--muted); line-height: 1.75; margin-top: 8px; }
.resource-sections .icon { width: 15px; flex-shrink: 0; margin-left: auto; color: var(--muted); margin-top: 4px; }
.resource-sections a:hover h2, .resource-row a:hover, .manual-index a:hover, .news-timeline a:hover, .article-index h2 a:hover { color: var(--accent); }
.resource-library { padding-top: 62px; padding-bottom: 24px; }
.resource-section-title { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 25px; }
.resource-section-title h2 { font-size: 28px; letter-spacing: -.7px; }.resource-section-title p { font-size: 11px; color: var(--muted); letter-spacing: 1px; }
.resource-search { display: grid; grid-template-columns: 20px auto minmax(180px,1fr) auto; align-items: center; gap: 14px; background: var(--surface); padding: 13px 20px; border: 1px solid var(--line); border-radius: 8px; margin-bottom: 24px; }
.resource-search .icon { width: 18px; color: var(--muted); }.resource-search label { font-size: 12px; color: var(--muted); }
.resource-search input { border: 0; border-bottom: 1px solid var(--line); padding: 8px; background: transparent; color: var(--ink); width: 100%; min-width: 0; font: inherit; font-size: 14px; }
.resource-search p { font-size: 12px; color: var(--muted); }
.resource-row { display: grid; grid-template-columns: 115px 1fr 150px; gap: 26px; border-bottom: 1px solid var(--line); padding: 25px 0; align-items: center; }
.row-category { color: var(--muted); font-size: 12px; }.resource-row h3 { font-size: 18px; letter-spacing: -.2px; }.resource-row p { font-size: 13px; line-height: 1.8; color: var(--muted); margin-top: 8px; }
.row-end { display: flex; align-items: center; gap: 20px; justify-content: flex-end; }.row-end small { font-size: 11px; color: var(--muted); }.row-end .icon { width: 16px; flex-shrink: 0; }
.help-band { border-top: 1px solid var(--line); padding-block: 42px; margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }.help-band h2 { font-size: 23px; }.help-band p { color: var(--muted); font-size: 14px; margin-top: 11px; }.help-band .button { flex-shrink: 0; }
.article-index { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; padding-bottom: 30px; }.article-visual { height: 230px; background: #e7ebdf; border: 1px solid var(--line); border-radius: 12px; display: grid; place-items: center; color: #3e6346; position: relative; }.article-visual-number { position: absolute; top: 18px; left: 20px; font-size: 12px; }.article-index-copy { padding: 24px 0; }.article-index h2 { font-size: 24px; line-height: 1.55; margin: 14px 0 12px; letter-spacing: -.4px; }.article-index-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.85; color: var(--muted); }.article-index .eyebrow { font-size: 10px; letter-spacing: .6px; }
.visual-layers { background: #e8e6de; }.visual-certificate { background: #eee3de; color: #ad503b; }
.resource-visual { width: 180px; }.resource-visual > span { font-size: 9px; letter-spacing: 2px; display: block; margin-bottom: 8px; }.cpu-grid { display: grid; grid-template-columns: repeat(8,1fr); gap: 5px; margin-bottom: 20px; }.cpu-grid i { height: 17px; border: 1px solid #6f8b62; border-radius: 3px; }.cpu-grid i:nth-child(-n+4) { background: #78936a; }.ram-bars { display: flex; gap: 5px; }.ram-bars i { width: 18px; height: 22px; background: #94a582; border-radius: 2px; }.ram-bars i:nth-child(n+5) { opacity: .25; }
.layer-visual { width: 190px; transform: rotate(-7deg); }.layer-visual > span { display: block; text-align: center; padding: 10px; font-size: 11px; letter-spacing: 3px; background: #f8f9f3; border: 1px solid #c5ccba; border-radius: 5px; margin-top: -4px; box-shadow: 0 4px 0 #b9c4ac; }.layer-visual > span:first-child { background: #6d8961; color: #fff; }.certificate-visual { display: grid; justify-items: center; gap: 12px; }.certificate-visual .icon { width: 52px; height: 52px; }.certificate-visual > span { font-size: 18px; }.certificate-visual > div { font-size: 8px; letter-spacing: 1.5px; }
[data-theme="dark"] .article-visual { background: #344031; color: #c9d8c0; }[data-theme="dark"] .visual-layers { background: #3a3c32; color: #42573b; }[data-theme="dark"] .visual-certificate { background: #4a332c; color: #efaa92; }
.manual-index { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; }.manual-index article { display: flex; gap: 24px; padding: 30px 0 36px; border-top: 1px solid var(--line); }.manual-number { font-size: 13px; color: var(--accent); padding-top: 8px; }.manual-index h2 { font-size: 24px; letter-spacing: -.5px; }.manual-index p { font-size: 14px; color: var(--muted); line-height: 1.85; margin-top: 10px; }.manual-index ul { list-style: none; margin: 20px 0 0; padding: 0; }.manual-index li { margin-top: 10px; font-size: 13px; }.manual-index li a::before { content: '→'; margin-right: 10px; color: var(--muted); }
.news-layout { display: grid; grid-template-columns: 280px 1fr; gap: 75px; }.release-summary { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 28px; align-self: start; }.release-summary strong { display: block; font-size: 42px; font-weight: 550; margin-block: 20px; }.release-summary > p:not(.eyebrow) { font-size: 12px; color: var(--muted); }.release-summary .button { margin-top: 24px; width: 100%; }.release-summary .inline-link { font-size: 12px; line-height: 1.7; }.news-timeline article { padding-bottom: 35px; border-bottom: 1px solid var(--line); margin-bottom: 35px; }.news-date { display: flex; gap: 20px; font-size: 12px; color: var(--muted); }.news-date > span { color: var(--green); }.news-timeline h2 { font-size: 27px; line-height: 1.5; margin: 17px 0 13px; }.news-timeline p { font-size: 14px; line-height: 1.85; color: var(--muted); }
.doc-breadcrumb { display: flex; gap: 13px; margin-top: 28px; font-size: 12px; color: var(--muted); }.document-layout { display: grid; grid-template-columns: 220px minmax(0,730px); gap: 62px; padding-top: 38px; padding-bottom: 70px; }.doc-toc { align-self: start; position: sticky; top: calc(var(--nav-height) + 28px); padding: 10px 25px 10px 0; }.doc-toc nav { display: grid; gap: 18px; margin-top: 22px; }.doc-toc nav a { font-size: 12px; color: var(--muted); line-height: 1.7; }.doc-toc a:hover { color: var(--accent); }.doc-toc .inline-link { font-size: 11px; margin-top: 30px; }
.doc-meta { display: flex; gap: 20px; font-size: 11px; color: var(--muted); }.document h1 { font-size: clamp(30px,3.2vw,42px); line-height: 1.4; letter-spacing: -1px; margin-top: 20px; }.doc-description { font-size: 17px; color: var(--muted); line-height: 1.9; margin-top: 20px; }.doc-notice { display: flex; gap: 13px; padding: 19px; border-left: 3px solid var(--green); background: var(--surface-soft); margin-top: 28px; }.doc-notice .icon { width: 18px; height: 18px; color: var(--green); flex-shrink: 0; margin-top: 3px; }.doc-notice p { font-size: 12px; color: var(--muted); line-height: 1.9; }.document section { margin-top: 42px; scroll-margin-top: calc(var(--nav-height) + 28px); }.document section h2 { font-size: 24px; line-height: 1.5; letter-spacing: -.4px; }.document section p { font-size: 15px; line-height: 2.05; margin-top: 18px; color: var(--ink); }.checksum { font-family: ui-monospace,monospace; overflow-wrap: anywhere; background: var(--surface-soft); padding: 18px; border-radius: 6px; }.doc-related { display: grid; gap: 16px; border-top: 1px solid var(--line); margin-top: 48px; padding-top: 28px; }.doc-related > a { font-size: 14px; line-height: 1.6; }.doc-related .inline-link { margin-top: 0; }
.support-layout { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 65px; padding-bottom: 70px; }.support-topic { display: block; padding: 25px 25px 25px 0; border-bottom: 1px solid var(--line); position: relative; }.support-topic h2 { font-size: 18px; }.support-topic p { font-size: 13px; line-height: 1.8; color: var(--muted); margin-top: 10px; }.support-topic .icon { position: absolute; right: 0; top: 27px; width: 15px; }.support-topic:hover h2 { color: var(--accent); }.support-expectations { margin-top: 35px; }.support-expectations h2 { font-size: 14px; }.support-expectations p { font-size: 12px; line-height: 1.9; color: var(--muted); margin-top: 15px; }.support-panel { padding: 28px 32px; border: 1px solid var(--line); background: var(--surface); border-radius: 12px; margin-bottom: 20px; }.support-panel h2 { font-size: 24px; }.support-panel > p { color: var(--muted); font-size: 13px; line-height: 1.85; margin-top: 12px; }.support-panel form { margin-top: 20px; }.support-panel [role="status"] { font-size: 13px; line-height: 1.9; margin-top: 14px; overflow-wrap: anywhere; }.support-field { display: grid; gap: 9px; margin-bottom: 20px; font-size: 13px; font-weight: 550; }.support-field input,.support-field select,.support-field textarea,.ticket-reply textarea { font: inherit; font-weight: 400; color: var(--ink); border: 1px solid var(--line); border-radius: 6px; padding: 11px 13px; background: var(--bg); width: 100%; min-width: 0; }.support-field textarea,.ticket-reply textarea { resize: vertical; line-height: 1.85; }.support-field input:focus,.support-field textarea:focus,.support-field select:focus,.ticket-reply textarea:focus { outline: 2px solid var(--green); outline-offset: 2px; }.support-panel fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }.support-panel legend { font-size: 22px; font-weight: 650; margin-bottom: 25px; }.support-panel fieldset:disabled { opacity: .5; }.support-panel .field-help { margin-top: -9px; margin-bottom: 22px; font-size: 11px; line-height: 1.8; color: var(--muted); }.support-panel .text-link { color: var(--accent); cursor: pointer; border: 0; background: transparent; padding: 4px 0; font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }.support-panel button:disabled { cursor: not-allowed; opacity: .55; }.support-panel [data-error="true"] { color: var(--accent); }#supportCodeFields { margin-top: 20px; }#supportSignedIn { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 20px; font-size: 14px; }#supportEmailLabel { overflow-wrap: anywhere; }
.tickets-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }#my-feedback { scroll-margin-top: calc(var(--nav-height) + 20px); }.ticket { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 20px; }.ticket summary { cursor: pointer; font-size: 15px; font-weight: 550; line-height: 1.8; overflow-wrap: anywhere; }.ticket-meta { font-size: 11px; color: var(--muted); line-height: 1.9; margin-top: 10px; overflow-wrap: anywhere; }.ticket-message { padding: 16px; background: var(--surface-soft); border-radius: 6px; margin-top: 14px; }.ticket-message[data-author="support"] { border-left: 3px solid var(--green); }.ticket-message small { color: var(--muted); font-size: 10px; }.ticket-message p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.85; margin-top: 8px; }.ticket-reply { display: grid; gap: 12px; }.ticket-reply label { font-size: 12px; }.ticket-reply button { justify-self: start; }.ticket-reply textarea { margin-top: 8px; }.home-resources { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-block: 60px; }.home-resources h2 { font-size: 32px; line-height: 1.4; margin-top: 15px; }.home-resources p:not(.eyebrow) { font-size: 14px; line-height: 1.85; color: var(--muted); margin-top: 16px; }.home-resources > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 30px; align-content: center; }.home-resources a { padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 15px; }.home-resources a::after { content: '↗'; float: right; color: var(--accent); }
@media(max-width:1080px) { .footer-grid { grid-template-columns: repeat(4,1fr); gap: 25px; }.footer-brand { grid-column: 1 / -1; }.resource-feature-copy { padding: 32px; }.resource-sections { grid-template-columns: 1fr 1fr; row-gap: 25px; }.resource-sections > a:nth-child(3) { border-left: 0; padding-left: 0; }.document-layout { gap: 30px; grid-template-columns: 190px minmax(0,1fr); }.support-layout { gap: 35px; grid-template-columns: 250px minmax(0,1fr); }.support-panel { padding: 24px; }.article-index { gap: 22px; }.article-index h2 { font-size: 21px; }.news-layout { gap: 40px; } }
@media(max-width:760px) { .resource-heading { padding-top: 38px; padding-bottom: 28px; }.resource-heading h1 { letter-spacing: -.9px; }.resource-intro { font-size: 15px; }.resource-feature { grid-template-columns: 1fr; }.guide-art { min-height: 270px; }.guide-paper { transform: rotate(6deg) scale(.8); margin-block: -28px; }.resource-nav nav { gap: 25px; }.resource-row { grid-template-columns: 1fr; gap: 10px; padding-block: 23px; }.row-end { display: none; }.resource-section-title { display: block; }.resource-section-title p { margin-top: 12px; }.resource-search { grid-template-columns: 18px 1fr auto; gap: 10px; padding: 12px; }.resource-search label { grid-column: 2 / -1; }.resource-search input { grid-column: 2; }.resource-search p { grid-column: 3; font-size: 11px; }.resource-library { padding-top: 38px; }.article-index { grid-template-columns: 1fr; }.article-index > article { display: grid; grid-template-columns: 190px 1fr; gap: 24px; }.article-visual { height: 210px; }.resource-visual { width: 140px; }.layer-visual { width: 140px; }.certificate-visual > span { font-size: 14px; }.certificate-visual > div { font-size: 6px; }.article-index-copy { padding: 5px 0 25px; }.manual-index { gap: 0 28px; }.manual-index article { gap: 13px; }.manual-index h2 { font-size: 20px; }.news-layout { grid-template-columns: 1fr; }.release-summary { max-width: none; }.news-timeline h2 { font-size: 24px; }.document-layout { grid-template-columns: 1fr; padding-top: 23px; }.doc-toc { position: static; border: 1px solid var(--line); border-radius: 8px; padding: 20px; }.doc-toc nav { grid-template-columns: 1fr 1fr; gap: 12px 20px; margin-top: 15px; }.doc-toc .inline-link { margin-top: 18px; }.document section p { font-size: 14px; }.support-layout { grid-template-columns: 1fr; }.support-aside { order: 2; }.support-panel { padding: 23px; }.home-resources { grid-template-columns: 1fr; gap: 24px; }.help-band { align-items: start; }.help-band h2 { font-size: 21px; } }
@media(max-width:480px) { .footer-grid { grid-template-columns: 1fr 1fr; }.resource-nav nav { gap: 22px; }.resource-nav a { font-size: 12px; padding-block: 15px; }.resource-sections { grid-template-columns: 1fr; gap: 0; padding-bottom: 0; margin-top: 20px; }.resource-sections > a,.resource-sections > a:first-child,.resource-sections > a:nth-child(3) { padding: 22px 0; border: 0; border-top: 1px solid var(--line); }.resource-feature-copy { padding: 28px; }.resource-sections p { margin-top: 5px; }.resource-feature h2 { font-size: 27px; }.guide-art { min-height: 250px; }.guide-paper { transform: rotate(6deg) scale(.74); }.article-index > article { display: block; }.article-visual { height: 210px; }.article-index-copy { padding-top: 22px; }.manual-index { grid-template-columns: 1fr; }.manual-index article { gap: 22px; }.doc-toc nav { grid-template-columns: 1fr; }.document h1 { font-size: 30px; }.doc-description { font-size: 15px; }.document section h2 { font-size: 22px; }.doc-notice { padding: 15px; }.help-band { display: block; }.help-band .button { margin-top: 23px; }.support-panel { padding: 20px; }.support-panel h2 { font-size: 22px; }.home-resources h2 { font-size: 28px; } }
@media(prefers-reduced-motion:reduce) { .guide-paper { transition: none; } }
@media print { .site-header,.resource-nav,.site-footer,.doc-toc,.help-band,.doc-related { display: none; }body { padding:0; background:#fff; color:#000; }.document-layout { display: block; }.document section { break-inside: avoid; }.doc-notice { border:1px solid #aaa; } }
/* Override the original single-line homepage headline for long editorial titles. */
.resource-heading h1, .document h1 { white-space: normal; overflow-wrap: anywhere; }
.document-layout > *, .resource-feature > *, .support-layout > * { min-width: 0; }
@media (max-width: 480px) { .guide-art { padding-inline: 12px; } }

/* Resource downloads: verified image, Android tools and Mac app */
.resource-downloads { display:grid; gap:24px; margin-bottom:44px; }
.download-hub-block { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:32px; scroll-margin-top:calc(var(--nav-height) + 28px); }
.download-hub-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:24px; }
.download-hub-head h2 { font-size:clamp(23px,2.5vw,29px); letter-spacing:-.6px; line-height:1.35; margin-top:10px; }
.download-hub-head > div > p:not(.eyebrow) { font-size:14px; line-height:1.85; color:var(--muted); margin-top:8px; max-width:660px; }
.download-hub-head .button { flex-shrink:0; gap:8px; }
.download-card-grid > .download-card:only-child { grid-column:1 / -1; }
.download-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.download-card { display:flex; flex-direction:column; padding:22px 24px; border-radius:14px; border:1px solid var(--line); background:var(--bg); transition:border-color .18s; min-width:0; }
.download-card:hover { border-color:color-mix(in srgb,var(--green) 48%,var(--line)); }
.download-card-featured { border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); background:color-mix(in srgb,var(--accent) 2.5%,var(--bg)); }
.download-card-top { display:flex; align-items:center; gap:14px; }
.download-card-icon { width:50px; height:50px; border-radius:12px; object-fit:cover; flex-shrink:0; background:var(--surface-soft); border:1px solid var(--line); }
.download-apk-icon { border-radius:13px; }
.download-card-meta { min-width:0; }
.download-pill { display:inline-block; padding:2px 9px; border-radius:99px; font-size:11px; font-weight:600; background:var(--surface-soft); color:var(--muted); border:1px solid var(--line); margin-bottom:5px; }
.download-pill.pill-official { color:var(--green); border-color:color-mix(in srgb,var(--green) 35%,var(--line)); background:color-mix(in srgb,var(--green) 8%,var(--surface)); }
.download-card-meta h3 { font-size:18px; letter-spacing:-.3px; line-height:1.3; }
.download-card-desc { font-size:13px; line-height:1.8; color:var(--muted); margin-top:13px; flex:1; }
.download-spec-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.download-spec-tags > span { padding:3px 9px; border-radius:6px; border:1px solid var(--line); background:var(--surface); font:11px ui-monospace,SFMono-Regular,monospace; color:var(--muted); }
.download-spec-tags > span[data-zh] { font-family:inherit; color:var(--ink); font-weight:550; }
.download-card-actions { display:flex; flex-direction:column; gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); min-width:0; }
.download-card-actions .button { align-self:flex-start; max-width:100%; gap:8px; white-space:normal; text-align:center; }
.download-action-buttons { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; }
.download-action-buttons .button { align-self:stretch; }
.download-action-details { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; min-width:0; }
.download-access-code { display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; line-height:1.6; white-space:nowrap; }
.download-access-code code { padding:2px 6px; border-radius:4px; background:var(--surface-soft); color:var(--ink); font:600 12px/1.6 ui-monospace,SFMono-Regular,monospace; user-select:all; }
.download-action-details .download-text-link { white-space:nowrap; }
.download-text-link { font-size:12px; font-weight:550; color:var(--muted); }
.download-text-link:hover { color:var(--accent); }
.download-oem-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.download-oem-item { display:flex; align-items:center; gap:11px; padding:12px 14px; border-radius:11px; border:1px solid var(--line); background:var(--surface-soft); min-width:0; }
.download-oem-item img { width:36px; height:36px; border-radius:9px; flex-shrink:0; object-fit:cover; }
.download-oem-copy { min-width:0; flex:1; }
.download-oem-copy strong { display:block; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.download-oem-copy > span:last-child { display:block; font:11px ui-monospace,SFMono-Regular,monospace; color:var(--muted); margin-top:2px; }
.oem-launch-link { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--accent); white-space:nowrap; flex-shrink:0; }
.oem-launch-link .icon { width:14px; height:14px; }
.oem-launch-link:hover { text-decoration:underline; text-underline-offset:4px; }
.download-hub-note { display:flex; flex-wrap:wrap; align-items:center; gap:5px 8px; font-size:12px; line-height:1.8; color:var(--muted); padding:0 4px; }
.download-hub-note .icon { width:15px; height:15px; color:var(--green); flex-shrink:0; }
.download-hub-note a { color:var(--green); text-decoration:underline; text-underline-offset:4px; font-weight:550; }
@media(max-width:960px) { .download-oem-strip { grid-template-columns:1fr; } }
@media(max-width:780px) { .download-hub-block { padding:22px; }.download-hub-head { flex-direction:column; align-items:flex-start; gap:14px; }.download-card-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { .download-hub-block { padding:18px; border-radius:14px; }.download-card { padding:18px; }.download-action-buttons .button { flex:1 1 calc(50% - 5px); padding-inline:8px; font-size:12px; } }

/* Handbook: a readable task index, structured procedures and one-source print edition. */
.manual-start { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:48px; padding:32px; background:var(--surface); border:1px solid var(--line); border-radius:12px; align-items:center; }
.manual-start h2 { font-size:23px; letter-spacing:-.4px; line-height:1.5; }
.manual-start p { font-size:14px; line-height:1.9; color:var(--muted); margin-top:12px; max-width:650px; }
.manual-start .button { margin-top:20px; }
.manual-edition { border-left:2px solid var(--accent); padding:24px; }
.manual-edition strong { font-size:23px; font-weight:600; line-height:1.5; }
.manual-edition small { display:block; margin-top:18px; font-size:12px; color:var(--muted); }
.manual-tools { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin:24px 0; }
.manual-tools > a:not(.button) { font-size:12px; text-decoration:underline; text-underline-offset:4px; line-height:1.8; color:var(--muted); }
.manual-group { margin-top:38px; }
.manual-group-title { font-size:16px; font-weight:600; margin-bottom:18px; color:var(--green); }
.manual-index h3 { font-size:23px; line-height:1.5; letter-spacing:-.5px; }
.manual-index article > div { min-width:0; }
.manual-index summary { cursor:pointer; margin-top:16px; font-size:12px; color:var(--muted); line-height:1.7; }
.manual-index details[open] summary { color:var(--accent); }
.manual-index details ul { margin-top:12px; }
.manual-index details li { line-height:1.7; }
.chapter-meta { display:flex; flex-wrap:wrap; gap:12px 20px; border-bottom:1px solid var(--line); padding:22px 0; font-size:12px; color:var(--muted); }
.chapter-meta a { color:var(--green); }
.doc-toc { max-height:calc(100vh - var(--nav-height) - 50px); overflow-y:auto; scrollbar-width:thin; }
.doc-toc nav a:focus-visible, .manual-index a:focus-visible, .manual-index summary:focus-visible, .manual-tools a:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.document .doc-steps, .document .doc-list { padding-left:26px; margin-top:20px; }
.document .doc-steps li, .document .doc-list li { padding-left:6px; margin:12px 0; font-size:15px; line-height:2; overflow-wrap:anywhere; }
.document .doc-steps li::marker { color:var(--green); font-weight:650; }
.doc-table { margin-top:22px; overflow-x:auto; border:1px solid var(--line); border-radius:8px; scrollbar-width:thin; }
.doc-table table { border-collapse:collapse; width:100%; min-width:410px; font-size:13px; line-height:1.85; text-align:left; }
.doc-table th, .doc-table td { padding:13px 16px; border-bottom:1px solid var(--line); vertical-align:top; overflow-wrap:anywhere; }
.doc-table thead th { background:var(--surface-soft); font-weight:650; }
.doc-table tbody th { font-weight:550; width:26%; }
.doc-table tr:last-child > * { border-bottom:0; }
.doc-table th + th, .doc-table td { border-left:1px solid var(--line); }
.doc-table:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
.manual-callout { margin-top:24px; padding:18px 20px; background:var(--surface-soft); border-left:3px solid var(--green); }
.manual-callout strong { font-size:13px; color:var(--green); }
.document section .manual-callout p { font-size:14px; margin-top:7px; line-height:1.9; }
.manual-callout.warning { border-color:var(--accent); }
.manual-callout.warning strong { color:var(--accent); }
.doc-code { white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.9 ui-monospace,SFMono-Regular,monospace; background:var(--surface-soft); border:1px solid var(--line); border-radius:8px; padding:20px; margin-top:22px; }
.doc-links { display:flex; flex-wrap:wrap; gap:10px 24px; padding:0; list-style:none; margin-top:22px; font-size:13px; line-height:1.9; }
.doc-links a { color:var(--green); text-decoration:underline; text-underline-offset:4px; }
.chapter-navigation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:28px; margin-top:45px; border-top:1px solid var(--line); }
.chapter-navigation a { display:grid; gap:10px; padding:18px; background:var(--surface-soft); border-radius:8px; line-height:1.7; }
.chapter-navigation small { color:var(--muted); font-size:11px; }
.chapter-navigation strong { font-size:15px; font-weight:550; }
.chapter-navigation a:hover strong { color:var(--accent); }
.manual-date { color:var(--muted); font-size:12px; margin-top:18px; }
.document .manual-chapter { border-top:2px solid var(--green); padding-top:28px; margin-top:70px; }
.document .manual-chapter > header > h2 { font-size:30px; margin-top:14px; }
.document .manual-chapter > header > p:not(.eyebrow) { font-size:16px; color:var(--muted); }
.document .manual-chapter h3 { font-size:23px; line-height:1.5; letter-spacing:-.4px; }
@media(max-width:900px) { .manual-start { grid-template-columns:1fr; gap:24px; }.manual-edition { padding-block:12px; }.manual-edition p { margin-top:5px; }.manual-edition small { margin-top:10px; } }
@media(max-width:760px) { .doc-toc { max-height:none; overflow:visible; }.document .doc-steps li,.document .doc-list li { font-size:14px; }.manual-start { padding:24px; }.manual-index h3 { font-size:20px; }.doc-table th,.doc-table td { padding:11px 13px; } }
@media(max-width:480px) { .manual-start { padding:22px; }.manual-start h2 { font-size:21px; }.manual-edition strong { font-size:21px; }.manual-tools { gap:14px 20px; }.chapter-navigation { grid-template-columns:1fr; gap:12px; }.doc-toc nav { gap:10px; }.manual-callout { padding:16px; }.doc-code { padding:16px; font-size:12px; }.document .manual-chapter > header > h2 { font-size:26px; }.document .manual-chapter h3 { font-size:21px; } }
@media print {
 @page { size:A4; margin:18mm 17mm; }
 html,html[data-theme] { --bg:#fff; --surface:#fff; --surface-soft:#f5f5f3; --ink:#111; --muted:#444; --line:#ccc; --green:#28513a; --accent:#953725; font-size:11pt; background:#fff; color:#111; }
 .site-header,.resource-nav,.site-footer,.doc-toc,.help-band,.doc-related,.manual-tools,.manual-print,.chapter-navigation,.chapter-meta,.doc-breadcrumb,.skip-link { display:none !important; }
 body { padding:0 !important; min-width:0; }
 .wrap { width:auto; max-width:none; margin:0; padding:0; }
 .document-layout { display:block; padding:0; }
 .document h1 { font-size:27pt; }
 .document section { break-inside:auto; margin-top:24pt; }
 .document section h2,.document section h3 { break-after:avoid; }
 .document section p,.document .doc-steps li,.document .doc-list li { font-size:10pt; line-height:1.7; orphans:3; widows:3; }
 .document .manual-chapter { break-before:page; border-top:0; margin-top:0; padding-top:0; }
 .document .manual-chapter > header > h2 { font-size:23pt; }
 .doc-table { overflow:visible; border-radius:0; }
 .doc-table table { min-width:0; font-size:9pt; }
 .doc-table tr { break-inside:avoid; }
 .doc-table thead { display:table-header-group; }
 .manual-callout,.doc-code { break-inside:avoid; }
 .doc-notice { border:1px solid #ccc; }
 .doc-links { font-size:9pt; }
}