.az-page{--az-bg:#fff;--az-soft:#f0f6f4;--az-ink:#172d39;--az-muted:#526b79;--az-line:#cbd9df;--az-accent:#087d6c;--az-arrow:#bd591e;--az-warn:#97480e;letter-spacing:0}
.az-page[data-theme=dark]{--az-bg:#1a272b;--az-soft:#273a3f;--az-ink:#eef3f4;--az-muted:#bdcdd3;--az-line:#526b74;--az-accent:#79d9bb;--az-arrow:#ffb479;--az-warn:#ffc17f}
.modern-subpage #content.az-page{background:var(--az-bg);color:var(--az-ink);--modern-text:var(--az-ink);--modern-muted:var(--az-muted);--modern-line:var(--az-line)}
.az-page *,.az-page *::before,.az-page *::after{box-sizing:border-box;min-width:0;letter-spacing:0}
.az-page [hidden]{display:none!important}
.modern-subpage #content.az-page h1{font-size:31px;line-height:1.35;margin:12px 0;color:var(--az-ink)}
.modern-subpage #content.az-page h2{font-size:21px;line-height:1.45;margin:0 0 14px;color:var(--az-ink)}
.modern-subpage #content.az-page p{font-size:15px;line-height:1.8;margin:10px 0 16px;color:var(--az-muted);overflow-wrap:anywhere}
.az-page a{color:var(--az-accent)}.az-breadcrumb{font-size:12px;color:var(--az-muted)}.az-page .az-heading{margin-bottom:22px}
.az-page button{width:auto;max-width:100%;height:auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid var(--az-line);border-radius:5px;background:var(--az-bg);color:var(--az-ink);box-shadow:none;text-shadow:none;font:inherit;font-size:14px;line-height:1.45;white-space:normal;word-break:keep-all;transition:border-color .15s}
.az-page button:hover{background:var(--az-soft);color:var(--az-ink);border-color:var(--az-accent)}.az-page button:disabled{opacity:.45;cursor:not-allowed}
.az-page .az-primary,.az-tabs button[aria-selected=true]{background:var(--az-accent);border-color:var(--az-accent);color:var(--az-bg)}
.az-tabs{display:flex;overflow-x:auto;gap:5px;border-bottom:1px solid var(--az-line);padding:0 0 12px;scrollbar-width:thin}
.az-tabs button{white-space:nowrap;flex:0 0 auto}
.az-settings{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0 22px}
.az-settings>label{display:flex;align-items:center;gap:6px;font-size:12px;margin:0;color:var(--az-ink)}
.az-page label,.az-page legend{font-size:14px;color:var(--az-ink);font-weight:600}
.modern-subpage #content.az-page input[type=text],.modern-subpage #content.az-page select{width:100%;min-width:0;height:44px;min-height:44px;padding:9px 10px!important;border:1px solid var(--az-line);border-radius:4px;background-color:var(--az-bg);color:var(--az-ink);box-shadow:none;font-size:16px;line-height:1.4!important}
.modern-subpage #content.az-page select{appearance:auto;background-image:none}
.modern-subpage #content.az-page .az-settings select{width:auto;font-size:13px;padding:7px 8px!important;max-width:225px}
.modern-subpage #content.az-page input[type=checkbox]{appearance:auto;position:static;opacity:1;display:inline-block;width:18px;height:18px;min-width:18px;margin:0;padding:0;accent-color:var(--az-accent)}
.modern-subpage #content.az-page :is(input,select,button,summary):focus-visible,.az-table-scroll:focus-visible{outline:3px solid var(--az-accent);outline-offset:2px;box-shadow:none}
.modern-subpage #content.az-page [aria-invalid=true]{border:2px solid var(--az-warn)}
.az-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'input primary' 'input compass' 'extras extras' 'process process';gap:20px;align-items:start}
.az-page .az-input{grid-area:input;margin:0}.az-page .az-primary-result{grid-area:primary;margin:0}.az-page .az-figure{grid-area:compass;margin:0}.az-page .az-extras{grid-area:extras;margin:0}.az-page .az-process{grid-area:process;margin:0}
.az-page .az-workspace{margin:0}.az-page fieldset{border:0;padding:16px 0;margin:0;border-top:1px solid var(--az-line)}
.az-page fieldset legend{padding:0 8px 0 0;font-size:13px}
.az-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.az-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px!important}
.az-coordinate fieldset{padding:0;border:0}.az-coordinate legend{margin-bottom:7px}
.az-dms-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1fr) 58px;gap:6px;align-items:end}
.az-dms-fields .az-field{font-size:12px!important}.az-quadrant-fields{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:8px;align-items:end}
.az-page [data-coordinate-format=dms] .az-dms-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.az-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}
.az-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}
.az-examples button{font-size:12px;padding:8px 4px}
.modern-subpage #content.az-page .az-hint{font-size:12px;line-height:1.7}
.az-page #az-primary{display:block;font-size:30px;line-height:1.5;font-weight:700;color:var(--az-accent);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.az-page #az-direction{color:var(--az-ink);font-size:16px;margin:6px 0}
.az-page svg{width:100%;max-width:360px;display:block;aspect-ratio:1;max-height:360px;margin:0 auto;color:var(--az-ink)}
.az-page svg text{font-family:inherit;fill:currentColor;font-size:14px}.az-page figcaption{font-size:12px;line-height:1.7;color:var(--az-muted);margin-top:8px}
.az-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0}
.az-values>div{border-bottom:1px solid var(--az-line);padding:11px 0}.az-values dt{font-size:12px;color:var(--az-muted)}.az-values dd{margin:3px 0 0;font-size:15px;line-height:1.7;color:var(--az-ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.az-page .az-warning,.az-page #az-error{border-left:3px solid var(--az-warn);padding:10px 12px;color:var(--az-warn)!important;background:var(--az-soft);font-size:14px!important}
.az-page details{padding:13px 0;border-bottom:1px solid var(--az-line);margin:0}.az-page summary{font-size:15px;line-height:1.6;font-weight:600;color:var(--az-ink);cursor:pointer}
.az-page #az-expression{white-space:pre-line;font-size:14px}.az-page #az-status{font-size:13px}
.az-point{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 38px;gap:7px;align-items:end;padding:12px 0;border-bottom:1px solid var(--az-line)}
.az-point>span{font-size:12px;padding-bottom:10px}.az-point .az-field{font-size:12px!important}.az-page .az-point button{width:38px;padding:8px}.az-page #az-point-count{font-size:12px;color:var(--az-muted)}
.az-page #az-points{max-height:560px;overflow:auto;padding-right:4px;scrollbar-width:thin;overscroll-behavior-y:contain}
.az-table-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--az-line);border-radius:5px;scrollbar-width:thin;overscroll-behavior:contain;margin-top:16px}
.az-page table{border-collapse:collapse;width:100%;min-width:450px;margin:0}.az-page th,.az-page td{padding:11px 10px;border-bottom:1px solid var(--az-line);text-align:left;font-size:13px;line-height:1.6;color:var(--az-ink);white-space:nowrap}.az-page thead th{background:var(--az-soft)}
.az-page caption{padding:12px;text-align:left;color:var(--az-ink)}.az-page #az-route-table-wrap{max-height:480px}.az-page #az-route-table-wrap table{min-width:950px}.az-page #az-route-table-wrap thead th{position:sticky;top:0;z-index:1}
.az-page .az-guides,.az-page .az-faq,.az-page .az-related{margin:28px 0 0;padding:0}.az-guides>section,.az-page .az-faq,.az-page .az-related{border-top:1px solid var(--az-line);padding-top:24px;margin-top:24px}.az-guides>section{margin-bottom:0}
.az-page .az-guides ul{font-size:14px;line-height:1.8;padding-left:22px;color:var(--az-muted)}
.az-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.az-related a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--az-line);border-radius:6px;padding:16px;text-decoration:none}.az-related strong{font-size:15px;color:var(--az-ink)}.az-related span{font-size:13px;line-height:1.7;color:var(--az-muted)}
@media(max-width:1150px){.az-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'input' 'primary' 'compass' 'extras' 'process'}}
@media(max-width:600px){.modern-subpage #content.az-page{padding:18px}.modern-subpage #content.az-page h1{font-size:27px}.modern-subpage #content.az-page h2{font-size:20px}.az-settings{gap:10px}.az-settings>label:first-child{flex-basis:100%;justify-content:space-between}.az-settings>label:first-child select{flex:1}.az-fields{gap:14px 10px}.az-page [data-coordinate-format=dms] .az-dms-fields{grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1fr) 58px}.az-page .az-coordinate:has([data-coordinate-format=dms]:not([hidden])){grid-column:1/-1}.az-page #az-primary{font-size:28px}.az-values{grid-template-columns:minmax(0,1fr)}.az-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.az-related>div{grid-template-columns:minmax(0,1fr)}.az-point{grid-template-columns:26px minmax(0,1fr) 38px}.az-point .az-field:nth-of-type(2){grid-column:2}.az-point>button{grid-column:3;grid-row:1/3;align-self:center}.az-point>span{grid-row:1/3;align-self:center}}
@media(max-width:600px){.az-page.az-dms-mode .az-coordinate{grid-column:1/-1}.az-page .az-dms-fields,.az-page [data-coordinate-format=dms] .az-dms-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.az-page svg text{font-size:16px}.az-point{grid-template-columns:26px minmax(0,1fr) 44px}.az-page .az-point button{width:44px}}
@media(prefers-reduced-motion:reduce){.az-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}