/* A separate field workspace in Mimoza's cream, brown and gold palette. */
@media(max-width:600px){
 body:has(#coordinate-converter input:focus,#coordinate-converter textarea:focus) .quick-actions,
 body:has(#coordinate-converter input:focus,#coordinate-converter textarea:focus) #mimoza-chat-root{display:none}
}
.coordinate-hero{background:var(--night);color:var(--paper);padding:30px 0 58px}
.coordinate-hero .breadcrumb{color:#c7b9a8;margin-bottom:35px}
.coordinate-hero .breadcrumb span:last-child{color:#e2d2bb}
.coordinate-hero-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:70px;align-items:center}
.coordinate-hero .eyebrow{color:var(--gold-light);margin-bottom:19px}
.coordinate-hero h1{font-size:clamp(38px,4.2vw,60px);margin-bottom:21px}
.coordinate-hero p{max-width:580px;margin:0;font-size:15px;line-height:1.8;color:#cbbdab}
.coordinate-hero-mark{border-left:1px solid #5a4736;padding-left:40px;color:#c9a569}
.coordinate-hero-mark span{font:75px/1 var(--serif);display:block;margin-bottom:19px}
.coordinate-hero-mark p{font:24px/1.4 var(--serif);color:#ebdbc4}
.coordinate-workspace{padding:42px 0 72px;background:var(--paper)}
#coordinate-converter{min-width:0;scroll-margin-top:110px}
.coordinate-shell{min-width:0;border:1px solid var(--line);background:#fdfbf7;padding:33px 34px}
.coordinate-systems{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:19px}
.coordinate-field{min-width:0;margin:0 0 20px}
.coordinate-field label{display:block;font-size:12px;line-height:1.6;color:#5f4d37;margin-bottom:8px}
.coordinate-field input,.coordinate-field select,.coordinate-field textarea{width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px 13px;border:1px solid #c5b49b;border-radius:3px;background:#fffdf9;color:var(--ink);font-size:15px;line-height:1.5}
.coordinate-field select{padding-right:29px;text-overflow:ellipsis}
.coordinate-field textarea{resize:vertical;min-height:190px;font-family:var(--sans);font-variant-numeric:tabular-nums;line-height:1.7;white-space:pre}
.coordinate-field input::placeholder,.coordinate-field textarea::placeholder{color:#998877;opacity:1}
.coordinate-field [aria-invalid=true]{border-color:#a2462e;background:#fff8f2}
.coordinate-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;border:1px solid var(--brown);border-radius:3px;padding:11px 17px;background:var(--brown);color:var(--paper);font-size:12px;line-height:1.5;text-align:center;transition:background .18s}
.coordinate-button:hover{background:#4e3a2a}
.coordinate-button-secondary{border-color:#c2ad8d;background:transparent;color:#614a2d}
.coordinate-button-secondary:hover{background:#eee4d4}
.coordinate-button:disabled{opacity:.5;cursor:default}
.coordinate-swap{margin-bottom:20px;min-width:137px}
.coordinate-system-help{font-size:11px;color:var(--muted);margin:0 0 27px;line-height:1.7}
.coordinate-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:28px}
.coordinate-tabs [role=tab]{min-width:135px;min-height:46px;background:#f4ede2;color:#674e31;border-color:#cfbea7}
.coordinate-tabs [aria-selected=true]{background:var(--brown);border-color:var(--brown);color:var(--paper)}
.coordinate-form{min-width:0}
.coordinate-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:start}
.coordinate-entry,.coordinate-result,.coordinate-input-panel{min-width:0}
.coordinate-entry{padding-right:35px;border-right:1px solid var(--line)}
.coordinate-panel-heading{font:29px/1.25 var(--serif);letter-spacing:-.03em;margin:0 0 24px}
.coordinate-axis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.coordinate-hint,.coordinate-result-state{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 16px;overflow-wrap:anywhere}
.coordinate-order{font-size:12px;line-height:1.65;font-variant-numeric:tabular-nums;border-left:2px solid #a98a54;background:#f3ebde;color:#644c2e;padding:10px 12px;margin:0 0 14px;overflow-wrap:anywhere}
.coordinate-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:23px;min-width:0}
.coordinate-actions .coordinate-button{flex:1 1 95px}
.coordinate-actions .coordinate-button[type=submit]{flex-basis:100%}
.coordinate-result-crs{font-size:11px;line-height:1.7;color:#846439;padding:0 0 15px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow-wrap:anywhere}
.coordinate-point-label{font-size:12px;color:#70532e;margin:0 0 13px;overflow-wrap:anywhere}
.coordinate-values{display:grid;grid-template-columns:1fr;gap:13px;margin:0 0 21px}
.coordinate-value{min-width:0;background:#eee2cf;border:1px solid #dac7a7;padding:19px 21px}
.coordinate-value dt{font-size:11px;color:#6a5133;line-height:1.6;margin-bottom:10px}
.coordinate-value dd{margin:0;font:31px/1.3 var(--serif);color:#39291a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.coordinate-warnings{border-left:2px solid #b38c45;padding:12px 15px;background:#f5ead6;margin:0 0 18px}
.coordinate-warnings p{font-size:11px;line-height:1.8;color:#71522c;margin:0 0 10px;overflow-wrap:anywhere}
.coordinate-warnings p:last-child{margin-bottom:0}
.coordinate-error{border:1px solid #d6aa8f;background:#fff3e9;color:#8a3d27;padding:15px 17px;margin:18px 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.coordinate-error strong{display:block;font-weight:600;margin-bottom:7px}
.coordinate-error ul{padding-left:19px;margin:0}
.coordinate-error li+li{margin-top:5px}
.coordinate-export-status{font-size:11px;line-height:1.7;color:#75562c;margin:12px 0 0;overflow-wrap:anywhere}
.coordinate-export-status:empty{display:none}
.coordinate-result-actions{margin-top:20px}
.coordinate-result-actions .coordinate-button{flex:1 1 100px}
.coordinate-local-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin:30px 0 0;padding-top:21px;line-height:1.8}
.coordinate-method-note{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.coordinate-method-note summary{font-size:12px;color:#75562d;cursor:pointer;line-height:1.7;min-height:44px;display:list-item;padding:9px 0}
.coordinate-method-note p{font-size:11px;line-height:1.85;color:var(--muted);max-width:960px;margin:9px 0 0;overflow-wrap:anywhere}
.coordinate-table-wrap{max-width:100%;max-height:430px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);background:#fffdf9;margin-bottom:20px}
.coordinate-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;text-align:left}
.coordinate-table th{background:var(--brown);color:#f4e7d1;font-weight:500;padding:12px;position:sticky;top:0;z-index:1;white-space:normal}
.coordinate-table td{padding:11px 12px;border-bottom:1px solid #e6d9c6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.coordinate-table td:first-child{max-width:140px}
.coordinate-table td:not(:first-child){white-space:nowrap}
.coordinate-loading{font-size:13px;color:var(--muted);padding:24px 0}
.coordinate-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.coordinate-shell{padding:29px}.coordinate-columns{gap:25px}.coordinate-entry{padding-right:25px}.coordinate-systems{gap:13px}.coordinate-swap{min-width:115px;padding-inline:11px;font-size:11px}.coordinate-hero-grid{gap:40px}.coordinate-hero-mark{padding-left:30px}}
@media(max-width:900px){.coordinate-columns{grid-template-columns:1fr;gap:30px}.coordinate-entry{padding-right:0;border-right:0;border-bottom:1px solid var(--line);padding-bottom:30px}.coordinate-result{padding-top:0}.coordinate-values{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-systems{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.coordinate-swap{grid-column:1/-1;grid-row:2;margin:0 0 18px;justify-self:center;min-width:170px}.coordinate-system-help{margin-bottom:23px}.coordinate-hero-grid{grid-template-columns:1fr}.coordinate-hero-mark{display:none}}
@media(max-width:550px){.coordinate-hero{padding:23px 0 38px}.coordinate-hero .breadcrumb{margin-bottom:28px}.coordinate-hero h1{font-size:37px}.coordinate-hero p{font-size:13px}.coordinate-workspace{padding:26px 0 48px}.coordinate-shell{padding:23px 17px}.coordinate-systems{grid-template-columns:1fr;gap:0}.coordinate-swap{grid-column:auto;grid-row:2;margin:0 0 20px;justify-self:start;min-width:160px}.coordinate-field{margin-bottom:17px}.coordinate-field input,.coordinate-field select,.coordinate-field textarea{font-size:16px;padding-inline:11px}.coordinate-field select{padding-right:26px}.coordinate-tabs{gap:7px;margin-bottom:25px;padding-bottom:18px}.coordinate-tabs [role=tab]{flex:1;min-width:0;font-size:12px;padding-inline:11px}.coordinate-panel-heading{font-size:27px;margin-bottom:21px}.coordinate-axis-grid{grid-template-columns:1fr;gap:0}.coordinate-values{grid-template-columns:1fr}.coordinate-value{padding:18px}.coordinate-value dd{font-size:30px}.coordinate-actions .coordinate-button{font-size:12px;min-height:46px}.coordinate-result-actions .coordinate-button{flex-basis:100%}.coordinate-hint,.coordinate-result-state{font-size:12px}.coordinate-columns{gap:26px}.coordinate-entry{padding-bottom:26px}.coordinate-table{font-size:11px}.coordinate-table th,.coordinate-table td{padding:10px 9px}.coordinate-system-help,.coordinate-local-note,.coordinate-method-note p{font-size:11px}.coordinate-error{padding:13px}.coordinate-method-note summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.coordinate-button{transition:none}}