/* TechGuruPlus shared styles: base page, header and footer.
   Edit this file once and every tool page updates. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f5f7f6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* Header */
.hd{background:#fff;border-bottom:1px solid #e3e8e5;position:relative;z-index:20}
.hd-in{max-width:1180px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111}
.mark{width:35px;height:35px;border-radius:11px;background:#0f1d3a;color:#fff;display:grid;place-items:center;font:700 17px system-ui,sans-serif;letter-spacing:.02em}
.lt b{display:block;font-size:17px;line-height:1.15;color:#111}
.lt small{display:block;font-size:11.5px;letter-spacing:.14em;color:#667;margin-top:2px}
.nav{display:flex;align-items:center;gap:6px}
.nav a{color:#111;text-decoration:none;font-weight:700;font-size:14px;padding:9px 14px;border-radius:8px}
.nav a:hover{background:#eef3ef}
.nav a.act{color:#1d4ed8}
.nav-t{display:none}
.burger{display:none;cursor:pointer;font-size:26px;line-height:1;padding:6px 10px;border:1px solid #d5ddd8;border-radius:8px;color:#111;user-select:none}
@media (max-width:860px){
 .burger{display:block}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e3e8e5;flex-direction:column;align-items:stretch;padding:8px 14px 14px;gap:2px}
 .nav a{padding:12px 10px}
 .nav-t:checked~.nav{display:flex}
 .lt b{font-size:18px}
}

/* Footer */
.ft{background:#0f1d3a;color:#c9d2e3;margin-top:30px;font-family:system-ui,sans-serif}
.ft-in{max-width:1180px;margin:0 auto;padding:34px 18px 20px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}
.ft h4{color:#fff;margin:0 0 10px;font-size:16px}
.ft p{margin:0 0 8px;font-size:14.5px;line-height:1.6}
.ft a{color:#c9d2e3;text-decoration:none;display:block;padding:3px 0;font-size:14.5px}
.ft a:hover{color:#fff;text-decoration:underline}
.ft-bot{max-width:1180px;margin:0 auto;padding:14px 18px 26px;border-top:1px solid #243457;font-size:13px;color:#9fb0cf}
@media (max-width:760px){.ft-in{grid-template-columns:1fr}}