/* V0.0.1. Native pricing and article content retained; shared accepted shell. */
body.live-native { margin:0; background:var(--shell-bg); color:var(--shell-text); font:16px/1.7 Inter,system-ui,sans-serif; }
.live-native *, .live-native *::before, .live-native *::after { box-sizing:border-box; }
.live-native main { max-width:1280px; margin:auto; padding:20px 24px 64px; min-width:0; }
.live-native main .wrap { max-width:100%; padding:0; }
.live-native main :where(section,aside,div,pre) { min-width:0; }
.live-native .native-table-scroll { max-width:100%; overflow-x:auto; }
.live-native .topbar { background:transparent; border:0; box-shadow:none; padding:0; justify-content:flex-end; }
.live-native .native-source-links { color:var(--shell-muted); font-size:13px; display:flex; flex-wrap:wrap; gap:12px; }
.site-header .mobile-brand[data-external-link]::after { content:none; }
.live-native main :where(p,li,h1,h2,h3,a,code,strong) { overflow-wrap:anywhere; }
.live-native main h1 { font-size:clamp(32px,4.5vw,58px); line-height:1.12; margin:12px 0 24px; }
.live-native main h2 { font-size:26px; line-height:1.25; }
.live-native main a { color:var(--shell-accent); text-decoration:underline; text-underline-offset:4px; }
.live-native main :where(button,input,select,summary) { min-height:44px; max-width:100%; font:inherit; }
.live-native .reading-theme { grid-column:1 / -1; width:fit-content; padding:10px 16px; color:var(--shell-accent); background:var(--shell-panel); border:1px solid var(--shell-accent); border-radius:6px; cursor:pointer; }
.live-native main :where(.card,.section,.content,.sidebar) { border:1px solid var(--shell-line); border-radius:14px; background:var(--shell-panel); color:var(--shell-text); }
.live-native main :where(.muted,.meta,.note) { color:var(--shell-muted); }
.live-native main img { max-width:100%; height:auto; }
.live-native .site-header { grid-column:auto; }
.live-native .site-footer { display:block; }
.live-native [hidden] { display:none; }
.live-native [data-theme=light], html[data-theme=light] body.live-native { --shell-bg:#f3f7ff; --shell-panel:#fff; --shell-text:#0f172a; --shell-muted:#51627d; --shell-accent:#1d4ed8; --shell-line:#d7e2f2; }
.live-native .site-header { background:#060a12; --shell-text:#e8eef7; --shell-accent:#2ee6ff; --shell-panel:#0c1220; }
@media(max-width:700px) { .live-native main { padding-inline:16px; } .live-native main .wrap { display:block; } .live-native main .sidebar { margin-bottom:20px; } .live-native main .grid { grid-template-columns:minmax(0,1fr); } }