/* Author/creator: nattapat2871 (https://nattapat2871.me) */
/* Read-mode layout with HeroUI v2 scale and progressive platform controls. */
body[data-page="install"] .install-page { width:min(1120px,calc(100% - 48px));margin-inline:auto;padding:136px 0 80px; }
body[data-page="install"] .install-hero { display:block;max-width:850px;margin:0 0 40px;padding:0;background:none;border:0;box-shadow:none; }
.install-hero .page-symbol { display:none; }
.install-hero .history-back { margin-bottom:24px; }
body[data-page="install"] .install-hero h1 { margin:0 0 20px;max-width:850px;font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.28;letter-spacing:-.025em;text-wrap:balance; }
.install-hero-intro { max-width:70ch;color:var(--text-soft);line-height:1.85; }
.install-hero-actions { display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px; }
.install-safety-chip { max-width:100%;overflow-wrap:anywhere;border:0;padding:0;background:none;color:var(--muted);font-size:.8rem; }
#install-platform-controls { margin-bottom:32px;min-height:84px;scroll-margin-top:100px; }
body[data-page="install"] .platform-jump { position:static;display:flex;gap:10px;margin:0;padding:6px;border-radius:var(--heroui-v2-radius-large);background:var(--surface); }
.platform-jump > a { flex:1;display:flex;gap:12px;align-items:center;padding:12px; }
.platform-jump small { display:block;color:var(--muted); }
.platform-mark img,.install-os-art { object-fit:contain;filter:invert(72%) sepia(26%) saturate(955%) hue-rotate(178deg); }
.platform-mark { background:transparent;border:0;flex-shrink:0; }
body[data-page="install"] .install-platform { margin:0 0 44px;padding:28px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;scroll-margin-top:110px; }
.install-platform[hidden] { display:none !important; }
.install-platform-heading { display:flex;align-items:flex-start;gap:16px;margin-bottom:32px; }
.install-platform-heading .platform-mark { width:44px;height:44px;margin-top:4px; }
.install-platform-heading h2 { margin:0 0 8px;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.45;letter-spacing:-.02em; }
.install-platform-heading p { max-width:70ch;margin:0;color:var(--text-soft);line-height:1.8; }
.install-platform-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);align-items:start;gap:56px; }
.install-platform-content { min-width:0; }
body[data-page="install"] .install-steps { display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none; }
body[data-page="install"] .install-steps > li { display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;min-height:0;padding:0 0 28px;border:0;background:none; }
.install-step-number { display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;color:var(--accent);background:none;font-size:.8rem;font-weight:700; }
.install-steps h3 { margin:2px 0 8px;font-size:1.03rem;line-height:1.5; }
.install-steps p { margin:0;font-size:.95rem;line-height:1.85;color:var(--text-soft); }
.install-visual-card { display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:26px;background:var(--surface-secondary);border:0;border-radius:var(--heroui-v2-radius-large);box-shadow:none; }
.install-visual-card h3 { margin:0;font-size:1.15rem;line-height:1.6; }
.install-visual-card p { margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.85; }
.install-store-heading { display:grid;gap:6px; }
.install-store-recommended { width:max-content;max-width:100%;padding:3px 9px;border-radius:999px;background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent);font-size:.7rem;font-weight:750;letter-spacing:.02em;text-transform:uppercase; }
.install-store-badge-link { align-self:flex-start;max-width:100%; }
.install-store-badge-link img { width:190px;max-width:100%;height:auto; }
.install-os-art { margin:8px 0 12px; }
.install-source { font-size:.8rem;line-height:1.6; }
.install-visual-kicker { display:none; }
.install-media-frame { margin:0;width:100%;border:0;background:none;overflow:hidden;border-radius:8px;box-shadow:none; }
.install-media-frame img { display:block;width:100%;height:auto;object-fit:contain; }
.install-media-frame figcaption { padding:12px 0 0;font-size:.78rem; }
body[data-page="install"] .install-note { margin:12px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--heroui-v2-radius-medium);background:var(--surface); }
.install-note summary { cursor:pointer;font-weight:600;font-size:.95rem;line-height:1.7; }
.install-disclosure-body { padding-top:12px; }
.install-note p { color:var(--text-soft);line-height:1.85;font-size:.9rem; }
.install-note a { font-size:.85rem; }
.install-note-label { display:none; }
.linux-package-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px; }
.linux-package { min-width:0;padding:0 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none; }
.linux-package:first-child { grid-column:1 / -1; }
.linux-package-topline { display:flex;gap:12px;align-items:center;margin-bottom:8px;color:var(--muted);font-size:.8rem; }
.package-format { color:var(--accent);font-weight:700; }
.linux-package h3 { margin:0 0 8px;font-size:1.05rem; }
.linux-package p { margin:0 0 16px;color:var(--text-soft);line-height:1.8;font-size:.9rem; }
.install-command { position:relative; }
.install-command pre,.macos-integrity pre { max-width:100%;margin:0;padding:18px 18px 58px;overflow:auto;background:var(--surface-secondary);border-radius:8px;font-size:.83rem;line-height:1.8; }
.install-copy-button { position:absolute;right:10px;bottom:8px;min-height:36px;padding:6px 12px;color:var(--foreground);background:var(--surface-tertiary);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;font:inherit;font-size:.78rem; }
.install-copy-button:hover { background:var(--default); }
.macos-integrity { margin-top:22px; }
.install-after { display:block;margin:48px 0;padding:28px 0;border:0;border-block:1px solid var(--line);border-radius:0;background:none; }
.install-after-copy { max-width:72ch; }
.install-after h2,.install-faq h2,.install-help h2 { margin:0 0 12px;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.5;letter-spacing:-.02em; }
.install-after p,.install-help p,.install-section-heading p { color:var(--text-soft);line-height:1.85;font-size:.95rem; }
.install-after .button { margin-top:12px; }
.install-section-heading--split { display:block;margin-bottom:24px; }
.install-faq-list { border-top:1px solid var(--line); }
.install-faq-item { border-bottom:1px solid var(--line); }
.install-faq-item summary { display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;font-weight:600;list-style:none; }
.install-faq-icon::before { content:'+';font-size:1.25rem;color:var(--muted); }
.install-faq-item[open] .install-faq-icon::before { content:'−'; }
.install-faq-body { max-width:75ch;padding:0 0 20px;color:var(--text-soft);line-height:1.9; }
.install-help { display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:28px;border:0;border-radius:var(--heroui-v2-radius-large);background:var(--surface-secondary); }
.install-help p { max-width:65ch;margin-bottom:0; }
.install-help .button { flex-shrink:0; }
@media(max-width:760px) {
 body[data-page="install"] .install-page { width:calc(100% - 32px);padding:108px 0 48px; }
 body[data-page="install"] .install-hero { margin-bottom:28px; }
 .install-hero .history-back { margin-bottom:18px; }
 .install-hero-actions { align-items:flex-start;gap:14px; }
 .install-hero-actions .button { width:100%; }
 .install-safety-chip { font-size:.72rem; }
 .install-platform-layout { grid-template-columns:1fr;gap:24px; }
 .install-platform-heading { gap:10px;margin-bottom:24px; }
 .install-platform-heading .platform-mark { width:30px; }
 .install-visual-card { padding:22px; }
 .install-visual-card--windows { display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px 16px; }
 .install-os-art { grid-row:span 2;width:36px;height:36px;margin:4px 0; }
 .install-visual-card--windows .install-store-badge-link,.install-visual-card--windows .button,.install-visual-card--windows .install-source { grid-column:2; }
 .linux-package-grid { grid-template-columns:1fr;gap:24px; }
 .install-help { align-items:stretch;flex-direction:column;padding:22px;gap:20px; }
 .platform-jump > a { flex-direction:column;gap:6px;font-size:.85rem;padding:10px 4px; }
 .platform-jump small { display:none; }
 .install-note summary,.install-faq-item summary { min-height:44px; }
}