/* guide */
.guide{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;background:var(--paper-2);border-radius:var(--r);padding:40px}
.guide>div>p{color:var(--ink-2)}
.go-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:22px;align-items:stretch}
.go-grid .gform{display:contents}
.go-grid .btn,.go-grid input{min-height:48px;padding-top:0;padding-bottom:0;box-sizing:border-box}
.go-grid .btn{justify-content:center;text-align:center;padding-left:14px;padding-right:14px}
.go-grid input{min-width:0;border-radius:999px}
.go-grid .btn[disabled]{opacity:.5;cursor:default}
@media (max-width:620px){.go-grid{grid-template-columns:1fr}}
.guide .media{aspect-ratio:4/3;border-radius:var(--r)}
.gpreview{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.gmock{grid-column:span 2;width:100%;height:auto;border-radius:6px;display:block}
.gpreview.mock .gcover,.gpreview.mock .gtoc{display:none}
.gpreview:not(.mock) .gmock{display:none}
.gcover{position:relative;aspect-ratio:3/4;border-radius:4px;overflow:hidden;box-shadow:0 20px 40px rgba(31,26,20,.22),0 2px 0 rgba(255,255,255,.4) inset;background:var(--green)}
.gcover-photo{position:absolute;inset:0 0 38% 0}
.gcover-text{position:absolute;left:0;right:0;bottom:0;height:38%;background:var(--green);color:var(--paper);padding:16px 18px;display:flex;flex-direction:column;justify-content:flex-end}
.gcover-text small{font-size:11.5px;opacity:.75;letter-spacing:.02em;margin-bottom:auto}
.gcover-text b{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1;font-variation-settings:"opsz" 72,"SOFT" 40}
.gcover-text span{font-size:13px;opacity:.85;margin-top:6px}
.gtoc{background:#fff;border-radius:4px;padding:18px 20px;font-size:14px;display:flex;flex-direction:column}
.gtoc-h{font-family:var(--serif);font-size:1.15rem;margin-bottom:8px}
.gtoc ol{margin:0 0 0 18px;color:var(--ink-2);columns:1}
.gtoc li{margin-bottom:3px}
.gtip{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-family:var(--serif);font-size:1rem;line-height:1.35;color:var(--ink)}
.gtip span{display:block;font-family:var(--sans);font-size:12.5px;color:var(--ink-3);margin-top:4px}
@media (max-width:520px){.gpreview{grid-template-columns:1fr}}
.gsel{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gsel .chip{background:#fff;border-color:var(--line)}
.gsel .chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:820px){.guide{grid-template-columns:1fr;padding:26px}}
/* the guide's own language, English or French */
.glang{align-items:center;margin-top:10px}
.glang>span{font-size:14px;color:var(--ink-2)}