*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2430;background:#f6f7f9;line-height:1.5}
a{color:#0b5cad}header{background:#0f2a44;color:#fff}header .w{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
header a{color:#fff;text-decoration:none;margin-left:18px;font-size:15px}.logo{font-weight:800;font-size:22px;letter-spacing:.3px;margin:0}.logo span{color:#ffb547}
.w{max-width:1100px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,#0f2a44,#1d4f7a);color:#fff;padding:34px 0 40px}
.hero h1{font-size:34px;margin:0 0 8px}.hero p{margin:0;opacity:.9;font-size:17px}.card{background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:20px;margin:20px 0}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid #e6e9ee;padding:7px 8px;text-align:left;vertical-align:top}th{background:#f1f4f8}
.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.verified{background:#e3f6e8;color:#1c6b33}.needs-check{background:#fff3d6;color:#8a5a00}.missing{background:#fde4e4;color:#9b1c1c}
.calc{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;align-items:end}.calc label{font-size:13px;font-weight:600;display:block}
.calc select,.calc input{width:100%;padding:9px;border:1px solid #c5ccd6;border-radius:6px;font-size:15px}button{background:#e8711c;color:#fff;border:0;border-radius:6px;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer}
#result{margin-top:16px}.res{border-left:5px solid #1c6b33;background:#f0faf3;padding:14px 16px;border-radius:6px}.res.err{border-color:#b42318;background:#fdf0ef}.res .big{font-size:24px;font-weight:800}
.warn{margin-top:8px;font-size:14px;color:#6b4b00;background:#fff8e6;padding:8px 10px;border-radius:6px}.src{font-size:13px;color:#56606e}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.grid a{display:block;background:#fff;border:1px solid #e1e5ea;border-radius:8px;padding:8px 10px;text-decoration:none;color:#1b2430;font-size:14px}.grid a:hover{border-color:#0b5cad}
.news{background:#0f2a44;color:#fff;border-radius:10px;padding:22px}.news input{padding:10px;border-radius:6px;border:0;width:260px;max-width:100%}footer{color:#6b7480;font-size:13px;padding:30px 0}
.note{font-size:13px;color:#56606e}@media(max-width:800px){.calc{grid-template-columns:1fr 1fr}}
.calc2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:8px 0}.calc2.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.f label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
.f select,.f input,.orow input{display:block;width:100%;min-width:0;padding:9px 10px;border:1px solid #c5ccd6;border-radius:8px;font-size:16px;background:#fff;color:#1b2430;min-height:44px;font-family:inherit}
.f select:disabled{background:#f1f4f8;color:#6b7480}
.picked{grid-column:1/-1;margin:0;font-size:14px;color:#56606e}
.ohead{font-weight:700;margin:14px 0 2px}
.olbl,.orow{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 44px;gap:8px}.olbl{font-size:13px;font-weight:600;color:#56606e}.orow{margin:6px 0}
.ox{background:#eef2f7;color:#1b2430;padding:0;min-height:44px;font-size:22px;line-height:1}
.addday{background:#fff;color:#0b5cad;border:1px dashed #0b5cad;width:100%;margin:4px 0 12px}
.go{min-width:200px}.out{margin-top:14px}.why{margin:6px 0 4px;font-size:15px}
details.more{margin-top:8px}details.more summary{cursor:pointer;font-size:14px;font-weight:600;padding:8px 0}
@media(max-width:700px){.calc2,.calc2.two{grid-template-columns:minmax(0,1fr)}.go{width:100%}.res .big{font-size:21px}}
/* ---- mobile layer (groundup/mobile.py) ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.tscroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 4px}
.tscroll>table{margin:0}
img,video,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
@media (max-width:700px){
 body{overflow-wrap:break-word}
 .gu-strip{font-size:14px!important;line-height:1.4!important;padding:6px 10px!important}
 .gu-strip a{display:inline-block;padding:6px 3px}
 header .w,header.top{flex-wrap:wrap;gap:4px 12px;padding-top:10px!important;padding-bottom:6px!important}
 header.top{padding-left:16px!important;padding-right:16px!important}
 header .w{padding-left:16px!important;padding-right:16px!important}
 header.top:has(>.w){padding:0!important;display:block}
 header nav{width:100%;display:flex;flex-wrap:wrap;gap:0 18px}
 header nav a{margin:0!important;padding:8px 0;font-size:15px;display:inline-block}
 .w{padding-left:14px;padding-right:14px}
 main{padding:16px 14px}
 .card{padding:16px 14px;margin:14px 0}
 .hero h1{font-size:28px!important;line-height:1.2}
 table{font-size:13.5px}
 th,td{padding:7px 6px}
 th[style*="width"]{width:40%!important}
 thead th{letter-spacing:0!important;font-size:12px!important}
 table.list th,table.list td{padding:7px 5px}
 .tscroll{border-radius:8px}
 .tscroll>table{min-width:100%}
 input,select,textarea{font-size:16px!important}
 select,input:not([type=checkbox]):not([type=radio]){min-height:42px}
 button{min-height:44px;font-size:16px}
 .filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
 .filters select{margin:0!important;flex:1 1 140px}
 .filters input{min-width:0!important;flex:1 1 100%}
 #q{font-size:17px!important}
 .calc{grid-template-columns:1fr 1fr!important}
 .calc>*:last-child{grid-column:1/-1}
 .calc button,#go{width:100%}
 .news input,.newsletter input{width:100%!important;margin:0 0 8px}
 .news button,.newsletter button{width:100%;margin:0!important}
 .grid a{padding:11px 12px}
}
