.moon-page .lab-heading{padding-bottom:16px}.moon-page .lab-heading h1{font-size:clamp(35px,3.25vw,54px)}.moon-page .lab-sidebar{display:block;align-content:start}.moon-page .control-intro{font-size:16px}.moon-page .control-note{font-size:14px}.moon-control-help{font-size:14px;line-height:1.75;color:#a9becd;margin-top:-10px}.moon-transport{padding:0 30px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.moon-transport>label{margin-left:auto;font-size:14px;color:#b9cad7}.moon-transport select{border:1px solid #8ba5bb66;background:#142131;color:#e1ecf4;padding:8px;font-size:14px}.moon-age{padding:0 30px 22px}.moon-age>label{display:flex;justify-content:space-between;gap:15px;color:#c4d7e6;font-size:14px}.moon-age output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#efc888}.moon-age input{width:100%;min-height:28px;accent-color:#b7d4ed;margin:10px 0 3px;cursor:pointer}.moon-age>div{display:flex;justify-content:space-between;gap:8px;color:#99b0c4;font-size:12px}.moon-views{display:grid;grid-template-columns:1fr 1fr;background:#08111d;border-block:1px solid #8daccc30}.moon-views figure{margin:0;min-width:0}.moon-views figure+figure{border-left:1px solid #8daccc30}.moon-views canvas{display:block;width:100%;height:clamp(330px,33vw,415px)}.moon-views figcaption{font-size:12px;line-height:1.6;color:#99b1c5;padding:11px 20px 16px;min-height:64px;background:#0a1422}.moon-orbit-wrap{position:relative;touch-action:none}.moon-handle{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;border:1px solid transparent;border-radius:50%;background:transparent;cursor:grab;touch-action:none}.moon-handle:hover,.moon-handle:focus-visible{outline:2px solid #d5e7fa;outline-offset:2px;background:#dceeff0b}.moon-handle:active{cursor:grabbing}.moon-phase-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 30px 19px}.moon-phase-heading h2{font:34px/1.2 var(--world-serif);margin-top:7px;color:#e3edf4}.moon-phase-heading>p{font-size:15px;line-height:1.7;color:#b3c7d6;max-width:390px}.moon-page .lab-data{margin:0}.moon-page .lab-data dt{font-size:14px}.moon-page .lab-data dd{color:#c6e0f4}.moon-page .lab-data dd small{font-size:14px}.moon-phase-strip{display:grid;grid-template-columns:repeat(8,1fr);padding:17px 20px;gap:5px;border-block:1px solid var(--site-line)}.moon-phase-strip button{background:#0d1927;border:1px solid #9dc0dc25;color:#b4c9db;padding:9px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;line-height:1.35;min-width:0;min-height:98px}.moon-phase-strip button:hover,.moon-phase-strip button[aria-pressed=true]{border-color:#bddcf3;background:#1a2a3b;color:#ecf5f9}.moon-phase-strip canvas{width:38px;height:38px;display:block}.moon-phase-strip span{max-width:85px}.moon-check{display:flex;align-items:center;gap:10px;font-size:16px;color:#dde8ec;min-height:44px;cursor:pointer;margin:20px 0 10px}.moon-check input{width:18px;height:18px;accent-color:#c3def2}.moon-fraction{border-top:1px solid var(--site-line);padding-top:22px;margin-top:25px}.moon-fraction h3{font-size:16px;font-weight:500;color:#d4e4f0;line-height:1.5}.moon-fraction canvas{width:100%;height:158px;display:block;margin-top:12px}.moon-fraction p{font-size:14px;color:#acbed0;line-height:1.7;margin-top:8px}.moon-key{border-left:2px solid #c0d9eb;padding:15px 18px;background:#152130;margin-top:23px}.moon-key strong{font:23px var(--world-serif);color:#deebf4}.moon-key p{font-size:14px;line-height:1.7;color:#b5c7d6;margin-top:10px}.moon-sky{padding:27px 30px}.moon-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.moon-section-heading h2{font:29px/1.2 var(--world-serif);margin-top:8px}.moon-section-heading>p{font-size:12px;color:#a3bbcb;line-height:1.6}.moon-rise-times{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.moon-rise-times dt{font-size:14px;color:#aac3d6}.moon-rise-times dd{font:29px/1.3 var(--world-serif);font-variant-numeric:tabular-nums;color:#e0ebf2;margin:6px 0 0}.moon-sky .lab-chart{height:230px}.moon-page .chart-legend{font-size:14px;gap:10px 25px}.moon-page .chart-legend .dashed:before{height:0;background:none;border-top:2px dashed var(--legend)}.moon-sky .control-field{margin:20px 0 12px}.moon-sky-reading{font-size:16px;line-height:1.7;color:#d2e3f0;padding:14px 17px;border-left:2px solid #a9ceeb;background:#102033}.moon-sky>p:last-of-type{font-size:14px;color:#a2bacc;line-height:1.75;margin:16px 0}.moon-times-table summary{font-size:16px;color:#cee5f6;cursor:pointer}.moon-times-table{padding-top:13px}.moon-times-table .table-scroll{overflow-x:auto}.moon-times-table table{min-width:540px}.moon-times-table caption{font-size:14px;line-height:1.65;text-align:left;margin:10px 0;color:#aabed0}.moon-month-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:40px}.moon-month-section .kicker{font-size:12px}.moon-month-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-block:22px 12px}.moon-month-note{font-size:14px!important;color:#a6bfce!important}.moon-month-visual{background:#0c1724;border:1px solid var(--site-line);padding:10px 22px 22px}.moon-month-visual canvas{width:100%;height:260px;display:block}.moon-month-visual dl{margin-top:15px}.moon-month-visual dl>div{display:flex;gap:20px;justify-content:space-between;padding:10px 0;border-top:1px solid var(--site-line)}.moon-month-visual dt{font-size:14px;line-height:1.5;color:#b7cbdc}.moon-month-visual dd{font-size:16px;color:#efc888;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}.moon-month-visual>p{font-size:14px!important;line-height:1.7!important;margin-top:15px}.moon-page .model-content .sources{display:grid;gap:12px}.moon-page .model-content p{overflow-wrap:break-word}.moon-page .choice-group button{white-space:normal}
@media(max-width:1200px){.moon-views{grid-template-columns:1fr}.moon-views figure+figure{border-left:0;border-top:1px solid #8daccc30}.moon-views canvas{height:370px}.moon-phase-strip{grid-template-columns:repeat(4,1fr)}.moon-phase-heading{display:block}.moon-phase-heading>p{margin-top:12px;max-width:unset}.moon-section-heading{display:block}.moon-section-heading>p{margin-top:10px}}
@media(max-width:880px){.moon-page .lab-sidebar{display:block}.moon-views{grid-template-columns:1fr 1fr}.moon-views figure+figure{border-left:1px solid #8daccc30;border-top:0}.moon-views canvas{height:340px}.moon-page .lab-heading h1{font-size:43px}.moon-month-section{grid-template-columns:1fr;gap:25px}.moon-fraction{max-width:500px}}
@media(max-width:540px){.moon-page .lab-heading h1{font-size:37px}.moon-transport{padding-inline:22px}.moon-transport>label{margin-left:0}.moon-age{padding-inline:22px}.moon-age>label{font-size:14px}.moon-age>div{font-size:12px;gap:8px}.moon-age>div span:nth-child(2),.moon-age>div span:nth-child(4){display:none}.moon-views{grid-template-columns:1fr}.moon-views figure+figure{border-left:0;border-top:1px solid #8daccc30}.moon-views canvas{height:335px}.moon-views figure+figure canvas{height:320px}.moon-views figcaption{min-height:0;padding:10px 22px 15px;font-size:13px}.moon-phase-heading{padding:22px}.moon-phase-heading h2{font-size:32px}.moon-page .lab-data{padding-inline:22px;gap:10px}.moon-page .lab-data dt{font-size:14px}.moon-page .lab-data dd{font-size:27px}.moon-page .lab-data dd small{font-size:14px}.moon-phase-strip{padding:15px 16px;gap:6px}.moon-phase-strip button{font-size:13px;min-height:108px}.moon-sky{padding:24px 20px}.moon-sky .lab-chart{height:215px}.moon-rise-times dd{font-size:27px}.moon-month-visual{padding-inline:17px}.moon-month-visual dl>div{gap:12px}.moon-month-buttons{flex-direction:column}.moon-month-buttons button{width:100%}}