/* guide.css: extra styles for Excubo guide pages (drop into /assets/). Uses the tokens from style.css. */
.guide-hero{padding:4.5rem 1.5rem 1.5rem}
.guide-hero h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;max-width:20ch;margin-bottom:1rem}
.guide-hero p{color:var(--muted);font-size:1.12rem;max-width:44rem;margin:0}
.guide-meta{font-size:.9rem;color:var(--muted);margin-top:1rem!important}
.guide{max-width:48rem;padding-bottom:5rem}
.guide h2{font-size:1.45rem;margin:3rem 0 .75rem;max-width:none;display:flex;gap:.6rem;align-items:baseline}
.guide h2 .n{color:var(--cyan);font-weight:800}
.guide h3{font-size:1.08rem;margin:1.6rem 0 .5rem}
.guide p{color:var(--muted)}
.guide strong{color:var(--text)}
.urgent{border:1px solid rgba(14,116,144,.35);background:linear-gradient(180deg,rgba(14,116,144,.07),rgba(14,116,144,.02));border-radius:var(--r);padding:1.5rem 1.75rem;margin:1.5rem 0 1rem}
.urgent h2{margin-top:0}
.checklist{list-style:none;margin:.5rem 0 1rem;padding:0}
.checklist li{position:relative;border-bottom:1px solid var(--line);padding:.7rem 0}
.checklist li:last-child{border-bottom:0}
.checklist label{display:flex;min-width:0;overflow-wrap:anywhere;gap:.8rem;align-items:flex-start;cursor:pointer;color:var(--text)}
.checklist input{flex:none;width:1.15rem;height:1.15rem;margin:.3rem 0 0;accent-color:var(--cyan)}
.checklist .d{display:block;color:var(--muted);font-size:.97rem;margin-top:.2rem}
.note{border-left:3px solid var(--cyan);background:var(--bg2);padding:.9rem 1.1rem;border-radius:0 10px 10px 0;margin:1rem 0;color:var(--muted)}
.note strong{color:var(--text)}
.script{counter-reset:s;list-style:none;padding:0;margin:.5rem 0 1rem}
.script li{counter-increment:s;position:relative;padding:.45rem 0 .45rem 2.2rem;color:var(--muted)}
.script li::before{content:counter(s);position:absolute;left:0;top:.45rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--cyan);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.fill{display:inline-block;min-width:10rem;max-width:100%;border-bottom:1px solid #9AA9BA;height:1.2em;vertical-align:bottom}
.log{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.92rem;margin:.75rem 0 1rem}
.log th,.log td{border:1px solid var(--line);padding:.55rem .6rem;text-align:left;overflow-wrap:anywhere}
@media (max-width:40rem){.log{font-size:.75rem}.log th,.log td{padding:.4rem .3rem}}
.log th{background:var(--bg2);color:var(--text)}
.log td{height:2.4rem}
.sources{font-size:.9rem}
.sources li{color:var(--muted);margin:.25rem 0;overflow-wrap:anywhere}
.disclaimer{font-size:.9rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:2.5rem}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:.05rem .3rem}
@media print{
  header.site,footer.site,.skip,.lang{display:none!important}
  body{font-size:10.5pt}
  .guide-hero{padding:0 0 .5rem}
  .guide{padding-bottom:0}
  .guide h2{break-after:avoid;margin-top:1.4rem}
  .checklist li,.note,.urgent,.log tr{break-inside:avoid}
  a{color:inherit;text-decoration:none}
}