/* Guide page layout. Desktop: split view (sticky step menu + steps). Phones: one step at a time (assets/js/steps.js). */

/* ---------- desktop: split ---------- */
.layout{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start;}
.side{position:sticky;top:0;padding:28px 0;max-height:100vh;overflow:auto;}
.side-top{display:flex;justify-content:space-between;align-items:center;}
.back{font-weight:700;color:var(--soft);text-decoration:none;font-size:15px;}
.back:hover{color:var(--ink);}
.side h1{margin-top:22px;font-weight:800;font-size:34px;letter-spacing:-.01em;line-height:1.15;}
.facts{margin:10px 0 22px;color:var(--magenta);font-weight:700;font-size:15px;}
.steps-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:22px;}
.steps-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--soft);transition:background-color .2s,color .2s;}
.steps-nav a:hover{background:#fff;color:var(--ink);}
.steps-nav b{width:26px;height:26px;flex:none;border-radius:8px;background:#e6e9f4;color:var(--cobalt);display:grid;place-items:center;font-size:14px;}
.pdf{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:14px;color:var(--soft);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;}
.pdf-lg{padding:2px 4px;}
.pdf:hover{color:var(--ink);} .pdf .ic{width:15px;height:15px;opacity:.7;}
.pdf-sm{display:none;padding:4px 2px;}
.progress{display:none;}

.main{padding:28px 0 60px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;}
.step,.sb,.sb > *{min-width:0;}
.step{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:26px;scroll-margin-top:16px;}
.sh{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;}
.num{flex:none;font:800 44px/1 var(--sans);color:var(--peach-dk);min-width:36px;}
.sh h2{font-weight:800;font-size:28px;letter-spacing:-.01em;}
.skip{margin:4px 0 0;color:var(--soft);font-size:15px;}
.sb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 28px;align-items:start;}
.sb > *{grid-column:1;}
.sb > .shots{grid-column:2;grid-row:1 / span 6;grid-template-columns:minmax(0,1fr) !important;}
.sb > .builder{grid-column:1 / -1;}
.pager{display:none;}
.faq h2{font-weight:800;font-size:28px;}
.model{margin:16px 0 0;font-size:15px;color:var(--soft);}

/* ---------- phones: one step at a time ---------- */
@media (max-width:900px){
  body{font-size:18px;}
  .layout{display:block;padding:0 14px;}
  .side{position:static;max-height:none;overflow:visible;padding:12px 0 4px;}
  .pdf-sm{display:inline-flex;}
  .pdf-lg{display:none;}
  .side h1{margin-top:12px;font-family:'Tiro Bangla',Georgia,serif;font-weight:400;font-size:36px;line-height:1.2;}
  .facts{margin:6px 0 14px;font-size:15px;}
  .steps-nav{display:none;}
  .one-step .progress{display:flex;align-items:center;gap:12px;margin:0 0 12px;}
  .progress .bar{flex:1;height:8px;border-radius:99px;background:#e2e5f1;overflow:hidden;}
  .progress .bar i{display:block;height:100%;width:0;background:var(--cobalt);border-radius:99px;transition:width .5s var(--ease);}
  .progress .label{font-weight:700;font-size:15px;color:var(--cobalt);white-space:nowrap;}

  .main{padding:0 0 40px;gap:14px;}
  .step{padding:20px;border-radius:22px;}
  .sh{display:block;margin-bottom:8px;}
  .num{display:none;}
  .sh h2{font-family:'Tiro Bangla',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:0;}
  .skip{font-size:16px;}
  .sb{display:block;}
  .sb ol.do{margin-top:14px;}
  .sb ol.do > li{margin-bottom:16px;}
  .sb .shots{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
  .one-step .pager{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
  .pager a{text-decoration:none;font-weight:700;border-radius:14px;padding:12px 16px;}
  .pager .prev{color:var(--soft);}
  .pager .next{background:var(--cobalt);color:#fff;margin-left:auto;}
  .faq h2{font-family:'Tiro Bangla',Georgia,serif;font-weight:400;font-size:30px;}
}
.ai-card{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 12px 8px 8px;border-radius:14px;background:#fdeee5;border:1.5px solid var(--peach);text-decoration:none;color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s;}
.ai-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.ai-ic{flex:none;width:32px;height:32px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;}
.ai-ic .ic{width:18px;height:18px;}
.ai-txt{flex:1;min-width:0;line-height:1.35;}
.ai-txt b{display:block;font-size:15.5px;font-weight:800;}
.ai-txt span{font-size:13.5px;color:var(--soft);}
.ai-go{flex:none;font-size:18px;font-weight:800;color:var(--peach-dk);}
.ai-step .sh{display:block;}
.ai-step h2{font-weight:800;font-size:28px;}
@media (max-width:900px){
  .ai-card{margin:0 0 12px;}
  .ai-txt b{font-size:16px;}
  .ai-txt span{font-size:14px;}
  .ai-step h2{font-family:'Tiro Bangla',Georgia,serif;font-weight:400;font-size:28px;}
}