/* Preserve the site's product proportions; diagrams carry the additional explanation. */
.star-product{--star-ink:#243f61;--star-line:#d9e2e9;--star-muted:#526879}
.star-product .section{padding-top:64px;padding-bottom:64px}
.star-product p{line-height:1.8}
.star-product h2{max-width:28ch}
.star-section-intro{max-width:740px;margin-bottom:36px}
.star-section-intro>p:last-child{max-width:66ch}
.star-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.star-use-grid article{border-top:1px solid var(--star-line);padding-top:22px}
.star-number{display:block;color:var(--star-muted);font-size:14px;letter-spacing:.12em;margin-bottom:20px;font-variant-numeric:tabular-nums}
.star-use-grid h3,.star-reading-grid h3{font-size:21px;line-height:1.35;margin:0 0 14px}
.star-geometry-band{background:#edf2f6;color:var(--star-ink)}
.star-geometry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin:0}
.star-geometry-visual{background:#fff;padding:24px 32px;border:1px solid var(--star-line);border-radius:12px}
.star-geometry-visual>svg{display:block;width:100%;max-width:420px;height:auto;margin:auto}
.star-zone-detail{max-width:360px;margin:20px auto 0;border-top:1px solid var(--star-line);padding-top:16px}
.star-zone-detail svg{display:block;width:100%;height:auto}
.star-zone-detail>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--star-muted)}
.star-labels{padding:0;margin:0;list-style:none;display:grid;gap:24px}
.star-labels li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px}
.star-labels li>span{font-size:13px;color:var(--star-muted);padding-top:4px;font-variant-numeric:tabular-nums}
.star-labels h3{font-size:20px;margin:0 0 8px;line-height:1.4}
.star-labels p{margin:0;color:#41576b;font-size:16px}
.star-calculation{margin:32px 0 0;border-top:1px solid #c7d4df;border-bottom:1px solid #c7d4df}
.star-calculation summary{padding:21px 0;font-size:18px;font-weight:600;cursor:pointer}
.star-calculation>div{max-width:760px;padding-bottom:28px}
.star-equation{font-size:28px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--star-ink)}
.star-table-scroll{overflow-x:auto;margin:24px 0 32px;max-width:100%}
.star-table-scroll table{width:100%;min-width:560px;border-collapse:collapse;text-align:left}
.star-table-scroll caption{text-align:left;font-size:16px;font-weight:600;padding-bottom:14px;color:var(--star-muted)}
.star-table-scroll th,.star-table-scroll td{padding:18px 20px;line-height:1.7;vertical-align:top;font-size:16px}
.star-table-scroll th:first-child{width:23%}
.star-table-scroll thead th{background:#edf2f6;color:var(--star-ink)}
.star-table-scroll tbody tr{border-bottom:1px solid var(--star-line)}
.star-waveform{border-left:3px solid #557a9c;padding:4px 0 4px 26px;max-width:850px;margin-top:36px}
.star-waveform h3{margin:0 0 12px;font-size:22px}
.star-waveform p{margin:0}
.star-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0 48px}
.star-reading-grid figure{margin:0;min-width:0}
.star-reading-grid svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--star-line);border-radius:12px;margin-bottom:24px}
.star-reading-grid p{margin-bottom:0}
.star-method-link{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:56px;align-items:center}
.star-method-link h2{max-width:32ch}
.star-method-link .related-link{font-size:19px}
.star-inspection{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.star-inspection h3{font-size:22px;margin-top:0}
.star-product summary:focus-visible,.star-table-scroll:focus-visible{outline:2px solid #557a9c;outline-offset:4px}
@media(max-width:760px){
 .star-product .section{padding-top:44px;padding-bottom:44px}
 .star-use-grid,.star-reading-grid{grid-template-columns:1fr;gap:28px}
 .star-use-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:18px}
 .star-use-grid article p{grid-column:2;margin:0}.star-use-grid .star-number{grid-row:1/3;margin:3px 0 0}
 .star-geometry,.star-inspection,.star-method-link{grid-template-columns:1fr;gap:32px}
 .star-geometry-visual{padding:18px}.star-labels{gap:20px}
 .star-reading-grid figure{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start}
 .star-reading-grid svg{margin:0}.star-reading-grid h3{font-size:19px}.star-reading-grid p{font-size:15px}
 .star-table-scroll th,.star-table-scroll td{padding:14px;font-size:15px}
 .star-section-intro{margin-bottom:26px}.star-waveform{padding-left:20px}
}
@media(max-width:420px){.star-reading-grid figure{grid-template-columns:1fr}.star-reading-grid svg{max-width:230px;margin:0 auto}.star-reading-grid p{font-size:16px}}
.star-product .soft-band{background:#f0f3f6}
.star-product .star-table-scroll tbody tr{background:#fff}
.star-product .star-table-scroll tbody tr:nth-child(even){background:#f5f7f9}
.star-product .star-table-scroll th,.star-product .star-table-scroll td{color:#243f61}
.star-product .star-table-scroll th:first-child{width:25%}
@media(max-width:620px){.star-reading .star-table-scroll table{min-width:0}.star-reading .star-table-scroll th:first-child{width:36%}.star-reading .star-table-scroll th,.star-reading .star-table-scroll td{padding:12px 10px}}