/* Direktorij.eu editorial guides: readable, accessible on mobile, scoped */
.guide-hero{margin:24px 0 28px;padding:clamp(22px,4vw,48px);background:linear-gradient(135deg,#e8f3ff,#f5f9fd);border:1px solid #d6e5f4;border-radius:18px;color:#173251}
.guide-hero h1{font-size:clamp(28px,3.4vw,42px);line-height:1.18;max-width:920px;margin:11px 0 16px}
.guide-hero p{font-size:clamp(16px,1.3vw,18px);line-height:1.7;max-width:850px;margin:0 0 12px}
.guide-meta{font-size:13px;color:#556b81;margin:10px 0}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start;margin-bottom:44px}
.guide-main{min-width:0}
.guide-main h2{font-size:clamp(22px,2vw,28px);line-height:1.28;margin:29px 0 14px;color:#153550}
.guide-main h3{line-height:1.35;color:#163451}
.guide-card{padding:24px;border:1px solid #d8e2ed;border-radius:16px;background:#fff;box-shadow:0 4px 14px #1530470c;margin:18px 0}
.guide-card h3{font-size:22px;margin:8px 0 13px}
.guide-card h3 a{text-decoration:none;color:#135e9b}
.guide-card p,.guide-note p,.guide-aside p{line-height:1.7}
.guide-note{border-left:4px solid #95bad7;padding:0 20px;margin:35px 0}
.guide-aside{padding:23px;background:#f2f7fc;border:1px solid #d8e4f0;border-radius:14px}
.guide-aside h2{font-size:20px;margin:0 0 14px}
.guide-aside h3{font-size:17px}
.guide-aside hr{border:0;border-top:1px solid #d1ddea;margin:20px 0}
.guide-btn{display:inline-block;background:#1262a4;color:#fff!important;text-decoration:none!important;font-weight:700;padding:11px 16px;border-radius:9px;max-width:100%;margin:8px 0 6px}
.guide-btn:hover{background:#07487d}
.guide-secondary,.guide-link{display:inline-block;color:#1764a8;font-weight:650;margin:7px 0;text-underline-offset:3px}
.guide-prose p,.guide-prose li{font-size:16px;line-height:1.78}
.guide-prose section{scroll-margin-top:90px;margin:35px 0}
.guide-prose ol{padding-left:24px}
.guide-prose ol li{padding-left:3px;margin-bottom:9px}
.guide-prose details{border:1px solid #d9e3ee;border-radius:9px;padding:12px 16px;margin:10px 0}
.guide-prose details summary{font-weight:700;cursor:pointer;line-height:1.5}
.guide-prose details p{margin:10px 0}
.guide-toc{display:grid;gap:9px;border:1px solid #d8e7f3;background:#f4f9fd;border-radius:13px;padding:20px}
.guide-toc a{text-decoration:none;color:#195d96}
.guide-toc a:hover{text-decoration:underline}
.guide-table{overflow-x:auto;margin:20px 0}
.guide-table table{border-collapse:collapse;width:100%;font-size:15px}
.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #dce6ee}
.guide-table th{background:#edf5fc}
.guide-action{background:#eaf3fb;border:1px solid #d5e5f2;padding:23px;border-radius:14px;margin:24px 0}
.guide-action h3{margin-top:0}
.guide-article-footer{border-top:1px solid #dbe4ed;margin:38px 0;padding-top:15px;color:#486074}
.home-guides-feature{margin-top:25px;margin-bottom:30px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5f9fe;border:1px solid #dae7f4;border-radius:15px}
.home-guides-feature h2{font-size:clamp(19px,2vw,25px);max-width:700px;margin:8px 0}
.home-guides-feature p{margin:0;max-width:750px}
.home-guides-feature>a{display:inline-flex;flex-shrink:0;gap:8px;align-items:center;text-decoration:none;font-weight:700;border:1px solid #a4c4df;border-radius:9px;padding:12px 16px}
.free-listing-section>.container>.free-listing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.free-listing-section>.container>.free-listing-benefits article{background:#f6faff;border:1px solid #dce8f3;border-radius:12px;padding:21px}
@media(max-width:820px){.guide-layout{grid-template-columns:1fr;gap:14px}.guide-aside{order:2}.home-guides-feature{flex-direction:column;align-items:flex-start}.free-listing-section>.container>.free-listing-benefits{grid-template-columns:1fr}}
@media(max-width:520px){.guide-hero{padding:22px 18px}.guide-card{padding:17px}.guide-prose p,.guide-prose li{font-size:15px}.guide-table th,.guide-table td{padding:10px}}