/* Maya premium result experience. Decorative medallion is explicitly not a historical glyph. */
.maya-calculator{background:radial-gradient(ellipse at 50% 0,rgba(194,150,72,.14),transparent 60%),linear-gradient(145deg,#102a35,#061421)}
.maya-calculator #maya-output{display:block;margin-top:25px}
.maya-story{display:grid;gap:20px;animation:maya-reveal .55s ease-out}
.maya-story-head{text-align:center;padding:34px 18px 23px;background:linear-gradient(145deg,rgba(228,183,94,.1),rgba(11,31,40,.3));border:1px solid #a9844c;border-radius:13px}
.maya-story-kicker{display:block;text-transform:uppercase;letter-spacing:.24em;color:#e8bc74;font-size:11px;font-weight:700}
.maya-story-head h3{font:normal clamp(33px,7vw,56px)/1.1 Georgia,serif;color:#f3ddb0;margin:12px 0}
.maya-story-head p,.maya-story p{color:#e0dacc;line-height:1.8;max-width:670px;margin:15px auto}
.maya-medallion{position:relative;width:160px;height:160px;margin:22px auto 12px;border:1px solid #d3a95f;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#273f43,#091821 75%);box-shadow:0 0 0 8px #b48c4122,0 0 0 16px #b48c4110,inset 0 0 25px #d6ae3e20}
.maya-medallion:before,.maya-medallion:after{content:"";position:absolute;inset:12px;border:1px dashed #b99b5d80;border-radius:50%;pointer-events:none}.maya-medallion:after{inset:25px;border-style:solid;opacity:.45}
.maya-medallion .maya-number{display:block;font:normal 65px Georgia,serif;color:#f7dba2;line-height:1}
.maya-medallion .maya-dayname{display:block;font:700 15px system-ui,sans-serif;color:#f7e2b8;letter-spacing:.04em}
.maya-story-panel{padding:clamp(20px,4vw,34px);background:linear-gradient(145deg,#132e38,#081a27);border:1px solid #806842;border-radius:12px}
.maya-story-panel h3{font:normal clamp(25px,5vw,37px)/1.18 Georgia,serif;color:#f0d49e;margin:8px 0 15px}
.maya-story-label{color:#ddae69;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800}
.maya-value{font:normal clamp(29px,6vw,43px)/1.15 Georgia,serif;color:#fff0c9;padding:14px 0;overflow-wrap:anywhere}
.maya-steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:22px 0}.maya-step{min-width:49px;padding:10px 7px;border:1px solid #9f7b42;border-radius:5px;text-align:center;background:#192e35;font:normal 24px Georgia,serif;color:#f5d9a5}.maya-step-separator{font-size:23px;color:#e9bf7d}
.maya-divider{width:70px;height:1px;background:#c69e57;margin:22px auto}
.maya-method-note{padding:18px;border-left:3px solid #d9ad63;background:#b18f4013;font-size:14px;color:#e1d8c9}
.maya-story .maya-round{color:#e1c999;font-size:14px}
@keyframes maya-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.maya-story{animation:none}}
@media(max-width:700px){.maya-story-head{padding:25px 13px}.maya-medallion{width:135px;height:135px}.maya-medallion .maya-number{font-size:52px}.maya-story-panel{padding:21px 16px}.maya-step{min-width:40px;font-size:20px}}

/* Editorial reading v2: immersive illustration, generous typography, quiet chronology. */
.maya-calculator #maya-output{margin:28px -2px 0}
.maya-reading{border:1px solid #ab864c;border-radius:12px;overflow:hidden;background:#081722;box-shadow:0 20px 75px #0006}
.maya-reading-cover{position:relative;min-height:clamp(400px,65vw,580px);padding:clamp(34px,7vw,70px) 22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;isolation:isolate;background:linear-gradient(to bottom,#05142325 5%,#06131a35 30%,#06121ef2 82%,#071521 100%),url('/images/ancient-wisdom-maya.png') center/cover no-repeat}
.maya-reading-cover:after{content:'';position:absolute;inset:10px;border:1px solid #e4ba6545;pointer-events:none;z-index:-1}
.maya-reading-overline{display:block;max-width:100%;font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#e9c28b;line-height:1.55}
.maya-reading-title{font:normal clamp(42px,10vw,90px)/1.04 Georgia,serif;letter-spacing:-.035em;text-wrap:balance;color:#ffebba;margin:18px 0 8px;text-shadow:0 4px 24px #07131b}
.maya-reading-subtitle{font:italic clamp(17px,3vw,25px) Georgia,serif;color:#eed6aa}
.maya-reading-cover .maya-reading-lead{max-width:620px;color:#f0e9d9;font-size:clamp(15px,2.3vw,18px);line-height:1.7;text-shadow:0 2px 10px #05131c;margin:22px auto 4px}
.maya-reading-journey{padding:clamp(21px,5vw,52px);max-width:820px;margin:auto}
.maya-reading-bridge,.maya-reading-coda{text-align:center;padding:25px 3px 34px}
.maya-reading-rule{display:block;color:#d8b679;font-size:25px;margin:0 0 9px}
.maya-reading-bridge h3,.maya-reading-coda h3{font:normal clamp(27px,5vw,40px)/1.17 Georgia,serif;color:#f5d9a0;margin:8px 0}
.maya-reading-journey p{font-size:clamp(16px,2vw,19px);line-height:1.76;color:#dfded8;max-width:640px;margin:17px auto}
.maya-reading-chapter{margin:10px 0 42px;padding:33px clamp(15px,4vw,37px) 38px;border-top:1px solid #ba945855;border-bottom:1px solid #ba945855;background:radial-gradient(ellipse at top,#aa854018,transparent 73%)}
.maya-reading-chapter h3{font:normal clamp(39px,7vw,62px)/1.12 Georgia,serif;color:#f6dfb0;margin:16px 0 22px}
.maya-reading-long{background:linear-gradient(145deg,#132d3688,#08172000)}
.maya-reading-details{margin:20px 0 8px;border-top:1px solid #a07e49;padding:18px 4px;color:#e6cf9f}
.maya-reading-details summary{cursor:pointer;font-size:14px;line-height:1.6}
.maya-reading-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}
.maya-reading-data>div{padding:12px;border-left:1px solid #a07e49;background:#122630}
.maya-reading-data small,.maya-reading-data strong{display:block;overflow-wrap:anywhere}
.maya-reading-data small{color:#d8b679}.maya-reading-data strong{font:normal 20px Georgia,serif;color:#f4e1bd;margin-top:4px}
@media(max-width:700px){.maya-reading-cover{min-height:440px;padding:34px 17px}.maya-reading-title{font-size:clamp(42px,10.3vw,66px)}.maya-reading-journey{padding:19px}.maya-reading-chapter{padding:31px 7px}.maya-reading-data{grid-template-columns:1fr}}

/* Clear date entry on small screens: day, localized month, year. */
.maya-form-title{font:normal clamp(20px,4vw,27px) Georgia,serif;color:#f2d6a4;margin:17px 0 19px}
.maya-date-fields{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr) minmax(0,.95fr);gap:10px;align-items:end}
.maya-date-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.maya-field-label{font-size:13px;font-weight:700;color:#e5cfaa}
.maya-date-field select,.maya-date-field input{display:block;width:100%;min-width:0;height:54px;border:1px solid #c49a58;border-radius:7px;background:#fff2d5;color:#102430;font:600 17px system-ui,Arial,sans-serif;padding:0 10px}
.maya-date-field select{padding-right:3px}
.maya-date-field :focus-visible,.maya-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}
.maya-submit{display:block;margin:18px 0 0;width:100%;min-height:56px;border:0;border-radius:7px;background:#e4c17f;color:#101b24;font:800 clamp(15px,3.5vw,19px) system-ui,Arial,sans-serif;cursor:pointer;padding:12px}
.maya-submit:hover{background:#f1d69b}
.maya-input-error{padding:10px 12px;border-left:3px solid #e7ad73;color:#ffe0ca!important;background:#512c2533;margin:13px 0}
.maya-input-error[hidden]{display:none}
@media(max-width:420px){.maya-date-fields{grid-template-columns:minmax(0,.67fr) minmax(0,1.4fr) minmax(0,.9fr);gap:7px}.maya-date-field select,.maya-date-field input{font-size:15px;padding-left:7px}.maya-field-label{font-size:12px}}

/* Symbolic narrative: the day theme leads; raw calendar values are supporting evidence. */
.maya-symbolic .maya-reading-cover{min-height:clamp(420px,62vw,620px);background:linear-gradient(to bottom,#06162230 1%,#0616225a 36%,#061622f5 93%),url('/images/ancient-wisdom-maya.png') center/cover no-repeat}
.maya-symbolic .maya-reading-title{font-size:clamp(44px,9vw,82px)}
.maya-symbolic .maya-reading-subtitle{display:block;font:italic clamp(23px,4vw,36px)/1.25 Georgia,serif;color:#f4deb0;max-width:580px;margin:12px auto}
.maya-symbolic .maya-reading-journey{padding:clamp(19px,4vw,45px)}
.maya-symbolic .maya-reading-chapter{border-bottom:0;margin:0 0 16px;padding:35px clamp(12px,4vw,35px);background:none}
.maya-symbolic .maya-symbol-chapter{background:radial-gradient(ellipse at center top,#d0a45720,transparent 74%);text-align:center}
.maya-symbolic .maya-symbol-chapter h3{font-size:clamp(30px,5.4vw,46px);line-height:1.17}
.maya-symbolic .maya-solar-chapter{border-top:1px solid #ae8847;background:linear-gradient(145deg,#17333a,#0b1c27);border-radius:7px}
.maya-symbolic .maya-time-chapter{border-top:1px solid #ae8847;background:linear-gradient(145deg,#0d2130,#132b30);border-radius:7px}
.maya-symbolic .maya-small-note{font-size:13px;line-height:1.6;opacity:.85;border-left:2px solid #b99457;padding:0 0 0 14px;margin-top:22px}
.maya-symbolic .maya-reading-details{margin-top:32px}
@media(max-width:700px){.maya-symbolic .maya-reading-cover{min-height:480px;padding:35px 17px}.maya-symbolic .maya-reading-chapter{padding:33px 12px}.maya-symbolic .maya-reading-journey{padding:16px}}

/* Distinctive free mini-reading, not a grid of raw conversion figures. */
.maya-mini-theme{background:#081824;border:1px solid #b38d4e;border-radius:12px;overflow:hidden;box-shadow:0 18px 70px #0008}
.maya-mini-cover{min-height:clamp(340px,53vw,480px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:45px 18px 32px;background:linear-gradient(180deg,#07182520,#08182435 32%,#071722fa 94%),url('/images/ancient-wisdom-maya.png') center/cover}
.maya-mini-kicker,.maya-mini-label{font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#e3bc79;font-size:11px;line-height:1.7}
.maya-mini-headline{font:normal clamp(45px,9vw,78px)/1.08 Georgia,serif;overflow-wrap:anywhere;color:#ffebb9;margin:14px 0 8px;text-shadow:0 3px 18px #071825}
.maya-mini-symbol{font:italic clamp(19px,4vw,29px) Georgia,serif;color:#fae5bd}
.maya-mini-body{padding:clamp(16px,4.6vw,43px)}
.maya-mini-body h3{font:normal clamp(29px,5vw,42px)/1.2 Georgia,serif;color:#f5dcaa;margin:12px 0 20px}
.maya-mini-body p{font-size:clamp(16px,2vw,18px);line-height:1.7;color:#e3dfd5;margin:0 0 15px}
.maya-mini-intro{text-align:center;max-width:700px;margin:10px auto 28px}
.maya-mini-portrait{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 36px}
.maya-mini-piece{border-top:1px solid #c99d59;background:linear-gradient(160deg,#1b3438,#102330);padding:20px 17px;min-width:0}
.maya-mini-piece h4{color:#f0cc8c;font:normal 23px Georgia,serif;margin:0 0 13px}
.maya-mini-piece p{font-size:15px}
.maya-mini-number{display:grid;grid-template-columns:auto 1fr;gap:3px 22px;align-items:center;padding:28px;border:1px solid #987340;background:radial-gradient(circle at 12% 20%,#b9993520,transparent 66%),#091d2a;border-radius:8px;margin-bottom:25px}
.maya-mini-number .maya-mini-label{grid-column:1 / -1}
.maya-mini-tone{font:normal clamp(65px,11vw,110px) Georgia,serif;color:#f3d597;grid-row:2 / span 2}
.maya-mini-number p{margin:0}
.maya-mini-number .maya-mini-fine{font-size:12px;opacity:.77;grid-column:1/-1;margin-top:14px}
.maya-mini-chapter{padding:30px 10px;border-bottom:1px solid #b58d4e65}
.maya-mini-deeper{margin-top:32px;padding:30px 23px;text-align:center;background:linear-gradient(130deg,#293a36,#0f2532);border:1px solid #b89251;border-radius:9px}
.maya-mini-deeper p{max-width:570px;margin:0 auto 20px}
.maya-mini-unavailable{display:inline-block;padding:11px 15px;border:1px solid #ad8b55;color:#f8dca5;border-radius:4px;font-size:14px}
.maya-mini-method{margin:22px 0 0;border-top:1px solid #856a40;padding:17px 0;font-size:13px}
.maya-mini-method summary{cursor:pointer;color:#e4c88d}
.maya-mini-method p{font-size:13px;margin-top:14px}
@media(max-width:720px){.maya-mini-portrait{grid-template-columns:1fr;gap:10px}.maya-mini-piece{padding:17px 19px}.maya-mini-cover{min-height:405px}.maya-mini-number{grid-template-columns:1fr;text-align:center;gap:9px}.maya-mini-tone{grid-row:auto}.maya-mini-body{padding:18px}.maya-mini-deeper{padding:26px 17px}}

.maya-cover-trecena{display:inline-block;margin:20px auto 0;padding:12px 18px;border:1px solid #edc980;border-radius:25px;background:#081824d9;color:#ffe5af;font:600 clamp(15px,3vw,19px)/1.3 Georgia,serif;box-shadow:0 4px 22px #0008}
