/* Guides publics BotaQuiz — complément de la feuille de style existante. */
.guide-card{display:flex;flex-direction:column;gap:12px}
.guide-card h3{font:500 1.65rem/1.2 Georgia,serif;margin:0}
.guide-card h3 a{color:var(--ink);text-decoration:none}
.guide-card h3 a:hover{text-decoration:underline}
.guide-card p{margin:0;flex:1}
.guide-card .text-link{margin-top:10px;align-self:flex-start}
.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:24px}
.breadcrumbs a{color:var(--forest)}
.guide-byline{font-size:.84rem;color:var(--muted);margin:20px 0 0}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:start;padding-top:60px;padding-bottom:72px}
.guide-prose{max-width:760px}
.guide-prose p,.guide-prose li{color:var(--ink)}
.guide-prose>p:first-child{font-size:1.12rem;line-height:1.85}
.guide-prose h2{scroll-margin-top:110px}
.guide-prose ol{padding-left:25px}
.guide-aside{min-width:0}
.guide-practice{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:26px}
.guide-practice h2{font-size:2rem;margin:14px 0 18px}
.guide-practice p{font-size:.94rem;color:var(--muted)}
.guide-practice .btn{width:100%;font-size:.92rem;justify-content:center}
.guide-android{display:block;text-align:center;font-size:.86rem;margin-top:15px}
.guide-capture{margin:35px auto 0;max-width:230px}
.guide-capture img{border-radius:24px;border:6px solid var(--deep);box-shadow:0 12px 30px #183b2419}
.guide-capture figcaption{margin-top:14px;font-size:.8rem;color:var(--muted);line-height:1.55;text-align:center}
.name-example{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--cream);padding:24px;border:1px solid var(--line);border-radius:18px;margin:25px 0}
.name-example span{display:block;font-size:.85rem;color:var(--muted)}
.name-example strong{display:block;font:1.75rem/1.5 Georgia,serif}
.name-example p{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:900px){.guide-layout{grid-template-columns:minmax(0,1fr) 250px;gap:35px}}
@media(max-width:700px){.guide-layout{grid-template-columns:1fr;gap:32px;padding-top:35px;padding-bottom:45px}.guide-practice{max-width:470px;margin:auto}.guide-capture{max-width:210px}.guide-related{grid-template-columns:1fr}.guide-card h3{font-size:1.55rem}.name-example{gap:12px;padding:18px}.name-example strong{font-size:1.5rem}}
