/* ONEZONE_PUBLIC_BLOG_V5_CLEAN_HTML_EDITOR */
:root{
  --blog-ink:#172421;
  --blog-muted:#68736f;
  --blog-paper:#f7f3e9;
  --blog-card:#fffdf8;
  --blog-line:#ded8ca;
  --blog-dark:#101817;
  --blog-accent:#f0b35b;
  --blog-green:#1d4b43;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--blog-paper);
  color:var(--blog-ink);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.blog-wrap{width:min(1180px,calc(100% - 34px));margin:0 auto}
.blog-hero{
  padding:66px 0 54px;
  background:
    linear-gradient(120deg,rgba(16,24,23,.97),rgba(16,24,23,.88)),
    url('/jizda/assets/public/jizda-hero-roadbook-2450.webp') center/cover;
  color:#fff;
}
.blog-kicker{display:inline-block;margin-bottom:12px;color:var(--blog-accent);font-size:12px;font-weight:900;letter-spacing:.14em}
.blog-hero h1{max-width:760px;margin:0;font-size:clamp(38px,6vw,68px);line-height:1.02}
.blog-hero p{max-width:760px;margin:18px 0 0;color:#c8d1ce;font-size:17px;line-height:1.7}
.blog-section{padding:54px 0 70px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--blog-line);
  border-radius:18px;background:var(--blog-card);color:var(--blog-ink);text-decoration:none;
  box-shadow:0 10px 28px rgba(26,34,31,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.blog-card:hover{transform:translateY(-3px);border-color:#cfbf9f;box-shadow:0 16px 34px rgba(26,34,31,.09)}
.blog-card-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#dcd7cb}
.blog-card-body{padding:18px 19px 21px}
.blog-card-date{display:block;margin-bottom:8px;color:#9b651f;font-size:12px;font-weight:900;letter-spacing:.07em}
.blog-card h2{margin:0;color:var(--blog-ink);font-size:22px;line-height:1.2}
.blog-card p{margin:10px 0 0;color:var(--blog-muted);font-size:14px;line-height:1.65}
.blog-empty{padding:40px;border:1px dashed #cabfaa;border-radius:18px;background:#fffaf0;text-align:center;color:var(--blog-muted)}
.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px;flex-wrap:wrap}
.blog-pagination a,.blog-pagination span{min-width:42px;padding:9px 12px;border:1px solid var(--blog-line);border-radius:10px;background:#fffdf8;color:var(--blog-ink);text-align:center;text-decoration:none;font-weight:800}
.blog-pagination .is-current{border-color:var(--blog-accent);background:var(--blog-accent)}
.blog-article{padding:48px 0 72px}
.blog-article-shell{width:min(900px,100%);margin:0 auto}
.blog-back{display:inline-block;margin-bottom:18px;color:var(--blog-green);text-decoration:none;font-weight:800}
.blog-article-date{color:#9b651f;font-size:13px;font-weight:900;letter-spacing:.06em}
.blog-article h1{margin:9px 0 15px;font-size:clamp(36px,6vw,64px);line-height:1.05}
.blog-article-lead{margin:0;color:#56615d;font-size:19px;line-height:1.7}
.blog-article-cover{display:block;width:100%;max-height:560px;margin:30px 0 34px;border-radius:20px;object-fit:cover;box-shadow:0 14px 34px rgba(26,34,31,.09)}
.blog-content{font-size:17px;line-height:1.82;color:#26312e}
.blog-content p{margin:0 0 22px}
.blog-content h2{margin:38px 0 14px;font-size:30px;line-height:1.2;color:var(--blog-ink)}
.blog-content h3{margin:30px 0 12px;font-size:23px;line-height:1.25;color:var(--blog-ink)}
.blog-content ul{margin:0 0 24px;padding-left:24px}
.blog-content li+li{margin-top:8px}
.blog-footer{padding:28px 0 34px;border-top:1px solid var(--blog-line);color:#6c7672;font-size:12px}
.blog-footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.blog-footer a{color:var(--blog-green);text-decoration:none;font-weight:700}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .blog-wrap{width:min(100% - 22px,1180px)}
  .blog-grid{grid-template-columns:1fr}
  .blog-hero{padding:48px 0 42px}
  .blog-section{padding:38px 0 54px}
  .blog-card h2{font-size:21px}
  .blog-article{padding:34px 0 54px}
}

/* ONEZONE_PUBLIC_BLOG_AUTO_FAQ_V3 */
.blog-article-shell.has-sidebar{width:min(1120px,100%)}
.blog-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}
.blog-faq-sidebar{position:sticky;top:22px}
.blog-faq{margin:38px 0 0;padding:24px 26px;border:1px solid #d8ccb4;border-radius:18px;background:#fffaf0;box-shadow:0 12px 28px rgba(26,34,31,.05)}
.blog-faq--compact{margin:0;padding:20px}
.blog-faq-kicker{display:block;margin-bottom:7px;color:#9b651f;font-size:11px;font-weight:900;letter-spacing:.11em}
.blog-faq h2{margin:0 0 10px;color:var(--blog-ink);font-size:26px;line-height:1.2}
.blog-faq--compact h2{font-size:21px}
.blog-faq details{padding:14px 0;border-top:1px solid #e2d7c2}
.blog-faq details:first-child{border-top:0}
.blog-faq summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:var(--blog-ink);font-size:15px;font-weight:850;line-height:1.45}
.blog-faq summary::-webkit-details-marker{display:none}
.blog-faq summary:after{content:'+';flex:0 0 auto;color:#a76b20;font-size:22px;line-height:1}
.blog-faq details[open] summary:after{content:'−'}
.blog-faq p{margin:9px 0 0;color:#5d6864;font-size:14px;line-height:1.7}
@media(max-width:900px){.blog-content-layout{grid-template-columns:1fr}.blog-faq-sidebar{position:static}.blog-faq--compact{margin-top:34px;padding:22px}}

/* ONEZONE_PUBLIC_BLOG_AUTHOR_V4 */
.blog-author{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:22px;
  align-items:center;
  margin-top:44px;
  padding:25px 27px;
  border:1px solid #d8ccb4;
  border-left:5px solid var(--blog-accent);
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 12px 28px rgba(26,34,31,.05);
}
.blog-author-photo{
  display:block;
  width:112px;
  height:112px;
  object-fit:cover;
  border:3px solid var(--blog-accent);
  border-radius:50%;
  background:var(--blog-dark);
}
.blog-author-photo--fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--blog-accent);
  font-size:38px;
  font-weight:900;
}
.blog-author-kicker{
  display:block;
  margin-bottom:5px;
  color:#9b651f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
}
.blog-author h2{
  margin:0;
  color:var(--blog-ink);
  font-size:28px;
  line-height:1.16;
}
.blog-author p{
  margin:9px 0 0;
  color:#5d6864;
  font-size:14px;
  line-height:1.72;
}
@media(max-width:620px){
  .blog-author{
    grid-template-columns:82px minmax(0,1fr);
    gap:16px;
    padding:20px;
  }
  .blog-author-photo{width:82px;height:82px}
  .blog-author h2{font-size:23px}
}

/* ONEZONE_BLOG_CONTENT_HTML_V5 */
.blog-content a{color:var(--blog-green);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-content ol{margin:0 0 24px;padding-left:27px}
.blog-content blockquote{margin:28px 0;padding:16px 20px;border-left:5px solid var(--blog-accent);border-radius:0 12px 12px 0;background:#fff8e9;color:#47524e}
.blog-content blockquote p:last-child{margin-bottom:0}
.blog-content hr{height:1px;margin:36px 0;border:0;background:#d9d1c2}
.blog-content img{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:16px}
.blog-content figure{margin:30px 0}
.blog-content figure img{margin:0 auto}
.blog-content figcaption{margin-top:9px;color:#75807b;font-size:12px;line-height:1.5;text-align:center}
.blog-content table{width:100%;margin:26px 0;border-collapse:collapse;background:#fffdf8}
.blog-content th,.blog-content td{padding:10px 12px;border:1px solid #ddd4c4;text-align:left;vertical-align:top}
.blog-content th{background:#f0e8d8}
.blog-content code{padding:2px 5px;border-radius:5px;background:#eee8dc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
.blog-content pre{overflow:auto;margin:26px 0;padding:18px;border-radius:12px;background:#151b1d;color:#edf1ef}
.blog-content pre code{padding:0;background:transparent;color:inherit}


/* ONEZONE_BLOG_MEDIA_PUBLIC_V1 */
.blog-content .blog-media{display:block;clear:both;margin:30px 0}
.blog-content .blog-media img{width:100%;height:auto;margin:0;border-radius:16px}
.blog-content .blog-media figcaption{margin-top:9px;color:#75807b;font-size:12px;line-height:1.5;text-align:center}
.blog-content .blog-media--left{float:left;clear:left;width:min(46%,420px);margin:8px 28px 22px 0}
.blog-content .blog-media--right{float:right;clear:right;width:min(46%,420px);margin:8px 0 22px 28px}
.blog-content .blog-media--full{width:100%}
.blog-content:after{content:"";display:block;clear:both}
@media(max-width:720px){
  .blog-content .blog-media--left,
  .blog-content .blog-media--right{
    float:none;clear:both;width:100%;margin:26px 0
  }
}

/* ONEZONE_BLOG_YOUTUBE_PUBLIC_V1 */
.blog-content .blog-youtube-embed{
  position:relative;
  clear:both;
  width:100%;
  height:0;
  margin:32px 0;
  padding-top:56.25%;
  overflow:hidden;
  border-radius:16px;
  background:#090d0e;
  box-shadow:0 12px 34px rgba(0,0,0,.14);
}
.blog-content .blog-youtube-embed iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
}