
body {background-color:#07111d;}
.basics-card {background:rgba(0,0,0,.82);}
.basics-card h1 {font-size:clamp(2.1rem,4.6vw,3.8rem);line-height:1.12;}
.basics-card h2 {font-size:1.7rem;line-height:1.25;margin:2.2rem 0 .8rem;}
.basics-card h3 {font-size:1.2rem;margin:1.8rem 0 .6rem;}
.basics-card a {color:#a5def7;text-underline-offset:3px;}
.basics-card p,.basics-card li {line-height:1.65;}
.basics-card ul {font-size:1.18rem;padding-left:1.4rem;}
.basics-card li {margin:.65rem 0;}
.basics-card figure {margin:1.8rem 0;background:#0d1c30;border:1px solid #56728b;border-radius:14px;overflow:hidden;text-shadow:none;}
.basics-card figure img {width:100%;height:auto;display:block;}
.basics-card figcaption {padding:12px 18px;font-size:.95rem;line-height:1.5;color:#d3e4ee;}
.basics-table {overflow-x:auto;margin:1.5rem 0;}
.basics-table table {width:100%;border-collapse:collapse;font-size:1.05rem;line-height:1.5;text-shadow:none;}
.basics-table th,.basics-table td {padding:12px;text-align:left;border-bottom:1px solid #607385;min-width:110px;}
.basics-table th {background:#172c42;color:#fff;}
.basics-table tbody tr:nth-child(even) {background:rgba(120,160,200,.1);}
.basics-video {aspect-ratio:16/9;margin:24px 0;background:#102238;}
.basics-video iframe {width:100%;height:100%;border:0;}
.basics-breadcrumb {font-size:1rem!important;margin:0 0 18px!important;}
.basics-kicker {font-size:.9rem!important;text-transform:uppercase;letter-spacing:.11em;color:#c4d8e6;}
.basics-nav {margin:1.5rem 0;padding:18px 20px;border:1px solid #667b8e;border-radius:14px;background:#102238;}
.basics-nav summary {font-size:1.1rem;font-weight:bold;cursor:pointer;}
.basics-nav ul {font-size:1rem;margin-bottom:0;}
.basics-next {border-top:1px solid #607385;margin-top:2rem;padding-top:1rem;display:flex;gap:16px;flex-wrap:wrap;}
.basics-skip {position:absolute;left:-10000px;top:8px;z-index:5;background:#fff;color:#111;padding:12px;}
.basics-skip:focus {left:12px;}
.basics-card a:focus-visible {outline:3px solid #ffd982;outline-offset:4px;}
@media(max-width:600px){.basics-card h2 {font-size:1.4rem;}.basics-card ul {font-size:1.05rem;}.basics-table th,.basics-table td {font-size:.95rem;padding:10px;}.basics-nav {padding:14px;}.basics-card figure {overflow-x:auto;}.basics-card figure img {min-width:560px;}.basics-card figure figcaption {position:sticky;left:0;width:100%;}}
@media print {body {background:#fff!important;color:#000!important;}.top-nav,.basics-video,.support-astroguy,.basics-nav {display:none;}.content-page {padding:0;}.basics-card {border:0;padding:0;background:#fff!important;box-shadow:none;text-shadow:none;width:100%;}.basics-card a {color:#124e72;}.basics-card figure {break-inside:avoid;}.basics-table th {background:#eee;color:#000;}}

.eyepiece-calculator {margin:2rem 0;padding:20px;border:1px solid #667b8e;border-radius:14px;background:#102238;text-shadow:none;}
.calculator-inputs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.calculator-inputs label {display:block;font-size:1rem;line-height:1.5;}
.calculator-inputs input {display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:6px;padding:10px;border:1px solid #92aec4;border-radius:6px;background:#fff;color:#111;font:inherit;}
.eyepiece-calculator button {padding:12px 22px;border:1px solid #fff;border-radius:999px;background:#25445f;color:#fff;font:inherit;cursor:pointer;}
.eyepiece-calculator input:focus-visible,.eyepiece-calculator button:focus-visible {outline:3px solid #ffd982;outline-offset:3px;}
.basics-card .calculator-help {font-size:1rem;line-height:1.5;}
.calculator-results {margin-top:20px;}
.calculator-results dl {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px 18px;}
.calculator-results dt {font-weight:bold;}
.calculator-results dd {margin:0;overflow-wrap:anywhere;}
@media(max-width:600px){.calculator-inputs {grid-template-columns:1fr;}.eyepiece-calculator {padding:14px;}.calculator-results dl {grid-template-columns:1fr;}.calculator-results dd {margin-bottom:10px;}}
@media print {.eyepiece-calculator form {display:none;}}.sampling-card {margin:24px 0;padding:20px;border:1px solid #809aac;border-left:5px solid #91c9eb;border-radius:12px;background:#142c42;}
.sampling-card.sampling-matched {border-left-color:#8fd6b3;background:#123b34;}
.sampling-card.sampling-under {border-left-color:#f0c278;background:#3e3020;}
.sampling-card.sampling-over {border-left-color:#b7a4eb;background:#302942;}
.basics-card .sampling-card h3 {margin:0 0 10px;font-size:1.5rem;line-height:1.3;}
.sampling-comparison {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;}
.sampling-comparison > div {padding:14px;border:1px solid #91a9b9;border-radius:8px;background:rgba(0,0,0,.2);}
.sampling-comparison span,.sampling-comparison strong {display:block;line-height:1.5;}
.sampling-comparison span {font-size:.95rem;margin-bottom:6px;}
.sampling-comparison strong {font-size:1.15rem;overflow-wrap:anywhere;}
@media(max-width:600px){.sampling-comparison {grid-template-columns:1fr;}.sampling-card {padding:14px;}.basics-card .sampling-card h3 {font-size:1.25rem;}}
.calculator-inputs label {position:relative;}
.calculator-field-help {display:inline-block;margin-left:6px;}
.eyepiece-calculator .calculator-help-button {padding:0;width:24px;height:24px;margin:0;border:1px solid #a9c2d6;border-radius:50%;font-size:.9rem;line-height:22px;background:#25445f;vertical-align:middle;}
.calculator-tooltip {display:none;position:absolute;left:0;right:0;top:100%;z-index:10;margin-top:4px;padding:14px;border:1px solid #a9c2d6;border-radius:8px;background:#07111d;color:#fff;font-size:.95rem;font-weight:normal;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.6);cursor:default;}
.calculator-field-help:hover .calculator-tooltip,.calculator-field-help:focus-within .calculator-tooltip,.calculator-field-help[data-open="true"] .calculator-tooltip {display:block;}
.calculator-field-help[data-dismissed="true"] .calculator-tooltip {display:none;}
@media print {.calculator-field-help {display:none;}}.calculator-field-help[data-hover="true"]:not([data-dismissed="true"]) .calculator-tooltip {display:block;}
