/* Ten verified guide/resource documents only; the shared presenter owns opt-in. */
.onekids-content-page :where(.okp-guide-app-opening,.okp-guide-chapter,.okp-guide-tutorial,.okp-guide-onecam,.okp-guide-library,.okp-guide-reading,.okp-guide-background,.okp-guide-legal,.okp-guide-platform,.okp-guide-download-intro,.okp-guide-resource-intro,.okp-guide-brochure) { min-width:0; max-width:100%; }
.onekids-content-page :where(.okp-guide-copy,.okp-guide-step__copy) { min-width:0; color:#475569; font-size:16px; line-height:1.85; }
.onekids-content-page :where(.okp-guide-copy,.okp-guide-step__copy) > :last-child { margin-bottom:0; }
.onekids-content-page :where(.okp-guide-copy,.okp-guide-step__copy) > :first-child { margin-top:0; }
.onekids-content-page :where(.okp-guide-screen,.okp-guide-store,.okp-guide-quality,.okp-guide-feature-card,.okp-guide-file,.okp-guide-platform__app) { min-width:0; }
.onekids-content-page :where(.okp-guide-screens,.okp-guide-reading,.okp-guide-background,.okp-guide-brochure a):focus-visible { outline:3px solid #0866ed; outline-offset:4px; }
.onekids-content-page .okp-block--guide-app,.onekids-content-page .okp-block--guide-setup,.onekids-content-page .okp-block--guide-download,.onekids-content-page .okp-block--guide-resources,.onekids-content-page .okp-block--guide-resources-intro,.onekids-content-page .okp-block--guide-resources-reading,.onekids-content-page .okp-block--guide-brochure { width:100%; max-width:none; }

/* Real phone screenshots retain their complete shape. A source run is one scroll region. */
.onekids-content-page .okp-guide-screens { display:flex; justify-content:center; gap:24px; max-width:100%; margin-block:32px; }
.onekids-content-page .okp-guide-screens:has(>.okp-guide-screen:nth-child(2)) { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(180px,260px); justify-content:start; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#9cbce8 #edf4ff; padding:16px 8px 24px; }
.onekids-content-page .okp-guide-screen { display:flex; align-items:center; justify-content:center; width:100%; max-width:740px; margin:0 auto; scroll-snap-align:start; }
.onekids-content-page .okp-guide-screen img { display:block; width:auto; max-width:100%; height:auto; max-height:480px; margin:0 auto; border-radius:18px; object-fit:contain; box-shadow:0 10px 28px rgba(15,23,42,0.08); transition:transform 0.25s; }
.onekids-content-page .okp-guide-screen img:hover { transform:translateY(-4px); }
.onekids-content-page .okp-guide-screen :where(figure,p,a) { min-width:0; max-width:100%; margin:0; }
.onekids-content-page .okp-guide-app-opening { text-align:center; }
.onekids-content-page .okp-guide-app-opening>.okp-guide-copy { max-width:800px; margin-inline:auto; }
.onekids-content-page .okp-guide-app-opening>.okp-guide-copy:first-child h2 { margin-bottom:18px; color:#0866ed; font-size:16px!important; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.onekids-content-page .okp-guide-app-opening>.okp-guide-screens { grid-auto-columns:minmax(180px,230px); justify-content:center; padding:24px 12px 32px; border:1px solid #dce8f8; border-radius:28px; background:radial-gradient(ellipse at center,#eaf3ff,transparent 70%),#f8fbff; box-shadow:0 12px 34px rgba(15,23,42,0.04); }
.onekids-content-page .okp-guide-app-opening .okp-guide-screen img { max-height:420px; filter:drop-shadow(0 12px 20px rgba(15,23,42,0.1)); }
.onekids-content-page .okp-guide-app-opening>.okp-guide-icons { display:flex; justify-content:center; align-items:center; gap:0; margin:24px auto; padding:0; border:0; border-radius:0; background:transparent; }
.onekids-content-page .okp-guide-app-opening .okp-guide-icons>.okp-source-brand { display:block; width:96px; max-width:96px; height:auto; max-height:none; margin:0; padding:0; overflow:visible; }
.onekids-content-page .okp-guide-app-opening .okp-guide-icons>.okp-source-brand img { display:block; width:96px; max-width:100%; height:auto; max-height:none; margin:0; border-radius:0; object-fit:contain; }

/* Named Qualities & Tools */
.onekids-content-page .okp-guide-qualities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:36px; }
.onekids-content-page .okp-guide-quality { padding:28px 24px; border:1px solid #deebfa; border-radius:22px; background:#ffffff; box-shadow:0 8px 24px rgba(15,23,42,0.04); color:#475569; font-size:14.5px; line-height:1.85; transition:transform 0.25s, box-shadow 0.25s; }
.onekids-content-page .okp-guide-quality:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(15,23,42,0.08); }
.onekids-content-page .okp-guide-quality :where(h3,h4) { margin:0 0 12px; color:#0866ed; font-size:18.5px!important; font-weight:750; line-height:1.45; letter-spacing:0; }
.onekids-content-page .okp-guide-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.onekids-content-page .okp-guide-feature-card { position:relative; padding:32px 28px; border:1px solid #e1ebf8; border-radius:24px; background:linear-gradient(140deg,#f8fbff,#ffffff 75%); box-shadow:0 6px 20px rgba(15,23,42,0.04); transition:transform 0.25s, box-shadow 0.25s; }
.onekids-content-page .okp-guide-feature-card:hover { transform:translateY(-4px); box-shadow:0 18px 36px rgba(15,23,42,0.08); }
.onekids-content-page .okp-guide-feature-card:before { display:block; width:32px; height:4px; margin-bottom:20px; border-radius:8px; background:linear-gradient(90deg,#0866ed,#38bdf8); content:""; }
.onekids-content-page .okp-guide-feature-card :where(h3,h4),.onekids-content-page .okp-guide-feature-card>.okp-guide-copy>p:first-child { margin:0 0 12px; color:#0d2847; font-size:19.5px!important; font-weight:750; line-height:1.5; }
.onekids-content-page .okp-guide-feature-card .okp-guide-copy { font-size:15px; }
.onekids-content-page .okp-guide-chapter>.okp-guide-copy { max-width:900px; margin-inline:auto; }
.onekids-content-page .okp-guide-chapter>.okp-guide-screens { margin-block:32px 0; }

/* 1–2–3 Installation Flow */
.onekids-content-page .okp-guide-step { min-width:0; margin-top:28px; padding:36px; border:1px solid #dce8f8; border-radius:26px; background:#ffffff; box-shadow:0 8px 28px rgba(15,23,42,0.04); transition:transform 0.25s, box-shadow 0.25s; }
.onekids-content-page .okp-guide-step:hover { transform:translateY(-3px); box-shadow:0 16px 36px rgba(15,23,42,0.08); }
.onekids-content-page .okp-guide-step h3[data-okp-step] { display:inline-flex; align-items:center; min-height:44px; margin:0 0 22px; padding:8px 20px; border-radius:12px; color:#ffffff; background:linear-gradient(135deg,#0866ed,#0052cc); font-size:18px!important; font-weight:750; letter-spacing:0; box-shadow:0 4px 14px rgba(8,102,237,0.3); }
.onekids-content-page .okp-guide-step--login { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.8fr); align-items:center; gap:36px; background:linear-gradient(135deg,#f4f9ff,#ffffff 70%); }
.onekids-content-page .okp-guide-step__screen { min-width:0; }
.onekids-content-page .okp-guide-step__screen .okp-guide-screens { margin:0; }
.onekids-content-page .okp-guide-step__screen .okp-guide-screen img { max-width:280px; max-height:500px; border:1px solid #dce8f8; border-radius:24px; box-shadow:0 18px 40px rgba(15,23,42,0.12); }
.onekids-content-page .okp-guide-icons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); justify-items:center; align-items:center; gap:20px; padding:26px; margin-block:24px; border:1px solid #e1ebf8; border-radius:20px; background:#f8fbff; }
.onekids-content-page .okp-guide-icons>.okp-source-compact { width:100%; max-width:144px; margin:0; }
.onekids-content-page .okp-guide-icons>.okp-source-compact img { max-width:100%; max-height:156px; margin:0 auto; object-fit:contain; }
.onekids-content-page .okp-guide-stores { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-block:24px; }
.onekids-content-page .okp-guide-store { max-width:210px; }
.onekids-content-page .okp-guide-store a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; max-width:100%; transition:transform 0.2s; }
.onekids-content-page .okp-guide-store a:hover { transform:translateY(-2px); }
.onekids-content-page .okp-guide-store img { display:block; width:auto; max-width:100%; height:auto; max-height:64px; margin:0; border-radius:0; object-fit:contain; }
.onekids-content-page .okp-guide-onecam { padding:36px; border:1px solid #d9e9fa; border-radius:28px; background:linear-gradient(145deg,#eef7ff,#ffffff 65%); box-shadow:0 10px 30px rgba(15,23,42,0.05); }
.onekids-content-page .okp-guide-onecam>.okp-guide-screens .okp-guide-screen img { max-height:360px; }

/* APK Fallback Pages */
.onekids-content-page .okp-guide-download-panel { padding:36px; border:1px solid #cde1fc; border-radius:28px; background:linear-gradient(135deg,#f0f7ff,#ffffff); box-shadow:0 10px 30px rgba(15,23,42,0.05); }
.onekids-content-page .okp-guide-apk { display:inline-flex; align-items:center; justify-content:center; min-height:52px; max-width:100%; padding:14px 28px; margin-block:24px; border:none; border-radius:14px; color:#ffffff; background:linear-gradient(135deg,#0866ed,#0052cc); box-shadow:0 8px 24px -4px rgba(8,102,237,0.38); font-weight:750; text-align:center; text-decoration:none; transition:all 0.25s; }
.onekids-content-page .okp-guide-apk:hover { transform:translateY(-2px); box-shadow:0 12px 30px -4px rgba(8,102,237,0.48); }
.onekids-content-page .okp-guide-apk:empty:after { content:"Tải tệp cài đặt Android ↗"; }
.onekids-content-page .okp-guide-download-panel h3:last-child { color:#475569; font-size:16px!important; font-weight:500; line-height:1.8; }
.onekids-content-page .okp-guide-download-intro { max-width:920px; margin-inline:auto; }
.onekids-content-page .okp-guide-download-intro table { display:table; width:100%; margin-block:24px; border:1px solid #dfeaf8; border-radius:18px; overflow:hidden; background:#f8fbff; }
.onekids-content-page .okp-guide-download-intro :where(td,th) { min-width:0; border:0; border-bottom:1px solid #dfeaf8; padding:16px 22px; }
.onekids-content-page .okp-guide-download-intro td img { max-width:48px; max-height:48px; margin:0; }
.onekids-content-page .okp-guide-platform { padding:36px; border:1px solid #dfe9f7; border-radius:28px; background:#f8fbff; }
.onekids-content-page .okp-guide-platform>h3 { margin:0 0 24px; font-size:25px!important; font-weight:800; }
.onekids-content-page .okp-guide-platform__apps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.onekids-content-page .okp-guide-platform__app { display:flex; flex-direction:column; align-items:flex-start; padding:32px; border:1px solid #e1ebf8; border-radius:22px; background:#ffffff; box-shadow:0 6px 20px rgba(15,23,42,0.04); transition:transform 0.25s, box-shadow 0.25s; }
.onekids-content-page .okp-guide-platform__app:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(15,23,42,0.08); }
.onekids-content-page .okp-guide-platform__app h3 { margin:0 0 10px; font-size:24px!important; font-weight:750; }
.onekids-content-page .okp-guide-platform__app p { margin:0 0 24px; color:#475569; }
.onekids-content-page .okp-guide-platform__app>a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; margin-top:auto; border:none; border-radius:12px; color:#ffffff; background:linear-gradient(135deg,#0866ed,#0052cc); box-shadow:0 6px 18px rgba(8,102,237,0.3); font-weight:750; text-decoration:none; transition:all 0.2s; }
.onekids-content-page .okp-guide-platform__app>a:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(8,102,237,0.4); }

/* File Library Grid */
.onekids-content-page .okp-guide-file-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.onekids-content-page .okp-guide-library>p { margin:0 0 28px; color:#0d2847; font-size:26px; font-weight:800; letter-spacing:-0.025em; }
.onekids-content-page .okp-guide-file { position:relative; display:flex; flex-direction:column; padding:30px; border:1px solid #d6e5f9; border-radius:26px; background:linear-gradient(150deg,#edf5ff,#ffffff 65%); box-shadow:0 10px 26px rgba(15,23,42,0.05); transition:transform 0.25s, box-shadow 0.25s; }
.onekids-content-page .okp-guide-file:hover { transform:translateY(-5px); box-shadow:0 20px 40px rgba(15,23,42,0.1); }
.onekids-content-page .okp-guide-file:before { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:24px; border-radius:14px; color:#0866ed; background:#ddecff; content:"↗"; font-size:24px; font-weight:700; }
.onekids-content-page .okp-guide-file .okp-resource-card { display:flex; flex:1; flex-direction:column; min-width:0; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.onekids-content-page .okp-guide-file :where(h3,h4,p) { margin:0 0 22px; color:#0d2847; font-size:20px!important; font-weight:750; line-height:1.5; }
.onekids-content-page .okp-guide-file a { display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:48px; padding:12px 24px; margin-top:auto; border-radius:12px; color:#ffffff; background:linear-gradient(135deg,#0866ed,#0052cc); font-size:14.5px; font-weight:750; text-decoration:none; box-shadow:0 6px 18px rgba(8,102,237,0.3); transition:all 0.2s; }
.onekids-content-page .okp-guide-file a:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(8,102,237,0.4); }

.onekids-content-page .okp-guide-reading,.onekids-content-page .okp-guide-background { overflow:hidden; border:1px solid #dfe9f7; border-radius:24px; background:#ffffff; box-shadow:0 6px 20px rgba(15,23,42,0.04); }
.onekids-content-page :where(.okp-guide-reading,.okp-guide-background)>summary { position:relative; min-height:60px; padding:24px 56px 24px 28px; color:#0d2847; background:#f8fbff; font-size:16.5px; font-weight:750; line-height:1.6; cursor:pointer; transition:background 0.2s; }
.onekids-content-page :where(.okp-guide-reading,.okp-guide-background)>summary:hover { background:#f0f6ff; }
.onekids-content-page :where(.okp-guide-reading,.okp-guide-background)>summary::marker { color:#0866ed; }
.onekids-content-page .okp-guide-reading>summary h2 { display:inline; margin:0; font-size:22px!important; font-weight:750; line-height:1.6; }
.onekids-content-page :where(.okp-guide-reading__body,.okp-guide-background__body) { padding:36px; color:#475569; font-size:16px; line-height:1.85; }
.onekids-content-page .okp-guide-reading:not(details) { padding:28px 32px; }
.onekids-content-page .okp-guide-background .okp-guide-screen img { max-height:320px; }
.onekids-content-page .okp-guide-resource-intro { max-width:1000px; margin-inline:auto; }
.onekids-content-page .okp-guide-brochure>p { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0; }
.onekids-content-page .okp-guide-brochure>p>a { display:block; align-self:start; min-width:0; padding:12px; border:1px solid #dbe7f8; border-radius:20px; background:#f8fbff; box-shadow:0 6px 20px rgba(15,23,42,0.04); transition:transform 0.25s; }
.onekids-content-page .okp-guide-brochure>p>a:hover { transform:translateY(-3px); }
.onekids-content-page .okp-guide-brochure img { display:block; width:100%; height:auto; max-height:none; margin:0; border-radius:12px; object-fit:contain; }

/* Legal Document Surface */
.onekids-content-page .okp-guide-legal { padding:40px 48px; border:1px solid #e1eaf5; border-radius:26px; background:#ffffff; box-shadow:0 12px 38px rgba(15,23,42,0.05); }
.onekids-content-page .okp-guide-clause { padding-block:32px; border-top:1px solid #e8eef7; color:#334155; font-size:16px; line-height:1.9; }
.onekids-content-page .okp-guide-clause:first-child { padding-top:0; border-top:0; }
.onekids-content-page .okp-guide-clause:last-child { padding-bottom:0; }
.onekids-content-page .okp-guide-clause>h2 { max-width:none; margin:0 0 18px; color:#0d2847; font-size:23px!important; font-weight:750; line-height:1.55; }
.onekids-content-page .okp-guide-clause p { max-width:none; color:#334155; line-height:1.9; }
.onekids-content-page .okp-guide-clause--intro { color:#475569; }

@media(max-width:1024px) {
  .onekids-content-page .okp-guide-qualities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .onekids-content-page .okp-guide-file-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .onekids-content-page .okp-guide-platform__apps { grid-template-columns:minmax(0,1fr); }
}

@media(max-width:600px) {
  .onekids-content-page .okp-guide-qualities, .onekids-content-page .okp-guide-feature-grid, .onekids-content-page .okp-guide-file-grid { grid-template-columns:minmax(0,1fr); }
  .onekids-content-page .okp-guide-step--login { grid-template-columns:minmax(0,1fr); }
  .onekids-content-page .okp-guide-icons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .onekids-content-page .okp-guide-brochure>p { grid-template-columns:minmax(0,1fr); }
  .onekids-content-page .okp-guide-step { padding:26px 20px; }
  .onekids-content-page .okp-guide-legal { padding:28px 22px; }
}