.calendar-hero{background:var(--navy);color:var(--cream);padding:65px 0 55px}.calendar-hero h1{font:400 clamp(3.2rem,7vw,5.6rem)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 24px}.calendar-hero h1 em{color:var(--gold-pale);font-weight:400}.calendar-hero p:not(.eyebrow){max-width:610px;color:#c3cdd0;font-size:1.1rem}.calendar-badge{display:inline-block;border:1px solid #52606a;border-radius:3px;padding:8px 14px;color:var(--gold-pale);font-size:.8rem}.calendar-workspace{padding-top:64px;padding-bottom:40px}.calendar-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.calendar-heading h2,.calendar-context h2{font:400 clamp(2.2rem,4vw,3.2rem)/1.12 var(--serif);letter-spacing:-.035em}.calendar-method-note{font-size:.9rem;color:var(--muted);max-width:500px}.calendar-notice{padding:18px 22px;border-left:3px solid var(--gold);background:#eee7d9;font-size:.9rem;margin:20px 0 28px}.calendar-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.calendar-panel{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:26px;min-width:0}.calendar-panel h3{font:400 1.45rem var(--serif);margin-bottom:18px}.calendar-panel label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted);min-width:0}.calendar-panel input,.calendar-panel select{width:100%;min-width:0;min-height:46px;border:1px solid #b8b7ad;border-radius:3px;background:white;color:var(--ink);font:inherit;padding:9px}.calendar-panel input:focus-visible,.calendar-panel select:focus-visible,.calendar-panel button:focus-visible{outline:3px solid #427879;outline-offset:3px}.calendar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.calendar-panel button{cursor:pointer}.calendar-panel .button{border:0;gap:8px}.calendar-secondary{border:1px solid #858e8c;background:transparent;color:var(--ink);border-radius:3px;padding:10px 16px;font:600 .8rem var(--sans);min-height:44px}.calendar-secondary:hover{background:#efeadd}.hijri-fields{display:grid;grid-template-columns:65px 1fr 92px;gap:10px;margin-bottom:14px}#hijri-form{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.calendar-result{background:var(--navy-soft);color:var(--cream);border-radius:3px;padding:20px;margin-top:24px}.calendar-result>span{display:block;color:var(--gold-pale);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.calendar-result output{display:block;font:400 1.75rem/1.3 var(--serif);margin:8px 0}.calendar-result p{font-size:.85rem;margin:0;color:#c3cdd0}.month-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.month-heading h3{margin:0;text-align:center}.calendar-small{font-size:.75rem;color:var(--muted);margin:20px 0 14px}.month-table{border-collapse:collapse;width:100%;table-layout:fixed}.month-table th{font-size:.7rem;font-weight:500;color:var(--muted);padding:8px 0}.month-table td{border-top:1px solid var(--line);height:68px;text-align:center;padding:3px}.month-table button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:3px;background:transparent;color:var(--ink);width:100%;min-height:60px;font:inherit;padding:4px}.month-table button:hover{background:#eee7d9}.month-table button[aria-pressed=true]{background:var(--navy-soft);color:white}.month-table small{font-size:.63rem;color:var(--muted)}.month-table button[aria-pressed=true] small{color:var(--gold-pale)}.calendar-status{color:#9b302a;font-size:.9rem;min-height:1.5em;margin:16px 0}.day-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px}.day-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.day-result{font-size:.85rem;color:var(--muted);margin:18px 0 0}.calendar-context{padding-top:35px;padding-bottom:70px}.calendar-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.calendar-context-grid h3{font:400 1.5rem var(--serif)}.calendar-context-grid p{font-size:.9rem;color:var(--muted)}@media(max-width:800px){.calendar-heading,.calendar-layout,.day-tools,.calendar-context-grid{grid-template-columns:1fr}.calendar-hero{padding:45px 0}.calendar-heading{gap:0}.calendar-panel{padding:20px}.calendar-workspace{padding-top:40px}.month-table td{height:60px}.month-table button{min-height:54px}}@media(max-width:380px){.hijri-fields{grid-template-columns:55px 1fr 76px;gap:6px}.day-fields{grid-template-columns:1fr}.month-heading{gap:5px}.month-heading h3{font-size:1.15rem}.month-heading button{padding:8px 12px}.calendar-panel{padding:14px}}
/* Nine-calendar converter: each result retains its own method label. */
[hidden]{display:none!important}.converter-form{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 30px;align-items:start}.converter-form .calendar-actions,.converter-form>p{grid-column:1/-1}.converter-fields{display:grid;grid-template-columns:1fr 78px 1.4fr 70px;gap:10px}.converter-fields label{min-width:0}.conversion-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 18px}.conversion-heading h3{font:400 1.8rem var(--serif);margin:0 0 6px}.conversion-heading p{margin:0}.conversion-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.conversion-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:22px;overflow-wrap:anywhere}.conversion-card h4{font:600 .8rem var(--sans);color:var(--muted);margin:0 0 14px}.conversion-date{font:400 1.65rem/1.25 var(--serif);margin-bottom:14px}.conversion-card .calendar-small{margin:0;font-size:.72rem}.calendar-month-browser{margin:35px 0;border:1px solid var(--line);padding:20px}.calendar-month-browser>summary{cursor:pointer;font-weight:600}.calendar-month-browser .calendar-layout{margin-top:20px}.calendar-month-browser #month-go{margin-top:15px}.day-tool-heading{margin:35px 0 18px}.day-tool-heading h3{font:400 1.8rem var(--serif);margin:0}.calendar-secondary:disabled{opacity:.45;cursor:default}#calendar-share-status{overflow-wrap:anywhere}@media(max-width:1000px){.converter-form{grid-template-columns:1fr}.converter-fields{grid-template-columns:1fr 78px 1.5fr 70px}}@media(max-width:700px){.conversion-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.conversion-heading{align-items:start;flex-direction:column}.converter-fields{grid-template-columns:1fr 1fr}}@media(max-width:460px){.conversion-cards{grid-template-columns:1fr}.conversion-card{padding:20px}.calendar-month-browser{padding:12px}.converter-form .calendar-actions{gap:8px}.converter-form .calendar-actions button{flex:1 1 42%;justify-content:center}.conversion-heading .calendar-actions{gap:8px}.conversion-heading .calendar-actions button{font-size:.75rem;padding:10px 12px}}