/* Shared look for /guides/ and /el/guides/ — matches how-to-use.html. */
:root { --navy:#0b1e3c; --gold:#c6a15b; --line:#e6e8ee; --slate:#33415c; --mut:#6b7280; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#111827;line-height:1.6;background:#fff}
header.lh{background:var(--navy);color:#fff;padding:14px 0}
header.lh .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px}
header.lh nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 16px}
header.lh a{color:#fff;text-decoration:none;font-weight:700}
header.lh nav a{font-weight:500;font-size:14px;opacity:.9}
@media (max-width:480px){header.lh nav{gap:4px 12px}header.lh nav a{font-size:13px}}
.gold{color:var(--gold)}
.wrap{max-width:780px;margin:0 auto;padding:0 18px}
main{padding:28px 0 56px}
.crumbs{font-size:13px;color:var(--mut);margin-bottom:14px}
.crumbs a{color:var(--mut)}
h1{font-size:30px;line-height:1.25;margin:0 0 10px}
h2{font-size:21px;margin:30px 0 8px}
h3{font-size:16px;margin:20px 0 4px}
p,li{color:var(--slate);font-size:16px}
.lead{font-size:18px;color:#1f2a44}
.meta{font-size:13px;color:var(--mut);margin:0 0 20px}
a{color:#1d4ed8}
.note{background:#faf6ec;border-left:3px solid var(--gold);padding:10px 14px;border-radius:0 8px 8px 0;font-size:15px;color:#6b5418;margin:18px 0}
.note p{color:inherit;font-size:inherit;margin:0}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top;color:var(--slate)}
th{color:#111827;font-weight:600;background:#f8fafc}
.tbl{overflow-x:auto}
.cta{background:#f3f6fb;border:1px solid var(--line);border-radius:12px;padding:18px;margin:28px 0}
.cta strong{display:block;font-size:17px;margin-bottom:8px;color:#111827}
.cta form{display:flex;gap:8px;flex-wrap:wrap}
.cta input{flex:1 1 220px;min-width:0;padding:11px 12px;border:1px solid #cbd2df;border-radius:9px;font-size:16px}
.cta button{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:11px 18px;font-weight:600;font-size:15px;cursor:pointer}
.cta p{font-size:14px;margin:8px 0 0}
.cards{list-style:none;padding:0;display:grid;gap:12px}
.cards li{border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.cards a{font-weight:600;font-size:17px;text-decoration:none}
.cards p{margin:4px 0 0;font-size:15px}
.related{border-top:1px solid var(--line);margin-top:34px;padding-top:6px}
footer.lf{border-top:1px solid var(--line);background:#f8fafc;padding:24px 0;margin-top:26px}
footer.lf nav{display:flex;flex-wrap:wrap;gap:12px}
footer.lf a{color:var(--navy);font-size:13px;text-decoration:none}
.fine{color:var(--mut);font-size:12.5px}
@media (max-width:560px){ h1{font-size:25px} .lead{font-size:17px} }