.view-tabs{flex-wrap:wrap}
.epoch-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0}.epoch-heading h2{font:400 34px/1.3 Georgia,serif;color:#e9e3ce;margin:8px 0 12px}.epoch-heading p:not(.micro-label){font-size:12px;line-height:1.8;color:#9db19d;max-width:740px;margin:0}.epoch-version{font-size:9px;letter-spacing:1.6px;color:#9fb59a;border:1px solid #d7ba7e2b;padding:9px 11px;border-radius:5px;white-space:nowrap}
.epoch-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;padding:24px;background:#101d19;border:1px solid var(--line);border-radius:8px}.epoch-form .field{margin:0}.epoch-form .epoch-a{color:#91c4dc}.epoch-form .epoch-b{color:#e6bf78}.epoch-submit{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding-top:24px}.epoch-form-note,.epoch-form .form-error{grid-column:1/-1;font-size:11px;line-height:1.8;margin:0}.epoch-form-note{color:#91a78e}.epoch-presets{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:18px 0 24px;font-size:11px;color:#a6b99f}.epoch-presets button{background:#d7ba7e07;border:1px solid #d7ba7e2b;color:#d9c69b;border-radius:5px;padding:8px 11px;font-size:11px}.epoch-presets button:hover{background:#d7ba7e12}
.epoch-outcome{border-left:2px solid #d7ba7e70;background:#d7ba7e08;padding:19px 22px;margin:0 0 20px;border-radius:0 6px 6px 0}.epoch-outcome h3{font:400 25px/1.4 Georgia,serif;margin:4px 0 10px;color:#e9dcc1}.epoch-outcome p{margin:0;font-size:12px;line-height:1.8;color:#b5c2aa}.epoch-outcome strong{color:#e3d1a8;font-weight:500}.epoch-visual{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:24px;align-items:center}.epoch-wheel{margin:0;border:1px solid #d7ba7e22;background:#101d19;border-radius:10px;overflow:hidden}.epoch-wheel svg{display:block;width:100%;height:auto}.epoch-wheel figcaption{padding:13px 18px 17px;color:#a0b597;font-size:11px;line-height:1.8;border-top:1px solid #d7ba7e13}.epoch-cards{display:grid;gap:17px}.epoch-card{border:1px solid #d7ba7e23;border-left:3px solid var(--epoch-color);background:#101d19;border-radius:7px;padding:22px}.epoch-card h3{font:400 34px Georgia,serif;color:var(--epoch-color);margin:7px 0 10px}.epoch-card .micro-label{color:var(--epoch-color);margin:0}.epoch-card h4{font:400 22px/1.4 Georgia,serif;margin:12px 0 9px;color:#e5ddc7}.epoch-dates p{font-size:12px;line-height:1.8;margin:4px 0;color:#c5d0b9}.epoch-dates strong{font-size:10px;font-weight:500;color:#98b091;margin-left:7px}.epoch-solar{border-top:1px solid #d7ba7e21;margin-top:15px;padding-top:13px}.epoch-solar .solar-caption{font-size:11px;color:#9eb393;margin:0 0 8px}.epoch-gap{font:400 21px Georgia,serif;color:var(--epoch-color);margin:16px 0 0}.epoch-card .epoch-cycle-note{font-size:10px;line-height:1.8;color:#9ab192;margin:12px 0 0}.epoch-calendar-label{display:block;margin:6px 0 12px;font-size:10px;color:#9eb494}.epoch-method{font-size:11px;color:#8ea68c;line-height:1.8;max-width:1060px;margin:18px 0 0}#epoch-add-comparisons{margin-top:24px;white-space:normal;text-align:left}
@media(max-width:1050px){.epoch-form{grid-template-columns:repeat(2,minmax(0,1fr))}.epoch-visual{grid-template-columns:1fr}.epoch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.epoch-wheel{max-width:740px;justify-self:center;width:100%}.epoch-submit{padding-top:24px}.epoch-card{padding:20px}}
@media(max-width:650px){.epoch-heading{display:block}.epoch-version{display:inline-block;margin-top:16px}.epoch-heading h2{font-size:28px}.epoch-form{padding:18px;gap:18px 14px}.epoch-form .field{min-width:0}.epoch-form #epoch-key-field,.epoch-form #epoch-label-field,.epoch-form #epoch-calendar-field,.epoch-form .epoch-submit{grid-column:1/-1}.epoch-submit{padding-top:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.epoch-cards{grid-template-columns:1fr}.epoch-card h3{font-size:29px}.epoch-outcome{padding:16px 18px}.epoch-outcome h3{font-size:23px}.epoch-wheel figcaption{font-size:10px}}
@media print{.epoch-form,.epoch-presets,.epoch-version,#epoch-add-comparisons{display:none}.epoch-heading h2,.epoch-outcome h3{color:#222}.epoch-heading p:not(.micro-label),.epoch-method,.epoch-outcome p{color:#555}.epoch-outcome{background:white;border-color:#999;break-inside:avoid}.epoch-outcome strong{color:#333}.epoch-visual{grid-template-columns:1.3fr 1fr;gap:12px}.epoch-cards{grid-template-columns:1fr;gap:10px}.epoch-card{padding:12px;background:white;border-color:#999;break-inside:avoid}.epoch-card h3,.epoch-card h4,.epoch-card .micro-label,.epoch-card .epoch-gap{color:#333}.epoch-dates p,.epoch-dates strong,.epoch-card .epoch-cycle-note,.epoch-calendar-label,.epoch-solar .solar-caption{color:#555}.epoch-card h3{font-size:24px}.epoch-card h4,.epoch-gap{font-size:17px}.epoch-dates p{font-size:10px}.epoch-wheel figcaption{background:white;color:#555}.epoch-method{font-size:9px}}
