/* SADH.IO guide pages — loaded after sadh.css */
.gd-wrap{max-width:1240px;margin:0 auto;padding:0 20px 40px}
.gd-hero{background:linear-gradient(135deg,#fff 0%,#fff6d6 100%);border:1px solid var(--bd);border-radius:18px;padding:26px 28px;margin:6px 0 22px;box-shadow:var(--sh)}
.gd-badge{display:inline-block;background:var(--brl);color:var(--brd);font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:4px 11px;border-radius:99px}
.gd-hero h1{margin:10px 0 8px;font-size:clamp(24px,3.4vw,34px);line-height:1.2}
.gd-hero p.lead{margin:0 0 14px;color:var(--mu);font-size:16px;max-width:760px}
.gd-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.gd-meta span{background:#fff;border:1px solid var(--bd);border-radius:99px;padding:3px 12px;font-size:13px;color:var(--mu)}
.gd-cta{display:inline-flex;align-items:center;gap:8px;background:var(--br);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:12px;box-shadow:0 6px 16px rgba(198,40,40,.28);transition:.15s}
.gd-cta:hover{background:var(--brd);transform:translateY(-1px)}
.gd-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.gd-main section{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:22px 24px;margin-bottom:18px;scroll-margin-top:84px}
.gd-main h2{margin:0 0 12px;font-size:22px}
.gd-main p{margin:0 0 12px}
.gd-quick{border-left:5px solid var(--br)}
.gd-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.gd-steps li{counter-increment:s;position:relative;padding:14px 16px 14px 62px;margin:0 0 10px;background:#fafbfc;border:1px solid var(--bd);border-radius:12px}
.gd-steps li:before{content:counter(s);position:absolute;left:14px;top:12px;width:36px;height:36px;border-radius:50%;background:var(--br);color:#fff;font-weight:800;display:grid;place-items:center;font-size:16px}
.gd-steps li:not(:last-child):after{content:"";position:absolute;left:31px;top:50px;bottom:-12px;width:2px;background:#f0c9c9}
.gd-feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.gd-feat li{background:#f3fbf6;border:1px solid #cdebd8;border-radius:10px;padding:10px 12px 10px 38px;position:relative}
.gd-feat li:before{content:"✓";position:absolute;left:12px;top:9px;color:var(--ok);font-weight:800}
.gd-tips{background:#fffbea!important;border-color:#f0e2a8!important}
.gd-tips ul{margin:0;padding-left:20px}.gd-tips li{margin:0 0 8px}
.gd-end{text-align:center;background:linear-gradient(135deg,#0e1a33,#1c2f5a)!important;color:#fff;border:0!important}
.gd-end h2{color:#fff}.gd-end p{color:#d6def0}
.gd-side{position:sticky;top:76px}
.gd-side .sx-box{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin-bottom:16px}
.gd-side h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--mu)}
.gd-toc a{display:block;text-decoration:none;padding:7px 10px;border-radius:8px;color:var(--tx);font-size:14px;border-left:3px solid transparent}
.gd-toc a:hover,.gd-toc a.on{background:var(--brl);border-left-color:var(--br);color:var(--brd);font-weight:600}
.gd-open{display:block;text-align:center;background:var(--br);color:#fff!important;text-decoration:none;font-weight:700;padding:11px;border-radius:10px}
.gd-open:hover{background:var(--brd)}
.gd-more a{display:block;text-decoration:none;padding:7px 0;border-bottom:1px dashed var(--bd);font-size:14px}
.gd-more a:last-child{border:0}.gd-more a:hover{color:var(--br)}
@media(max-width:980px){.gd-grid{grid-template-columns:minmax(0,1fr)}.gd-side{position:static}.gd-hero{padding:20px 16px}.gd-main section{padding:18px 16px}.gd-wrap{padding:0 14px 30px}.gd-toc{display:flex;flex-wrap:wrap;gap:6px}.gd-toc a{border:1px solid var(--bd);padding:5px 10px}}
/* guides index */
.gi-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.gi-bar input{flex:1 1 260px;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;font:inherit;background:#fff}
.gi-tabs{display:flex;flex-wrap:wrap;gap:8px}
.gi-tabs button{border:1px solid var(--bd);background:#fff;border-radius:99px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}
.gi-tabs button.on{background:var(--br);color:#fff;border-color:var(--br)}
.gi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.gi-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:16px;transition:.15s}
.gi-card:hover{transform:translateY(-2px);border-color:#e9c4c4}
.gi-card i{font-style:normal;font-size:26px}.gi-card b{display:block;margin:6px 0 4px}
.gi-card small{color:var(--mu);display:block;line-height:1.4}.gi-card em{display:inline-block;margin-top:8px;font-style:normal;font-size:12px;color:var(--brd);font-weight:700}
.gi-empty{display:none;text-align:center;color:var(--mu);padding:30px}
/* restyled articles (.gd-art wraps the original article markup) */
.gd-art .page-wrap{max-width:none;margin:0;padding:0}
.gd-art .section,.gd-art .container,.gd-art article{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:22px 24px;margin:0 0 18px;max-width:none;text-align:left}
.gd-art .section .section,.gd-art .container .container,.gd-art .section .container,.gd-art .container .section,.gd-art article .section,.gd-art article .container{box-shadow:none;border:0;padding:0;margin:0 0 14px;background:none}
.gd-art h2{margin:22px 0 10px;font-size:22px;text-align:left;scroll-margin-top:84px}.gd-art .section>h2:first-child,.gd-art .container>h2:first-child{margin-top:0}
.gd-art h3{margin:16px 0 8px;font-size:18px;text-align:left}
.gd-art p,.gd-art li{line-height:1.75}.gd-art ul,.gd-art ol{padding-left:22px}
.gd-art a{color:var(--br)}
.gd-art .btn,.gd-art .btn-red,.gd-art .cta-btn,.gd-art a.btn{display:inline-block;background:var(--br);color:#fff!important;text-decoration:none;font-weight:700;padding:12px 22px;border:0;border-radius:12px;box-shadow:0 6px 16px rgba(198,40,40,.25)}
.gd-art .btn:hover,.gd-art .btn-red:hover,.gd-art .cta-btn:hover{background:var(--brd)}
.gd-art .faq-item{background:#fafbfc;border:1px solid var(--bd);border-radius:12px;padding:12px 16px;margin:0 0 10px}.gd-art .faq-item h3{margin:0 0 6px;font-size:16px}.gd-art .faq-item p{margin:0}
.gd-art .info-box,.gd-art .highlight,.gd-art .highlight-box,.gd-art .example-box,.gd-art .box,.gd-art .cta-box,.gd-art .cta-wrap{background:#fff6f6;border:1px solid #f3d3d3;border-left:5px solid var(--br);border-radius:12px;padding:14px 16px;margin:14px 0}
.gd-art .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gd-art .card{background:#fafbfc;border:1px solid var(--bd);border-radius:12px;padding:14px}.gd-art .card h3{margin-top:0}
.gd-art img{max-width:100%;height:auto;border-radius:12px}.gd-art .featured-image{text-align:center;margin:12px 0}
.gd-art table{width:100%;border-collapse:collapse}.gd-art td,.gd-art th{border:1px solid var(--bd);padding:8px}
/* blog index */
.bl-sec{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:22px 24px;margin:0 0 18px}
.bl-sec h2{margin:0 0 12px;font-size:22px}.bl-sec p{margin:0 0 12px}
.bl-card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:16px;display:flex;flex-direction:column;transition:.15s}
.bl-card:hover{transform:translateY(-2px);border-color:#e9c4c4}
.bl-card h3{margin:0 0 6px;font-size:17px;line-height:1.3}.bl-card h3 a{text-decoration:none;color:var(--tx)}.bl-card h3 a:hover{color:var(--br)}
.bl-card p{margin:0 0 12px;color:var(--mu);font-size:14px;flex:1}
.bl-act{display:flex;gap:8px;flex-wrap:wrap}
.bl-act a{text-decoration:none;font-weight:700;font-size:13px;padding:8px 13px;border-radius:9px;background:var(--br);color:#fff}
.bl-act a.o{background:#fff;color:var(--brd);border:1px solid #e9c4c4}
.bl-banner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0e1a33,#1c2f5a);color:#fff;border-radius:var(--r);padding:20px 24px;margin:0 0 18px}
.bl-banner h2{margin:0 0 4px;color:#fff;font-size:20px}.bl-banner p{margin:0;color:#d6def0}
.bl-list{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.bl-list a{display:block;padding:10px 14px;border:1px solid var(--bd);border-radius:10px;text-decoration:none;font-weight:600;background:#fafbfc}.bl-list a:hover{border-color:#e9c4c4;color:var(--br)}
.bl-fb{display:flex;gap:8px;flex-wrap:wrap}.bl-fb input{flex:1 1 240px;padding:11px 13px;border:1px solid var(--bd);border-radius:10px;font:inherit}
.bl-fb button{background:var(--br);color:#fff;border:0;border-radius:10px;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer}
.bl-wrap{max-width:1100px;margin:0 auto;padding:0 20px 40px}
@media(max-width:700px){.bl-wrap{padding:0 14px 30px}.bl-sec{padding:18px 16px}}
/* ---- uniform cards (override) ---- */
.gi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-auto-rows:1fr;align-items:stretch}
@media(max-width:980px){.gi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.gi-grid{grid-template-columns:minmax(0,1fr)}}
.bl-card,.gi-card{height:100%;min-height:200px;display:flex;flex-direction:column;padding:18px;border-radius:14px}
.bl-card .ic,.gi-card i{font-style:normal;font-size:26px;line-height:1;margin-bottom:8px;display:block}
.bl-card h3{margin:0 0 6px;font-size:17px;line-height:1.3;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gi-card b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;margin:0 0 6px;line-height:1.3;font-size:17px}
.bl-card p,.gi-card small{margin:0 0 12px;color:var(--mu);font-size:14px;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:63px}
.bl-act{margin-top:auto}
.bl-act a{flex:1 1 0;text-align:center;white-space:nowrap}
.gi-card em{margin-top:auto}
.bl-sec h2 .cnt{font-size:13px;font-weight:600;color:var(--mu);background:#f1f3f6;border-radius:99px;padding:2px 10px;margin-left:8px;vertical-align:middle}
.bl-wrap{max-width:1240px}
.bl-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--brd);background:var(--brl);border-radius:99px;padding:2px 9px;margin-bottom:8px;align-self:flex-start}
/* match tool-page width (.sx-wrap = 1440px) */
.gd-wrap,.bl-wrap{max-width:1440px}
.gd-grid{grid-template-columns:minmax(0,1fr) 320px}
@media(min-width:1280px){.gi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.gd-grid{grid-template-columns:minmax(0,1fr)}}
.bl-intro{color:var(--mu);margin:0 0 14px!important;max-width:900px}
.grp{margin:0 0 26px}.grp-h{font-size:20px;margin:0 0 12px}.grp-h .cnt{font-size:13px;font-weight:600;color:var(--mu);background:#f1f3f6;border-radius:99px;padding:2px 10px;margin-left:6px}
.bl-sec h3.sub{margin:18px 0 6px;font-size:17px}
.bl-card p,.gi-card small{-webkit-line-clamp:4;min-height:84px}