/* ===== guides hub + guide pages — Prosto.Film brandbook v1 ===== */
/* Ink bg · Paper text · ONE red hit per block · SHARP corners · Unbounded + JetBrains Mono · flat */

/* --- hub: guide cards --- */
.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.gd-card{background:var(--panel);border:1px solid var(--bdr);padding:24px;
  display:flex;flex-direction:column;gap:12px;position:relative;
  transition:border-color .15s,transform .15s}
a.gd-card:hover{transform:translateY(-2px);border-color:var(--red)}
.gd-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--mut)}
.gd-card .gd-h{font-family:'Unbounded',sans-serif;font-size:19px;font-weight:800;line-height:1.2}
.gd-card .gd-d{font-size:12.5px;color:var(--sand);line-height:1.55;flex:1}
.gd-tag{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:2px;text-transform:uppercase;padding:5px 10px;border:1px solid var(--bdr);color:var(--mut)}
.gd-card.live .gd-tag{background:var(--red);border-color:var(--red);color:var(--paper)}
.gd-card.soon{opacity:.55}
.gd-card.soon:hover{transform:none;border-color:var(--bdr)}
.gd-arrow{position:absolute;top:18px;right:20px;font-size:15px;opacity:.55}

/* --- guide: how-it-works strip --- */
.gd-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gd-flow .svc-card .svc-h{display:flex;align-items:baseline;gap:10px}
.gd-step-n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--red);font-weight:700}

/* --- quiz --- */
.quiz{background:var(--panel);border:1px solid var(--bdr);padding:clamp(22px,4vw,40px);margin-top:16px}
.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.quiz-progress{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:var(--mut)}
.quiz-dots{display:flex;gap:6px}
.quiz-dots i{width:9px;height:9px;background:var(--bdr);display:block}
.quiz-dots i.on{background:var(--red)}
.quiz-q{font-family:'Unbounded',sans-serif;font-size:clamp(18px,3vw,26px);font-weight:800;line-height:1.25;margin-bottom:8px}
.quiz-hint{font-size:12.5px;color:var(--mut);margin-bottom:20px;line-height:1.5}
.quiz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.quiz-opt{background:var(--ink);border:1px solid var(--bdr);color:var(--paper);
  font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;text-align:left;
  padding:18px 20px;cursor:pointer;transition:border-color .15s,transform .15s;
  display:flex;flex-direction:column;gap:6px}
.quiz-opt small{font-weight:400;font-size:11.5px;color:var(--mut);line-height:1.45}
.quiz-opt:hover{border-color:var(--red);transform:translateY(-2px)}
.quiz-back{margin-top:20px;background:none;border:0;color:var(--mut);cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:12px;padding:0}
.quiz-back:hover{color:var(--paper)}

/* --- path result --- */
.path{margin-top:16px}
.path[hidden]{display:none}
.path-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.path-title{font-family:'Unbounded',sans-serif;font-size:clamp(19px,3.2vw,28px);font-weight:800;line-height:1.2}
.path-title .hl{background:var(--red);color:var(--paper);padding:0 .12em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.path-sub{font-size:13px;color:var(--sand);line-height:1.6;margin:8px 0 4px;max-width:720px}
.path-restart{background:none;border:1px solid var(--bdr);color:var(--mut);cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1px;padding:8px 14px;
  transition:color .15s,border-color .15s}
.path-restart:hover{color:var(--paper);border-color:var(--red)}

.steps{display:flex;flex-direction:column;gap:1px;background:var(--bdr);border:1px solid var(--bdr);margin-top:18px}
.step{background:var(--panel);padding:22px clamp(16px,3vw,28px);display:grid;
  grid-template-columns:44px 1fr;gap:16px}
.step-n{font-family:'Unbounded',sans-serif;font-weight:800;font-size:20px;color:var(--red);line-height:1}
.step-b h3{font-family:'Unbounded',sans-serif;font-size:15.5px;font-weight:700;line-height:1.3;margin-bottom:8px}
.step-b p{font-size:13px;color:var(--sand);line-height:1.65;max-width:760px}
.step-b p+p{margin-top:8px}
.step-b b{color:var(--paper)}
.menu-path{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--paper);
  background:var(--ink);border:1px solid var(--bdr);padding:2px 7px;white-space:nowrap}
@media(max-width:520px){ .menu-path{white-space:normal} .step{grid-template-columns:32px 1fr;padding:18px 14px} }

/* honest warning plate */
.plate{border:1px solid var(--bdr);border-left:3px solid var(--red);background:var(--ink);
  padding:14px 16px;font-size:12.5px;color:var(--sand);line-height:1.6;margin-top:12px;max-width:760px}
.plate b{color:var(--paper)}

/* prompt block with copy button */
.prompt-box{position:relative;background:var(--ink);border:1px solid var(--bdr);margin-top:12px;max-width:760px}
.prompt-box pre{font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.7;color:var(--paper);
  white-space:pre-wrap;word-break:break-word;padding:18px 18px 16px;margin:0}
.prompt-box .ph{color:var(--red);font-weight:700}
.copy-btn{position:absolute;top:0;right:0;background:var(--red);color:var(--paper);border:0;
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1px;
  padding:8px 14px;cursor:pointer;transition:opacity .15s}
.copy-btn:hover{opacity:.85}
.prompt-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;
  text-transform:uppercase;color:var(--mut);padding:10px 18px 0;display:block}

/* web/app variant spans — quiz sets data-place on body of result */
.path[data-place="web"] .only-app{display:none}
.path[data-place="app"] .only-web{display:none}

/* tabs (переключатель монтажки / фильтр промптов) */
.gd-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.gd-tab{background:var(--ink);border:1px solid var(--bdr);color:var(--sand);cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:1px;
  padding:10px 16px;transition:border-color .15s,color .15s}
.gd-tab:hover{border-color:var(--red)}
.gd-tab.on{background:var(--red);border-color:var(--red);color:var(--paper)}
.gd-pane[hidden]{display:none}

/* sales block tone-down */
.gd-cta{margin-top:56px;background:var(--panel);border:1px solid var(--bdr);padding:clamp(24px,4vw,42px)}
.gd-cta h2{font-family:'Unbounded',sans-serif;font-size:clamp(20px,3.6vw,30px);font-weight:800;margin-bottom:10px}
.gd-cta p{font-size:13px;color:var(--sand);line-height:1.65;max-width:640px}
.gd-cta .price{font-family:'Unbounded',sans-serif;font-weight:800;font-size:22px;color:var(--red);margin-top:14px}
.gd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn-acc{background:var(--red);color:var(--paper);font-family:'JetBrains Mono',monospace;
  font-weight:700;font-size:13px;padding:13px 24px;transition:transform .15s,opacity .15s}
.btn-acc:hover{transform:translateY(-2px);opacity:.92}
.btn-ghost{border:1px solid var(--bdr);color:var(--paper);font-family:'JetBrains Mono',monospace;
  font-weight:700;font-size:13px;padding:13px 24px;transition:border-color .15s}
.btn-ghost:hover{border-color:var(--red)}