:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#102128;background:#f3f7f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.site-header{display:flex;align-items:center;gap:1rem;padding:.75rem max(1rem,calc((100vw - 1240px)/2));background:#07171b;color:#eef9f7;min-height:70px}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;white-space:nowrap}.brand img{width:42px;height:34px;object-fit:contain}.brand b{font-size:1rem}.site-header nav{display:flex;gap:.85rem;flex:1;overflow:auto}.site-header nav a,.open-app,.lang{color:#b8d7d4;text-decoration:none;font-size:.86rem;white-space:nowrap}.site-header a:hover{color:#42d5a9}.open-app{border:1px solid #42d5a9;border-radius:8px;padding:.65rem .85rem;color:#42d5a9}.lang{padding:.5rem}.site-header{direction:ltr}html[dir=rtl] .site-header nav{direction:rtl}main{width:min(1100px,calc(100% - 2rem));margin:2rem auto}.crumb{font-size:.9rem;color:#61777d;margin-bottom:1rem}.crumb a{color:#087f71;text-decoration:none}h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:.5rem 0;color:#09262c}.intro{font-size:1.1rem;line-height:1.7;max-width:850px;color:#435a60;margin:.5rem 0 1.5rem}.tool,.library,.explain,.related{background:white;border:1px solid #d7e3e2;border-radius:14px;padding:1.25rem;margin:1rem 0;box-shadow:0 8px 30px #173c3908}.crs-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:.85rem;align-items:end}.tool label,.batch-load label{display:flex;flex-direction:column;gap:.45rem;font-weight:650;color:#243c42}.crs-search,input,select,textarea{font:inherit}input,select,textarea{border:1px solid #c6d4d3;border-radius:8px;padding:.75rem;color:#102128;background:#fff;min-width:0}.crs-search{margin-bottom:.4rem}.secondary,.primary{font:inherit;font-weight:700;border-radius:8px;padding:.8rem 1rem;cursor:pointer}.secondary{border:1px solid #b7ceca;background:#f7fbfa;color:#19383a}.primary{border:0;background:#10a681;color:#062820}.primary:hover{background:#09886a}.coordinate-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem}.tool-actions{display:flex;align-items:end;justify-content:space-between;gap:.8rem;margin-top:1rem}.tool-actions label{display:flex;align-items:center;gap:.5rem}.tool-actions select{max-width:6rem}.result{border-top:1px solid #dce7e5;margin-top:1.25rem;padding-top:1rem}.result h2{margin-top:0}.result-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.result-item{background:#f4f9f8;border:1px solid #dce9e6;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}.result-item b{font-size:.83rem;color:#587078}.result-item span{font:600 1.05rem ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.note,.privacy{font-size:.9rem;color:#586c71;line-height:1.6}.warnings p{background:#fff8e7;border:1px solid #f1d282;border-radius:8px;padding:.75rem;color:#654600;line-height:1.5}details{border-top:1px solid #e4eceb;padding:1rem 0}summary{cursor:pointer;font-weight:700}dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:.45rem}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}.map{height:340px;border-radius:10px;border:1px solid #d0dfde;background:#e9f0ef;overflow:hidden}.explain,.related{line-height:1.7}.related ul{columns:2;padding-inline-start:1.3rem}.related a{color:#087f71}footer{padding:1.5rem max(1rem,calc((100vw - 1100px)/2));background:#07171b;color:#b8d7d4;display:flex;justify-content:space-between;gap:1rem}footer a{color:#42d5a9}.message{padding:.8rem;border-radius:8px}.error{background:#fff0ed;color:#9c3323}.batch-load{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.batch-load label input{margin-top:.4rem}.batch-mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;grid-column:1/-1}.batch-load textarea{width:100%;grid-column:1/-1;resize:vertical}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border:1px solid #d8e4e3;padding:.5rem;text-align:start;white-space:nowrap}th{background:#f1f7f6}.crs-list{margin-top:1rem}.crs-row{display:grid;grid-template-columns:110px 1fr 180px;gap:1rem;padding:.85rem;border-bottom:1px solid #e0eae9;color:#12383a;text-decoration:none}.crs-row:hover{background:#eff8f5}.crs-row small{color:#63777b}.privacy{border-inline-start:3px solid #0ea67f;padding-inline-start:.8rem}.leaflet-container{font:inherit}@media(max-width:900px){.site-header{flex-wrap:wrap}.site-header nav{order:3;flex-basis:100%}.open-app{margin-inline-start:auto}.site-header nav a{padding:.45rem 0}.crs-controls{grid-template-columns:1fr}.crs-controls #swap-crs{justify-self:center}.coordinate-inputs{grid-template-columns:1fr 1fr}.result-fields{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{width:calc(100% - 1rem);margin:1rem auto}.site-header{padding:.7rem}.site-header nav{gap:.8rem}.site-header nav a{font-size:.8rem}.brand b{font-size:.9rem}.open-app{padding:.55rem;font-size:.8rem}.coordinate-inputs,.result-fields,.batch-load,.batch-mapping{grid-template-columns:1fr}.batch-mapping{grid-column:auto}.batch-load textarea{grid-column:auto}.tool{padding:.85rem}.tool-actions{flex-wrap:wrap}.tool-actions .primary{width:100%}.map{height:270px}.crs-row{grid-template-columns:95px 1fr}.crs-row small{grid-column:2}footer{flex-direction:column}.related ul{columns:1}dl{grid-template-columns:1fr;gap:.2rem}dd{margin-bottom:.5rem}}
:root[dir=rtl] .result-item span,html[dir=rtl] .crs-search,html[dir=rtl] select,html[dir=rtl] input[type=number]{direction:ltr;text-align:left}html[dir=rtl] .result-item b{text-align:right}.crs-picker{display:grid;grid-template-columns:1fr auto;gap:.45rem .65rem;min-width:0}.crs-picker>strong{grid-column:1/-1;color:#243c42}.crs-picker label{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-weight:600;color:#586c71}.crs-picker label span{font-size:.83rem}.crs-picker input,.crs-picker>label:last-of-type select{width:100%;min-width:0}.crs-picker .crs-list-mode{grid-column:1/-1}.favorite-crs{justify-self:start;border:0;background:transparent;color:#087f71;cursor:pointer;font:inherit;font-size:.84rem;padding:.2rem 0}.crs-list-mode{width:100%;font-size:.9rem}


.seo-app-guide {
  max-width: 1180px;
  margin: 28px auto;
  padding: 22px;
  border: 1px solid rgba(24, 215, 255, 0.18);
  border-radius: 10px;
  background: rgba(7, 25, 39, 0.78);
  color: #d9edf6;
}
.seo-app-guide .breadcrumb {
  color: #9cb8c5;
  font-size: 13px;
  margin-bottom: 12px;
}
.seo-app-guide a {
  color: #18d7ff;
}
.seo-app-guide h2 {
  margin: 16px 0 8px;
  color: #18d7ff;
  font-size: 18px;
}
.seo-app-guide p {
  line-height: 1.65;
}
/* RC1: contrast, link affordance and layout stability */
.crumb{color:#4f6469}.crumb a{text-decoration:underline;text-underline-offset:2px}
.library .crs-list{height:min(60vh,560px);overflow:auto}
.crs-controls{min-height:207px}
@media(max-width:900px){.crs-controls{min-height:427px}}
.coordinate-inputs{min-height:154px}
@media(max-width:560px){.coordinate-inputs{min-height:321px}}
.traverse-tool ol.steps{min-height:182px}
.multi-convert h2{margin:.2rem 0 .3rem}.mc-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0;border-bottom:1px solid #d7e3e2}.mc-tab{font:inherit;font-weight:700;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:none;color:#4b6268;padding:.7rem 1rem;cursor:pointer;margin-bottom:-1px}.mc-tab[aria-selected=true]{background:#fff;border-color:#d7e3e2;color:#087f71;box-shadow:inset 0 3px 0 #10a681}.mc-drop{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:2px dashed #9fc3bd;border-radius:12px;background:#f5fbfa;padding:1.4rem 1rem;text-align:center;cursor:pointer;font-weight:600}.mc-drop strong{color:#087f71;font-size:1.05rem}.mc-drop span{color:#61777d;font-weight:500;font-size:.9rem}.mc-drop.is-over{background:#e3f6f0;border-color:#10a681}.mc-drop input{max-width:100%;margin-top:.4rem}.mc-mapping{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:.8rem}.mc-mapping .mc-check{flex-direction:row!important;align-items:center;grid-column:1/-1;font-weight:600}.mc-grid input{width:100%;padding:.5rem;font-family:ui-monospace,Consolas,monospace}.mc-grid td{padding:.25rem;white-space:normal}.mc-grid th{white-space:normal;font-size:.85rem}.mc-grid td:first-child,.mc-grid th:first-child{width:2.5rem;text-align:center;color:#61777d}.mc-grid td:last-child{width:2.5rem;text-align:center}.mc-grid th:nth-child(2){width:18%}.mc-del{font:inherit;border:1px solid #e1c9c4;background:#fff7f5;color:#9c3323;border-radius:6px;width:2rem;height:2rem;cursor:pointer}.mc-row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mc-result{border-top:1px solid #dce7e5;margin-top:1.25rem;padding-top:1rem}.mc-summary{font-weight:700;color:#0b5f53}.mc-links{display:flex;gap:.6rem;flex-wrap:wrap;margin:.6rem 0 1rem}.mc-download{text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.mc-result .table-wrap{max-height:420px}.mc-bad td{background:#fff3f0}#multi-convert .message{margin-top:.8rem}@media(max-width:900px){.mc-mapping{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mc-mapping{grid-template-columns:1fr}.mc-tab{flex:1;padding:.6rem .5rem;font-size:.9rem}.mc-links a{width:100%;justify-content:center}}
.mc-pair{background:#f1f8f6;border:1px solid #d5e8e3;border-radius:8px;padding:.6rem .8rem;line-height:1.6;overflow-wrap:anywhere}.mc-pair a{color:#087f71}
.mc-ex{font-weight:700;color:#19383a}