/* /guide/choose-vpn-iran/ page — layout only. Colors/typography inherit from style.css root variables. */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:22px 0 0}
.breadcrumb a{color:var(--red)}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{opacity:.6}

.info-hero{padding:30px 0 6px}
.info-hero .eyebrow{margin-bottom:2px}
.info-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.55}
.info-hero p.lede{max-width:680px;font-size:16px;line-height:2}
.updated{font-size:13px;color:var(--muted);margin:2px 0 22px}
.updated time{color:var(--ink)}

.info-section{padding:34px 0 8px;border-top:1px solid var(--line)}
.info-section h2{font-size:26px;margin:0 0 14px}
.info-section h3{font-size:17px;margin:26px 0 10px;color:var(--ink)}
.info-section p{margin:0 0 14px;max-width:720px}
.info-section p:last-child{margin-bottom:0}

.checklist{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:14px;max-width:720px}
.checklist li{position:relative;padding-right:26px;color:var(--ink);line-height:1.9}
.checklist li:before{content:"–";position:absolute;right:0;color:var(--red);font-weight:700}

.usecases{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:16px;max-width:720px}
.usecases li{position:relative;padding-right:26px;color:var(--muted);line-height:1.9}
.usecases li:before{content:"–";position:absolute;right:0;color:var(--red);font-weight:700}
.usecases strong{color:var(--ink)}

.cta-box{padding:38px 0 60px;border-top:1px solid var(--line);text-align:center}
.cta-box p{margin:0 0 18px}
.cta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.button.solid{background:var(--red);color:#fff}
.button.solid:hover{background:var(--deep);color:#fff}
.back-links{font-size:14px;margin-top:20px}
.back-links a{margin:0 6px}

@media(max-width:680px){
  .breadcrumb{padding-top:16px;font-size:12px}
  .info-hero{padding:22px 0 4px}
  .info-hero h1{font-size:clamp(32px,9vw,40px);line-height:1.6;letter-spacing:-1px}
  .info-section{padding:24px 0 4px}
  .info-section h2{font-size:21px}
  .info-section h3{font-size:16px}
  .cta-box{padding:26px 0 42px}
  .cta-links{flex-direction:column}
  .button.solid{width:100%;justify-content:space-between}
}