/* Tips & Trik (/tips/) */
.bl-hero{background:#17201E;color:#fff;padding:56px 0 40px}
.bl-hero h1{font-size:40px;font-weight:800;margin:6px 0 10px;letter-spacing:-.02em}
.bl-hero p{color:#C6CECB;max-width:640px;font-size:17px;line-height:1.6}
.bl-kick{color:#5EE0C8;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.bl-cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.bl-cats a{border:1px solid #3A4542;color:#C6CECB;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}
.bl-cats a.on{background:#fff;color:#17201E;border-color:#fff}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:36px 0 60px}
.bl-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.bl-img{height:150px;display:flex;align-items:center;justify-content:center;font-size:52px}
.bl-card .in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.bl-h{font-size:18px;line-height:1.35;margin:0;color:var(--ink)}
.bl-card p{font-size:14px}
.bl-meta{font-size:12px;color:var(--muted);font-weight:700;display:flex;gap:10px;margin-top:auto}
.bl-tag{font-size:11px;font-weight:800;color:var(--acc);text-transform:uppercase;letter-spacing:.05em}
.bl-card.big{grid-column:span 2;flex-direction:row}.bl-card.big .bl-img{height:auto;width:46%;font-size:80px}.bl-card.big .bl-h{font-size:24px}
.ar-head{background:#17201E;color:#fff;padding:44px 0 34px}
.ar-head h1{font-size:38px;line-height:1.2;font-weight:800;margin:10px 0 12px;letter-spacing:-.02em}
.ar-head p{color:#C6CECB;font-size:17px;line-height:1.6}
.ar-crumb{font-size:13px;color:#9AA5A1}.ar-crumb a{color:#5EE0C8}
.ar-by{display:flex;gap:14px;font-size:13px;color:#9AA5A1;margin-top:16px;font-weight:600}
.ar-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;padding:36px 0 60px}
.ar-body article{font-size:17px;line-height:1.75;color:#2B3431}
.ar-body article h2{font-size:26px;margin:34px 0 10px;color:var(--ink);line-height:1.25}
.ar-body article h3{font-size:19px;margin:22px 0 6px;color:var(--ink)}
.ar-body article p{margin:0 0 14px;color:#2B3431}
.ar-body article ul,.ar-body article ol{padding-left:22px;margin:0 0 16px}
.ar-body article li{margin:4px 0}
.ar-body table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 18px}
.ar-body th,.ar-body td{border:1px solid var(--line);padding:9px 11px;text-align:left}.ar-body th{background:var(--bg)}
.ar-tip{background:var(--acc-s);border-left:4px solid var(--acc);border-radius:10px;padding:14px 16px;margin:0 0 18px;font-size:16px}
.ar-cta{background:#17201E;color:#fff;border-radius:16px;padding:24px;margin:28px 0}
.ar-cta b{font-size:20px;display:block;margin-bottom:6px}.ar-cta p{color:#C6CECB!important}
.ar-side{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:14px}
.ar-toc{border:1px solid var(--line);border-radius:14px;padding:16px}
.ar-toc b{font-size:13px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}
.ar-toc a{display:block;font-size:14px;padding:5px 0;color:var(--ink);font-weight:600}
.ar-faq details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 8px}
.ar-faq summary{font-weight:700;cursor:pointer;color:var(--ink)}
@media(max-width:760px){.bl-grid{grid-template-columns:1fr}.bl-card.big{grid-column:auto;flex-direction:column}.bl-card.big .bl-img{width:auto;height:150px}.ar-body{grid-template-columns:minmax(0,1fr)}.ar-side{display:none}.ar-head h1,.bl-hero h1{font-size:28px}}
.bl-card{color:var(--ink);transition:border-color .15s,transform .15s}
.bl-card:hover{border-color:var(--acc);transform:translateY(-2px);color:var(--ink)}
.bl-h{font-size:18px;line-height:1.35;margin:0;color:var(--ink);font-weight:800;letter-spacing:-.01em}
.bl-grid.three{grid-template-columns:repeat(3,1fr);padding:10px 0 20px}
.lp-links a.on{color:#fff}
.ar-w{max-width:900px}
.ar-cta .row{margin-top:12px;gap:8px;flex-wrap:wrap}
.ar-cta{margin:28px 0}
.ar-src{font-size:13px;color:var(--muted)!important;margin-top:18px!important}
.ar-src a{color:var(--acc)}
.ar-note{font-size:13px;color:var(--muted)!important;font-style:italic}
.ar-body article a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}
.ar-body article .btn{text-decoration:none}
.ar-body article .btn.primary{color:#fff}
.ar-body article .lp-ghost{color:#fff}
.ar-body .ar-tbl{overflow-x:auto}
.ar-more{padding:0 0 50px}
.ar-more h2{font-size:24px;margin:0 0 6px}
.tp-foot{background:#17201E;color:#9AA5A1;padding:26px 0;font-size:13px}
.tp-foot .lp-wrap{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
.tp-foot nav{display:flex;gap:16px;flex-wrap:wrap}
.tp-foot a{color:#C6CECB}
@media(max-width:760px){.bl-grid.three{grid-template-columns:1fr}.bl-hero{padding:36px 0 28px}.ar-head{padding:32px 0 26px}.ar-body article{font-size:16px}.ar-body article h2{font-size:22px}}
@media(max-width:420px){.lp-nav .lp-actions .btn{padding:0 12px;font-size:13px;min-height:36px}.lp-nav-in{gap:12px}}
@media(max-width:760px){.bl-card.big .bl-h{font-size:20px}}