:root{--bg:#fff;--bg-soft:#f1f5f9;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--accent:#0e7490;--accent-strong:#155e75;--accent-soft:#ecfeff;--amazon:#f59e0b;--amazon-text:#111827;--radius:12px;--shadow:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0f;--max:1160px;--prose:72ch;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--bg-soft:#111a2e;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--accent:#22d3ee;--accent-strong:#67e8f9;--accent-soft:#0c2a33;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:1.0625rem;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-strong)}h1,h2,h3,h4{letter-spacing:-.01em;line-height:1.2}h1{margin:.25rem 0 .75rem;font-size:clamp(2rem,4vw,2.75rem)}h2{margin-top:2.5rem;font-size:1.6rem}h3{font-size:1.2rem}code{font-family:var(--mono);background:var(--bg-soft);border-radius:4px;padding:.1em .35em;font-size:.9em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.container{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.muted{color:var(--muted)}.small{font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:.78rem;font-weight:600;display:flex}.lede{color:var(--muted);max-width:60ch;font-size:1.2rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--bg);z-index:100;padding:.5rem 1rem;top:1rem;left:1rem}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.nav{flex-wrap:wrap;gap:.25rem 1.1rem;margin:0;padding:.5rem 0;list-style:none;display:flex}.nav a{color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none}.nav a[aria-current=page],.nav a:hover{color:var(--accent)}.site-footer{background:var(--bg-soft);border-top:1px solid var(--border);margin-top:5rem;padding:3rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;display:grid}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin:.3rem 0}.footer-grid a:not(.brand){color:var(--muted);text-decoration:none}.footer-h{text-transform:uppercase;letter-spacing:.06em;margin:0 0 .6rem;font-size:.85rem}.footer-legal{color:var(--muted);border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem;font-size:.82rem}.hero{background:radial-gradient(60rem 30rem at 85% -10%, var(--accent-soft), transparent 70%), var(--bg);border-bottom:1px solid var(--border);padding:4rem 0 3rem}.hero-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;display:grid}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=800px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.page-header{padding:2.5rem 0 1rem}.section{padding:2.5rem 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-head h2{margin:0 0 1rem}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--amazon);color:var(--amazon-text)}.btn-primary:hover{filter:brightness(1.05);color:var(--amazon-text)}.btn-secondary{border-color:var(--border);color:var(--text);background:var(--bg)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-strong);color:#fff}@media (prefers-color-scheme:dark){.btn-accent,.btn-accent:hover{color:#0b1120}}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;display:grid}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s;overflow:hidden}.card:hover{transform:translateY(-2px)}.card-link{height:100%;color:inherit;text-decoration:none;display:block}.card-body{padding:1rem 1.1rem 1.2rem}.card-title{margin:.15rem 0 .4rem;font-size:1.12rem}.card-body p{margin:.25rem 0}.card-img{aspect-ratio:16/9;object-fit:cover;width:100%}.badge{border:1px solid var(--border);letter-spacing:.03em;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;display:inline-block}.badge-current{color:#14532d;background:#dcfce7;border-color:#bbf7d0}.badge-previous-gen{color:#713f12;background:#fef9c3;border-color:#fde68a}.badge-discontinued{color:#475569;background:#f1f5f9}.badge-owned{background:var(--accent);color:#fff;border-color:var(--accent)}.badge-draft{color:#7f1d1d;background:#fee2e2}.sphere-art{aspect-ratio:16/9;color:hsl(var(--hue) 70% 85%);background:radial-gradient(circle at 30% 25%, hsl(var(--hue) 70% 45%), transparent 60%), linear-gradient(135deg, hsl(var(--hue) 60% 22%), hsl(calc(var(--hue) + 40) 55% 14%));place-items:center;display:grid;position:relative;overflow:hidden}.sphere-svg{opacity:.45;height:130%;position:absolute;right:-12%}.sphere-label{text-align:center;color:#fff;text-shadow:0 2px 12px #00000059;font-size:1.35rem;font-weight:800;line-height:1.1;position:relative}.sphere-label small{opacity:.9;font-size:.95rem;font-weight:500;display:block}.hero .sphere-art{aspect-ratio:1;box-shadow:var(--shadow);border-radius:24px}.hero .sphere-svg{opacity:.8;height:90%;right:auto}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.35rem;margin:1.5rem 0 .5rem;padding:0;font-size:.88rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin-right:.35rem}.breadcrumbs a{color:var(--muted)}.article-header{max-width:820px}.article-grid{grid-template-columns:220px minmax(0,1fr);gap:2.5rem;margin-top:1.5rem;display:grid}.article-aside{position:relative}.toc{font-size:.88rem;position:sticky;top:90px}.toc-title{margin:0 0 .4rem;font-weight:700}.toc ol{margin:0;padding-left:1.1rem}.toc li{margin:.3rem 0}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}@media (width<=900px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-aside{display:none}}.prose{max-width:var(--prose)}.prose h2{border-top:1px solid var(--border);padding-top:1.5rem}.prose li{margin:.3rem 0}.prose table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.5rem .65rem}.prose thead th{background:var(--bg-soft)}.prose blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;padding:.75rem 1.1rem}.prose blockquote p{margin:.3rem 0}.hero-img{border-radius:var(--radius);width:100%;margin-top:1.5rem}.byline{margin:.5rem 0}.disclosure{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);padding:.6rem .9rem;font-size:.85rem}.callout{border:2px dashed var(--amazon);border-radius:var(--radius);background:color-mix(in srgb, var(--amazon) 8%, transparent);margin:1.5rem 0;padding:.9rem 1.1rem}.callout p{margin:.3rem 0}.product-box{border:1px solid var(--border);border-left:4px solid var(--amazon);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0;padding:1rem 1.2rem;display:flex}.product-box-body{flex:320px}.product-box-body p{margin:.25rem 0}.product-box-title{margin:.1rem 0 .25rem;font-size:1.1rem}.camera-top{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin-top:1rem;display:grid}@media (width<=860px){.camera-top{grid-template-columns:minmax(0,1fr)}}.camera-top .sphere-art,.camera-top img{border-radius:var(--radius)}.buy-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);margin:1rem 0;padding:1.1rem 1.2rem}.buy-box p{margin:.3rem 0 .8rem}.spec-table{border-collapse:collapse;width:100%;font-size:.95rem}.spec-table caption{text-align:left;padding-bottom:.5rem;font-weight:700}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .6rem}.spec-table th{width:38%;color:var(--muted);font-weight:600}.pros-cons{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=700px){.pros-cons{grid-template-columns:minmax(0,1fr)}}.pros-cons>div{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1.2rem 1rem}.pros h3{color:#15803d}.cons h3{color:#b91c1c}@media (prefers-color-scheme:dark){.pros h3{color:#4ade80}.cons h3{color:#f87171}}.compare-controls{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin:1rem 0;display:flex}.compare-controls label{font-size:.92rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.9rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.6rem .7rem}.compare-table thead th{background:var(--bg-soft);white-space:nowrap;position:sticky;top:0}.compare-table tbody th{white-space:nowrap}.faq{margin-top:3rem}.faq details{border:1px solid var(--border);border-radius:var(--radius);margin:.6rem 0;padding:.75rem 1rem}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:.6rem 0 .2rem}.pill-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.pill-list a{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.35rem .85rem;font-size:.92rem;text-decoration:none;display:inline-block}.pill-list a:hover{border-color:var(--accent);color:var(--accent)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.feature{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:1.1rem 1.2rem}.feature h3{margin:0 0 .35rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.pill-list span{background:var(--accent-soft);border-radius:999px;padding:.35rem .85rem;font-size:.92rem;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pending-link{color:inherit}
