/*
Theme Name: Everyday File Guide
Description: Lightweight English practical guides and local file-size tools.
Version: 1.0.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: everyday-file-guide
*/
:root{--ink:#18343d;--muted:#54676c;--paper:#f6f5ef;--teal:#146c64;--line:#dce2dc;--white:#fff;--gold:#e9bb68}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b27417;outline-offset:4px}.wrap{max-width:1120px;margin:auto;padding:0 28px}.top{background:#fff;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:23px;padding-bottom:23px}.brand{font-size:20px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.6px}.brand span{display:inline-grid;place-items:center;background:var(--teal);color:#fff;width:32px;height:32px;border-radius:9px;margin-right:9px}nav ul{list-style:none;display:flex;gap:23px;padding:0;margin:0}nav a{font-size:14px;text-decoration:none;color:var(--ink)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding-top:65px;padding-bottom:57px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--teal)}h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:15px 0 22px}h2{font-size:28px;line-height:1.25;letter-spacing:-.8px}h3{font-size:20px;line-height:1.4}.intro{font-size:19px;color:var(--muted);max-width:550px}.button{display:inline-block;background:var(--teal);color:white;padding:11px 21px;border-radius:7px;text-decoration:none;font-weight:650;font-size:15px;border:0;cursor:pointer}.button:hover{background:#104f49}.sheet{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 13px 35px #153e3610;padding:28px}.sheet .row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.pill{font-size:12px;background:#eaf2ec;padding:3px 9px;border-radius:4px;font-weight:700}.sheet small{display:block;color:var(--muted)}.section{padding-top:24px;padding-bottom:42px}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.card h3 a{color:var(--ink);text-decoration:none}.card p{font-size:15px;color:var(--muted)}.card .number{display:block;font-size:32px;color:#c0ccc3;font-weight:750;margin-bottom:20px}.toolstrip{border-radius:14px;background:#173f43;color:white;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:25px}.toolstrip p{margin:8px 0;color:#d3e5df}.toolstrip h2{margin:0}.toolstrip .button{background:#f1cb88;color:#203c3d;white-space:nowrap}.prose{max-width:780px;margin:0 auto;padding:45px 28px 70px}.prose h1{font-size:42px}.prose h2{margin-top:40px}.prose p,.prose li{color:#334c53}.prose li{margin:10px 0}.answer{border-left:4px solid var(--teal);background:#e8f0e8;padding:18px 23px;border-radius:0 9px 9px 0}.meta{font-size:13px;color:var(--muted)}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose td,.prose th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.prose th{background:#e7ede5}.prose code{background:#e8ebe4;padding:2px 5px;overflow-wrap:anywhere}.prose img{max-width:100%;height:auto}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);padding:26px 0}footer .wrap{display:flex;justify-content:space-between;gap:24px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}.calc{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin:25px 0}.calc label{display:block;font-weight:650;font-size:14px;margin:12px 0 5px}.calc input,.calc select{font:inherit;padding:10px;border:1px solid #9bada7;border-radius:5px;max-width:100%;width:100%;background:#fff}.calc .inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.result{font-size:21px;font-weight:700;padding:19px 0;color:var(--teal)}.preview-note{font-size:12px;text-align:center;background:#e8dfcb;padding:5px}.searchform{display:flex;gap:8px}.searchform input{min-width:0;padding:9px;border:1px solid var(--line)}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.bar{align-items:flex-start;flex-direction:column;gap:12px}nav ul{gap:18px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:26px;padding-top:34px;padding-bottom:32px}.hero h1{max-width:460px}.hero .sheet{display:none}.grid{grid-template-columns:1fr}.card .number{display:none}.toolstrip,.sectionhead{display:block}.toolstrip .button{margin-top:16px}.prose{padding:30px 20px 50px}.prose h1{font-size:35px;letter-spacing:-1px}.calc .inputs{grid-template-columns:1fr}footer .wrap{display:block}}