/* ga-v1.0.0. Only the article body is owned here. No scripts or downloaded fonts. */ .ga-v1 { –ga-text: #24313e; –ga-muted: #586675; –ga-accent: #a72d55; –ga-line: #dbe1e7; –ga-panel: #f3f5f8; –ga-paper: #ffffff; –ga-radius: 8px; –ga-gap: 24px; color: var(–ga-text); font-family: inherit; font-size: 16px; line-height: 1.85; text-align: left; max-inline-size: 760px; margin-inline: auto; padding-block: 8px 16px; overflow-wrap: anywhere; } .dark-theme .ga-v1 { –ga-text: #e5eef7; –ga-muted: #b2bfcc; –ga-accent: #f294b2; –ga-line: #505963; –ga-panel: #383d43; –ga-paper: #303336; } .ga-v1, .ga-v1 :where(*) { box-sizing: border-box; min-inline-size: 0; } .ga-v1 :where(p, ul, ol, dl, blockquote, figure) { margin-block: 0 20px; } .ga-v1 :where(p:last-child, ul:last-child, ol:last-child, dl:last-child) { margin-block-end: 0; } .ga-v1.ga-v1 :where(h2, h3) { color: var(–ga-text); font-weight: 700; line-height: 1.5; text-align: left; padding: 0; border: 0; background: none; position: static; letter-spacing: 0; scroll-margin-block-start: 96px; } .ga-v1.ga-v1 :where(h2)::before, .ga-v1.ga-v1 :where(h2)::after, .ga-v1.ga-v1 :where(h3)::before, .ga-v1.ga-v1 :where(h3)::after { content: none; } .ga-v1.ga-v1 :where(h2) { font-size: 23px; margin-block: 40px 18px; padding-inline-start: 13px; border-inline-start: 3px solid var(–ga-accent); } .ga-v1.ga-v1 :where(h3) { font-size: 19px; margin-block: 28px 12px; } .ga-v1 :where(ul, ol) { padding-inline-start: 1.5em; } .ga-v1 :where(li) { margin-block: 7px; padding-inline-start: 3px; } .ga-v1 :where(img) { max-inline-size: 100%; block-size: auto; } .ga-v1 :where(figure) { margin-inline: 0; margin-block: 28px; } .ga-v1 :where(figure img) { display: block; border-radius: 6px; } .ga-v1 :where(figcaption) { margin-block-start: 10px; color: var(–ga-muted); font-size: 13px; line-height: 1.7; } .ga-v1 :where(a:not([class])), .ga-v1 .ga-v1__link { color: var(–ga-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .ga-v1 :where(a:focus-visible, summary:focus-visible) { outline: 2px solid var(–ga-accent); outline-offset: 4px; border-radius: 2px; } .ga-v1 :where(blockquote) { border-inline-start: 2px solid var(–ga-line); padding-inline: 18px 0; color: var(–ga-muted); } .ga-v1 .ga-v1__summary { margin-block: 0 28px; } .ga-v1 .ga-v1__lead { font-size: 18px; line-height: 1.8; margin-block: 0 12px; } .ga-v1 .ga-v1__alias { color: var(–ga-muted); font-size: 14px; line-height: 1.7; } .ga-v1 .ga-v1__facts { background: var(–ga-panel); border: 1px solid var(–ga-line); border-radius: var(–ga-radius); padding: 22px 24px; margin-block: 0 32px; } .ga-v1 .ga-v1__facts-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 16px; justify-content: space-between; border-block-end: 1px solid var(–ga-line); padding-block-end: 14px; margin-block-end: 4px; } .ga-v1 .ga-v1__facts-heading h2 { font-size: 18px; padding: 0; border: 0; margin: 0; } .ga-v1 .ga-v1__platforms { display: flex; flex-wrap: wrap; gap: 8px; } .ga-v1 .ga-v1__platform { font-size: 12px; font-weight: 600; line-height: 1.6; border: 1px solid var(–ga-line); border-radius: 4px; padding: 2px 8px; color: var(–ga-text); } .ga-v1 .ga-v1__specs { margin: 0; } .ga-v1 .ga-v1__fact { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; padding-block: 12px; border-block-end: 1px solid var(–ga-line); font-size: 14px; line-height: 1.75; } .ga-v1 .ga-v1__fact:last-child { border: 0; padding-block-end: 0; } .ga-v1 .ga-v1__fact dt { color: var(–ga-muted); font-weight: 400; } .ga-v1 .ga-v1__fact dd { margin: 0; } .ga-v1 .ga-v1__fact dd :where(span) { display: block; } .ga-v1 .ga-v1__platform-label { font-weight: 600; } .ga-v1 .ga-v1__support { border-block-start: 1px solid var(–ga-line); margin-block-start: 36px; padding-block-start: 24px; } .ga-v1 .ga-v1__support > h2 { font-size: 20px; border: 0; padding: 0; margin-block: 0 14px; } .ga-v1 .ga-v1__support-note { color: var(–ga-muted); font-size: 14px; } .ga-v1 .ga-v1__source-note { color: var(–ga-muted); font-size: 13px; line-height: 1.7; } .ga-v1 .ga-v1__table-wrap { max-inline-size: 100%; overflow-x: auto; } .ga-v1 :where(table) { border-collapse: collapse; inline-size: 100%; font-size: 14px; } .ga-v1 :where(th, td) { text-align: left; padding: 10px 12px; border: 1px solid var(–ga-line); overflow-wrap: anywhere; } .ga-v1 :where(th) { background: var(–ga-panel); font-weight: 600; } .ga-v1 :where(pre) { overflow-x: auto; max-inline-size: 100%; padding: 16px; background: var(–ga-panel); border-radius: 6px; } @media (max-width: 480px) { .ga-v1 { –ga-gap: 20px; font-size: 16px; line-height: 1.85; padding-block-start: 4px; } .ga-v1.ga-v1 :where(h2) { font-size: 21px; margin-block: 32px 16px; padding-inline-start: 10px; } .ga-v1.ga-v1 :where(h3) { font-size: 18px; } .ga-v1 .ga-v1__lead { font-size: 17px; } .ga-v1 .ga-v1__facts { padding: 18px 16px; margin-block-end: 28px; } .ga-v1 .ga-v1__facts-heading { align-items: flex-start; } .ga-v1 .ga-v1__fact { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding-block: 11px; } .ga-v1 :where(figure) { margin-block: 24px; } } @media (max-width: 360px) { .ga-v1 .ga-v1__fact { grid-template-columns: minmax(0, 1fr); gap: 4px; } .ga-v1 .ga-v1__fact dt { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .ga-v1 :where(*) { scroll-behavior: auto; } } /* 101888 facts v2. Append after article.css; replace only the facts section. */ .ga-v1 .ga-f2 { –gf-text: var(–ga-text, #24313e); –gf-muted: var(–ga-muted, #586675); –gf-line: var(–ga-line, #dbe1e7); box-sizing: border-box; min-width: 0; width: 100%; padding: 22px 24px 10px; margin: 0 0 32px; border: 1px solid var(–gf-line); border-radius: 10px; background: var(–ga-panel, #f3f5f8); color: var(–gf-text); text-align: left; font-family: inherit; font-style: normal; container-type: inline-size; container-name: ga-facts; } .ga-v1 .ga-f2 *, .ga-v1 .ga-f2 *::before, .ga-v1 .ga-f2 *::after { box-sizing: border-box; } .ga-v1 .ga-f2 .ga-f2__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; width: 100%; margin: 0; padding: 0 0 16px; border-bottom: 1px solid var(–gf-line); } .ga-v1 .ga-f2 .ga-f2__title { display: block; position: static; width: auto; margin: 0; padding: 0; border: 0; background: none; color: var(–gf-text); font-family: inherit; font-size: 18px; font-weight: 700; font-style: normal; line-height: 1.5; letter-spacing: 0; text-align: left; } .ga-v1 .ga-f2 .ga-f2__title::before, .ga-v1 .ga-f2 .ga-f2__title::after { content: none; } .ga-v1 .ga-f2 .ga-f2__platforms { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; } .ga-v1 .ga-f2 .ga-f2__platform { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 7px; height: 32px; margin: 0; padding: 0 10px; border: 1px solid #c9d6e3; border-radius: 7px; background: linear-gradient(180deg, #ffffff 0%, #f7fafc 46%, #e8eff6 100%); box-shadow: inset 0 1px 0 #ffffff, 0 2px 3px rgba(36, 49, 62, .09); color: #29435b; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; vertical-align: middle; } .ga-v1 .ga-f2 .ga-f2__platform–android { border-color: #cadbd5; background: linear-gradient(180deg, #ffffff 0%, #f4f9f7 46%, #e5efea 100%); color: #30554a; } .ga-v1 .ga-f2 .ga-f2__platform-text { display: inline; margin: 0; padding: 0; color: inherit; } .ga-v1 .ga-f2 .ga-f2__device { display: inline-block; position: relative; flex: 0 0 21px; width: 21px; height: 20px; margin: 0; padding: 0; border: 0; color: inherit; } .ga-v1 .ga-f2 .ga-f2__device::before, .ga-v1 .ga-f2 .ga-f2__device::after { content: “”; display: block; position: absolute; margin: 0; padding: 0; } .ga-v1 .ga-f2 .ga-f2__device–pc::before { top: 1px; left: 1px; width: 19px; height: 13px; border: 1.5px solid currentColor; border-radius: 3px; background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(135, 172, 202, .35)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65); } .ga-v1 .ga-f2 .ga-f2__device–pc::after { bottom: 1px; left: 6px; width: 9px; height: 5px; border-bottom: 1.5px solid currentColor; border-radius: 0 0 1px 1px; background: linear-gradient(currentColor, currentColor) center top / 2px 4px no-repeat; } .ga-v1 .ga-f2 .ga-f2__device–phone::before { top: 0; left: 5px; width: 12px; height: 20px; border: 1.5px solid currentColor; border-radius: 3px; background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(130, 177, 157, .35)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65); } .ga-v1 .ga-f2 .ga-f2__device–phone::after { bottom: 3px; left: 9px; width: 4px; height: 1.5px; border-radius: 1px; background: currentColor; } .ga-v1 .ga-f2 .ga-f2__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; width: 100%; margin: 0; padding: 0; } .ga-v1 .ga-f2 .ga-f2__row { display: grid; grid-template-columns: 4em minmax(0, 1fr); align-items: start; column-gap: 14px; min-width: 0; width: auto; margin: 0; padding: 15px 0; border: 0; border-bottom: 1px solid var(–gf-line); font-size: 14px; line-height: 1.75; text-align: left; } .ga-v1 .ga-f2 .ga-f2__row–wide { grid-column: 1 / -1; border-bottom: 0; } .ga-v1 .ga-f2 .ga-f2__label, .ga-v1 .ga-f2 .ga-f2__value { display: block; float: none; position: static; min-width: 0; width: auto; max-width: none; margin: 0; padding: 0; border: 0; font-size: inherit; font-style: normal; line-height: inherit; text-align: left; } .ga-v1 .ga-f2 .ga-f2__label { color: var(–gf-muted); font-weight: 400; white-space: nowrap; } .ga-v1 .ga-f2 .ga-f2__value { color: var(–gf-text); font-weight: 600; white-space: normal; word-break: normal; overflow-wrap: anywhere; } .ga-v1 .ga-f2 .ga-f2__note { display: inline; color: var(–gf-muted); font-size: 13px; font-weight: 400; line-height: inherit; white-space: normal; word-break: normal; } .dark-theme .ga-v1 .ga-f2 .ga-f2__platform { border-color: #637382; background: linear-gradient(180deg, #4d5b67, #3b4650); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 2px 3px rgba(0, 0, 0, .18); color: #e0edfa; } .dark-theme .ga-v1 .ga-f2 .ga-f2__platform–android { border-color: #647d73; background: linear-gradient(180deg, #495f55, #364b42); color: #dcefe4; } @media (max-width: 640px) { .ga-v1 .ga-f2 { padding: 18px 16px 6px; margin-bottom: 28px; } .ga-v1 .ga-f2 .ga-f2__heading { gap: 12px; padding-bottom: 14px; } .ga-v1 .ga-f2 .ga-f2__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } .ga-v1 .ga-f2 .ga-f2__row { padding: 13px 0; column-gap: 12px; } } @container ga-facts (max-width: 500px) { .ga-v1 .ga-f2 .ga-f2__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } } @media (max-width: 480px) { .ga-v1 .ga-f2 .ga-f2__heading { flex-direction: column; align-items: flex-start; } .ga-v1 .ga-f2 .ga-f2__row–wide .ga-f2__note { display: block; } } /* 101888 facts card + platform badges v3 · 2026-10-10. Append AFTER all article/facts/mobile/old text-icon rules. Original HTML kept. Scope is strictly .ga-f2; no downloaded fonts, images, SVG URLs or scripts. */ .ga-v1 .ga-f2 { –gf-text: #362932; –gf-muted: #715e68; –gf-note: #78656f; –gf-line: #dfcdd6; –gf-edge: #d6bec9; –gf-top: #fffafb; –gf-bottom: #fbf5f8; –gf-accent: #a72d55; box-sizing: border-box; min-width: 0; width: 100%; margin: 0 0 32px; padding: 24px 24px 8px; border: 1px solid var(–gf-edge); border-radius: 12px; background: linear-gradient(160deg, var(–gf-top), var(–gf-bottom)); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 5px 14px rgba(83,35,54,.05); color: var(–gf-text); font-family: inherit; font-style: normal; text-align: left; container-type: inline-size; container-name: ga-facts; } .ga-v1 .ga-f2 *, .ga-v1 .ga-f2 *::before, .ga-v1 .ga-f2 *::after { box-sizing: border-box; } .ga-v1 .ga-f2 .ga-f2__heading { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; width: 100%; margin: 0 0 4px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(–gf-line); } .ga-v1 .ga-f2 .ga-f2__title { display: block; position: static; width: auto; margin: 0; padding: 0 0 0 12px; border: 0; border-left: 3px solid var(–gf-accent); background: none; color: var(–gf-text); font-family: inherit; font-size: 18px; font-weight: 700; font-style: normal; line-height: 24px; letter-spacing: .2px; text-align: left; } .ga-v1 .ga-f2 .ga-f2__title::before, .ga-v1 .ga-f2 .ga-f2__title::after { content: none; } .ga-v1 .ga-f2 .ga-f2__platforms { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; margin: 0; padding: 0; } .ga-v1 .ga-f2 .ga-f2__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; width: 100%; margin: 0; padding: 0; } .ga-v1 .ga-f2 .ga-f2__row { display: grid; grid-template-columns: 4em minmax(0, 1fr); align-items: baseline; column-gap: 16px; min-width: 0; width: auto; margin: 0; padding: 14px 0; border: 0; font-size: 14px; line-height: 1.7; text-align: left; } .ga-v1 .ga-f2 .ga-f2__label, .ga-v1 .ga-f2 .ga-f2__value { display: block; float: none; position: static; min-width: 0; width: auto; max-width: none; margin: 0; padding: 0; border: 0; font-style: normal; text-align: left; } .ga-v1 .ga-f2 .ga-f2__label { color: var(–gf-muted); font-size: 13px; font-weight: 400; line-height: 1.8; white-space: nowrap; } .ga-v1 .ga-f2 .ga-f2__value { color: var(–gf-text); font-size: 15px; font-weight: 650; line-height: 1.7; white-space: normal; word-break: normal; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; } .ga-v1 .ga-f2 .ga-f2__row:first-child .ga-f2__value { color: var(–gf-accent); } .ga-v1 .ga-f2 .ga-f2__note { display: inline; margin: 0 0 0 4px; color: var(–gf-note); font-size: 12px; font-weight: 400; line-height: inherit; white-space: normal; word-break: normal; } .ga-v1 .ga-f2 .ga-f2__row–wide { grid-column: 1 / -1; margin-top: 2px; padding: 16px 0 12px; border: 0; border-top: 1px solid var(–gf-line); } .ga-v1 .ga-f2 .ga-f2__row–wide .ga-f2__value { font-size: 14px; font-weight: 600; } .dark-theme .ga-v1 .ga-f2 { –gf-text: #f5edf1; –gf-muted: #c5b4be; –gf-note: #bbaab4; –gf-line: #584850; –gf-edge: #69515e; –gf-top: #3d343b; –gf-bottom: #322e33; –gf-accent: #f294b2; box-shadow: inset 0 1px 0 rgba(255,223,235,.06), 0 5px 14px rgba(0,0,0,.10); } @media (max-width: 640px) { .ga-v1 .ga-f2 { padding: 20px 16px 8px; margin-bottom: 28px; } .ga-v1 .ga-f2 .ga-f2__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } .ga-v1 .ga-f2 .ga-f2__row { padding: 12px 0; column-gap: 12px; } .ga-v1 .ga-f2 .ga-f2__row–wide { padding: 16px 0 12px; margin-top: 8px; } } @container ga-facts (max-width: 500px) { .ga-v1 .ga-f2 .ga-f2__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } } @container ga-facts (max-width: 380px) { .ga-v1 .ga-f2 .ga-f2__heading { flex-direction: column; align-items: flex-start; gap: 14px; padding-bottom: 16px; } .ga-v1 .ga-f2 .ga-f2__row–wide .ga-f2__note { display: block; margin-left: 0; } } @media (max-width: 480px) { .ga-v1 .ga-f2 .ga-f2__heading { flex-direction: column; align-items: flex-start; gap: 14px; padding-bottom: 16px; } .ga-v1 .ga-f2 .ga-f2__row–wide .ga-f2__note { display: block; margin-left: 0; } } /* Existing nonempty .ga-f2__platform-text is the icon host. No extra HTML. */ .ga-v1 .ga-f2 .ga-f2__platform { –gb-ink: #a72d55; –gb-text: #782841; –gb-top: #fff8fb; –gb-bottom: #f5e5ec; –gb-line: #cda2b3; –gb-eye: #fff8fb; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 0; box-sizing: border-box; min-width: 0; height: 34px; margin: 0; padding: 0 10px; border: 1px solid var(–gb-line); border-radius: 8px; background: linear-gradient(180deg, var(–gb-top), var(–gb-bottom)); box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 2px 2px rgba(91,29,53,.10); color: var(–gb-text); font-family: inherit; font-size: 12px; font-style: normal; font-weight: 650; line-height: 1; white-space: nowrap; vertical-align: middle; cursor: default; } .ga-v1 .ga-f2 .ga-f2__platform–android { border-color: var(–gb-line); background: linear-gradient(180deg, var(–gb-top), var(–gb-bottom)); color: var(–gb-text); } .ga-v1 .ga-f2 .ga-f2__device { display: none; } .ga-v1 .ga-f2 .ga-f2__platform-text { display: inline-block; position: relative; box-sizing: border-box; height: 20px; margin: 0; padding: 0 0 0 28px; color: inherit; line-height: 20px; letter-spacing: .1px; white-space: nowrap; } .ga-v1 .ga-f2 .ga-f2__platform-text::before, .ga-v1 .ga-f2 .ga-f2__platform-text::after { content: “”; display: block; position: absolute; box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: 0; color: var(–gb-ink); background: none; box-shadow: none; pointer-events: none; } /* PC: 20px gaming display, diagonal screen glints, centered pedestal. */ .ga-v1 .ga-f2 .ga-f2__platform–pc .ga-f2__platform-text::before { top: 2px; left: 0; width: 20px; height: 13px; border: 1.5px solid currentColor; border-radius: 3px; background: linear-gradient(130deg, transparent 37%, currentColor 39% 49%, transparent 51%) 4px 2px / 5px 6px no-repeat, linear-gradient(130deg, transparent 37%, currentColor 39% 49%, transparent 51%) 8px 2px / 5px 6px no-repeat; box-shadow: inset 0 -2px 0 rgba(167,45,85,.10); } .ga-v1 .ga-f2 .ga-f2__platform–pc .ga-f2__platform-text::after { top: auto; bottom: 0; left: 5px; width: 10px; height: 5px; border-bottom: 1.5px solid currentColor; border-radius: 0 0 1px 1px; background: linear-gradient(currentColor, currentColor) center top / 2px 4px no-repeat; } /* Android: original compact robot pictogram, two eyes and two antennas. Both features belong to the existing text span, not removable empty tags. */ .ga-v1 .ga-f2 .ga-f2__platform–android .ga-f2__platform-text::before { top: 6px; left: 0; width: 20px; height: 12px; border: 0; border-radius: 9px 9px 3px 3px; background: radial-gradient(circle at 6px 6px, var(–gb-eye) 1.3px, transparent 1.6px), radial-gradient(circle at 14px 6px, var(–gb-eye) 1.3px, transparent 1.6px), linear-gradient(currentColor, currentColor); box-shadow: inset 0 -1px 0 rgba(0,0,0,.10); } .ga-v1 .ga-f2 .ga-f2__platform–android .ga-f2__platform-text::after { top: 2px; bottom: auto; left: 2px; width: 16px; height: 7px; border: 0; border-radius: 0; background: linear-gradient(58deg, transparent 36%, currentColor 40% 63%, transparent 67%) left top / 5px 7px no-repeat, linear-gradient(-58deg, transparent 36%, currentColor 40% 63%, transparent 67%) right top / 5px 7px no-repeat; } .dark-theme .ga-v1 .ga-f2 .ga-f2__platform { –gb-ink: #f294b2; –gb-text: #fce6ee; –gb-top: #47333e; –gb-bottom: #352a32; –gb-line: #865368; –gb-eye: #352a32; border-color: var(–gb-line); background: linear-gradient(180deg, var(–gb-top), var(–gb-bottom)); box-shadow: inset 0 1px 0 rgba(255,216,230,.12), 0 2px 2px rgba(0,0,0,.20); color: var(–gb-text); } .dark-theme .ga-v1 .ga-f2 .ga-f2__platform–android { border-color: var(–gb-line); background: linear-gradient(180deg, var(–gb-top), var(–gb-bottom)); color: var(–gb-text); } @media (forced-colors: active) { .ga-v1 .ga-f2 .ga-f2__platform, .dark-theme .ga-v1 .ga-f2 .ga-f2__platform { –gb-ink: CanvasText; –gb-text: CanvasText; –gb-top: Canvas; –gb-bottom: Canvas; –gb-line: CanvasText; –gb-eye: Canvas; background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; } .ga-v1 .ga-f2 .ga-f2__platform-text::before, .ga-v1 .ga-f2 .ga-f2__platform-text::after { forced-color-adjust: none; } } /* Article v4 · 2026-10-10 · append after existing article CSS and accepted facts v3. Body-only visual layer. No .ga-f2 rules: accepted facts-card design stays intact. */ .ga-v1 { –ga-text: #392f35; –ga-muted: #71616a; –ga-accent: #a72d55; –ga-line: #dfcfd7; –ga-panel: #fbf5f8; –ga-paper: #ffffff; –ga-link-hover: #84203f; –ga-caption: #78656e; box-sizing: border-box; min-width: 0; max-inline-size: 760px; width: 100%; margin-inline: auto; padding-block: 8px 20px; color: var(–ga-text); font-family: inherit; font-size: 16px; line-height: 1.9; font-weight: 400; letter-spacing: 0; text-align: left; word-break: normal; overflow-wrap: anywhere; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .dark-theme .ga-v1 { –ga-text: #eee6eb; –ga-muted: #c5b5bf; –ga-accent: #f294b2; –ga-line: #5b4b55; –ga-panel: #373036; –ga-paper: #303336; –ga-link-hover: #ffd0e0; –ga-caption: #bdaab5; } .ga-v1 :where([data-slot=”content”], .ga-v1__content) { min-width: 0; } .ga-v1 :where(p, ul, ol, blockquote) { margin-block: 0 22px; } .ga-v1 :where(p:last-child, ul:last-child, ol:last-child, blockquote:last-child) { margin-block-end: 0; } .ga-v1 :where(strong) { color: inherit; font-weight: 650; } .ga-v1 :where(ul, ol) { padding-inline-start: 1.5em; } .ga-v1 :where(li) { margin-block: 6px; padding-inline-start: 3px; } .ga-v1 :where(li)::marker { color: var(–ga-muted); } .ga-v1 :where(blockquote) { margin-inline: 0; padding: 0 0 0 16px; border-inline-start: 2px solid var(–ga-line); color: var(–ga-muted); background: none; } .ga-v1 .ga-v1__summary { margin: 0 0 28px; padding: 0; border: 0; background: none; } .ga-v1 .ga-v1__lead { margin: 0; color: var(–ga-text); font-size: 18px; font-weight: 500; line-height: 1.85; text-wrap: pretty; } /* Explicit exclusion keeps the approved facts heading unchanged. */ .ga-v1.ga-v1 :where(h2:not(.ga-f2__title)) { display: block; position: static; margin: 42px 0 18px; padding: 0 0 0 13px; border: 0; border-left: 3px solid var(–ga-accent); background: none; color: var(–ga-text); font-family: inherit; font-size: 22px; font-weight: 700; font-style: normal; line-height: 1.45; letter-spacing: .1px; text-align: left; scroll-margin-block-start: 100px; } .ga-v1.ga-v1 :where(h3) { position: static; margin: 28px 0 12px; padding: 0; border: 0; background: none; color: var(–ga-text); font-family: inherit; font-size: 18px; font-weight: 650; font-style: normal; line-height: 1.6; letter-spacing: 0; text-align: left; scroll-margin-block-start: 100px; } .ga-v1.ga-v1 :where(h2:not(.ga-f2__title), h3)::before, .ga-v1.ga-v1 :where(h2:not(.ga-f2__title), h3)::after { content: none; } .ga-v1 .ga-v1__alias { margin: 24px 0 28px; padding: 2px 0 2px 16px; border: 0; border-left: 2px solid var(–ga-line); color: var(–ga-muted); font-size: 14px; line-height: 1.9; background: none; } .ga-v1 .ga-v1__alias strong { font-weight: 600; } .ga-v1 :where(figure) { width: 100%; max-width: 100%; margin: 28px 0 32px; padding: 0; border: 0; background: none; } .ga-v1 :where(figure img) { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: auto; margin: 0; border: 1px solid var(–ga-line); border-radius: 10px; background: var(–ga-panel); object-fit: contain; } .ga-v1 :where(figcaption) { display: block; margin: 9px 2px 0; padding: 0; color: var(–ga-caption); font-size: 12px; font-weight: 400; line-height: 1.75; text-align: left; overflow-wrap: anywhere; } .ga-v1 .ga-v1__version-note, .ga-v1 .ga-v1__update { margin: 0 0 22px; padding: 2px 0 2px 16px; border: 0; border-left: 2px solid var(–ga-line); background: none; color: var(–ga-muted); font-size: 15px; line-height: 1.9; } .ga-v1 :where(a:not([class])), .ga-v1 .ga-v1__link { color: var(–ga-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; overflow-wrap: anywhere; } .ga-v1 :where(a:hover) { color: var(–ga-link-hover); } .ga-v1 :where(a:focus-visible, summary:focus-visible) { outline: 2px solid var(–ga-accent); outline-offset: 4px; border-radius: 3px; } /* Optional page navigation: anchors stay real, visible and non-sticky. */ .ga-v1 .ga-v1__toc { margin: 0 0 30px; padding: 16px 0; border: 0; border-bottom: 1px solid var(–ga-line); background: none; } .ga-v1 .ga-v1__toc-title { display: block; margin: 0 0 6px; padding: 0; color: var(–ga-muted); font-size: 13px; font-weight: 400; line-height: 1.7; } .ga-v1 .ga-v1__toc-links, .ga-v1 .ga-v1__browse-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px; margin: 0; padding: 0; list-style: none; } .ga-v1 .ga-v1__toc-links a, .ga-v1 .ga-v1__browse-links a { display: inline-block; max-width: 100%; padding: 6px 0; color: var(–ga-accent); font-size: 14px; font-weight: 500; line-height: 1.7; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; white-space: normal; overflow-wrap: anywhere; } .ga-v1 .ga-v1__toc-links a:hover, .ga-v1 .ga-v1__browse-links a:hover { color: var(–ga-link-hover); } .ga-v1 .ga-v1__browse { margin: 36px 0 0; padding: 22px 0 0; border: 0; border-top: 1px solid var(–ga-line); background: none; } .ga-v1 .ga-v1__browse-title { margin: 0 0 8px; color: var(–ga-muted); font-size: 14px; font-weight: 500; line-height: 1.7; } .ga-v1 :where([id]) { scroll-margin-block-start: 100px; } .ga-v1 .ga-v1__anchor { scroll-margin-block-start: 90px; } @media (max-width: 480px) { .ga-v1 { padding-block: 4px 16px; font-size: 16px; line-height: 1.9; } .ga-v1 .ga-v1__summary { margin-bottom: 24px; } .ga-v1 .ga-v1__lead { font-size: 17px; line-height: 1.85; } .ga-v1.ga-v1 :where(h2:not(.ga-f2__title)) { margin: 34px 0 16px; padding-left: 11px; font-size: 21px; } .ga-v1.ga-v1 :where(h3) { margin-top: 24px; font-size: 18px; } .ga-v1 :where(figure) { margin: 24px 0 28px; } .ga-v1 :where(figure img) { border-radius: 8px; } .ga-v1 .ga-v1__alias, .ga-v1 .ga-v1__version-note, .ga-v1 .ga-v1__update { padding-left: 12px; } .ga-v1 .ga-v1__toc-links, .ga-v1 .ga-v1__browse-links { gap: 2px 18px; } } @media (prefers-reduced-motion: reduce) { .ga-v1 :where(*) { scroll-behavior: auto; } } .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform-text { display: inline-block; position: relative; box-sizing: border-box; height: 20px; margin: 0; padding: 0 0 0 29px; color: inherit; line-height: 20px; white-space: nowrap; } .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform-text::before, .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform-text::after { content: “”; display: block; position: absolute; box-sizing: border-box; top: auto; right: auto; bottom: auto; left: auto; width: 0; height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; pointer-events: none; } .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform–pc .ga-f2__platform-text::before { top: 2px; left: 0; width: 20px; height: 13px; border: 1.5px solid currentColor; border-radius: 3px; } .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform–pc .ga-f2__platform-text::after { bottom: 0; left: 5px; width: 10px; height: 5px; border-bottom: 1.5px solid currentColor; background: linear-gradient(currentColor, currentColor) center top / 2px 4px no-repeat; } .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform–android .ga-f2__platform-text::before { top: 0; left: 5px; width: 12px; height: 20px; border: 1.5px solid currentColor; border-radius: 3px; } .ga-v1 .ga-f2.ga-f2–comic .ga-f2__platform–android .ga-f2__platform-text::after { bottom: 3px; left: 9px; width: 4px; height: 1.5px; border-radius: 1px; background: currentColor; }