: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;
}