/* Guides v2: characters, answer-first, cards. Shared by /guides/ and every guide. */
.gx{max-width:1080px;margin:0 auto;padding:0 20px}
.gx-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:end;margin-top:48px}
.gx-hero h1{font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-.02em;margin:6px 0 14px}
.gx-hero p{font-size:18px;color:var(--t2);line-height:1.55;margin:0 0 18px;max-width:560px}
.gx-hero img{width:100%;max-width:380px;justify-self:end;display:block}
.gx-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.gx-chips a{display:inline-flex;align-items:center;height:46px;padding:0 18px;border-radius:999px;background:#fff;border:2px solid var(--border);color:var(--ink);font-weight:700;text-decoration:none;font-size:16px}
.gx-chips a:hover{border-color:var(--ink)}
.gx-sit{margin-top:56px;background:#fff;border-radius:28px;box-shadow:0 18px 50px rgba(10,37,64,.08);padding:34px 34px 28px;display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}
.gx-sit .who{position:relative;background:var(--tint);border-radius:22px;height:100%;min-height:250px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.gx-sit .who img{max-width:92%;max-height:240px;display:block}
.gx-sit .q{color:var(--orange-d);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.gx-sit h2{font-size:30px;margin:6px 0 4px;letter-spacing:-.01em}
.gx-sit .sub{color:var(--t2);margin:0 0 16px;font-size:16px}
.gx-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gx-tiles a{display:block;border:2px solid #E4ECF6;border-radius:16px;padding:16px 18px;text-decoration:none;color:var(--ink);background:#fff;transition:border-color .15s,transform .15s}
.gx-tiles a:hover{border-color:var(--line);transform:translateY(-2px)}
.gx-tiles b{display:block;font-size:17px;margin-bottom:4px}
.gx-tiles span{display:block;color:var(--t3);font-size:14px;line-height:1.4}
.gx-tiles .tool{background:var(--ink);border-color:var(--ink);color:#fff}
.gx-tiles .tool span{color:#C9DAF0}
@media(max-width:820px){.gx-hero{grid-template-columns:1fr}.gx-hero img{justify-self:center;max-width:280px}.gx-sit{grid-template-columns:1fr;padding:22px}.gx-sit .who{min-height:200px}.gx-tiles{grid-template-columns:1fr}}

/* Guide page */
.g2-progress{position:fixed;left:0;top:0;height:4px;background:var(--orange);width:0;z-index:60}
.g2-answer{margin:22px 0 10px;background:#fff;border-radius:22px;box-shadow:0 14px 40px rgba(10,37,64,.08);padding:24px 26px;display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:end}
.g2-answer .k{color:var(--orange-d);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.g2-answer p{margin:8px 0 14px !important;color:var(--ink) !important;font-size:19px !important;line-height:1.5 !important;font-weight:500}
.g2-answer img{width:150px;display:block}
.g2-say{display:flex;gap:14px;align-items:flex-end;margin:18px 0 6px}
.g2-say{align-items:center}.g2-say img{width:64px;height:64px;border-radius:50%;flex:none;display:block;box-shadow:0 4px 12px rgba(10,37,64,.12)}
.g2-say .b{position:relative;background:var(--ink);color:#fff;border-radius:18px 18px 18px 4px;padding:14px 18px;font-weight:700;font-size:17px;line-height:1.4}
.g2-say.r{flex-direction:row-reverse}.g2-say.r .b{border-radius:18px 18px 4px 18px;background:#fff;color:var(--ink);border:2px solid var(--border)}
.g2-pts{list-style:none;padding:0;margin:12px 0 4px}
.g2-pts li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid #E4ECF6;color:var(--t2);font-size:17px;line-height:1.5}
.g2-pts li:last-child{border-bottom:0}
.g2-pts li::before{content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--line)}
.g2-pts b{color:var(--ink)}
.g2-card{margin:18px 0;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(10,37,64,.07);padding:20px 22px}
.g2-card .lab{font-weight:800;font-size:12px;letter-spacing:.12em;color:var(--t3);text-transform:uppercase;margin-bottom:8px}
.g2-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #E4ECF6;font-weight:700;color:var(--ink)}
.g2-row:last-child{border-bottom:0}
.g2-pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}
.g2-pill.nv{background:var(--ink);color:#fff}.g2-pill.ol{border:2px solid var(--border);color:var(--t3);background:#fff}.g2-pill.sg{background:var(--tint);color:var(--ink)}.g2-pill.wish{background:#FBF0D3;color:#8A5A00}
.g2-q{color:var(--t3);font-style:normal;font-weight:700;font-size:16px;margin-top:6px}
@media(max-width:600px){.g2-answer{grid-template-columns:1fr;position:relative;margin-top:120px}.g2-answer img{position:absolute;right:18px;top:auto;bottom:calc(100% - 8px);width:auto;height:130px}.g2-say img{width:52px;height:52px}.g2-say .b{font-size:16px}}

/* v2.1 */
.gx-sit{transition:transform .18s,box-shadow .18s;cursor:pointer}
.gx-sit:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(10,37,64,.14)}
.gx-sit h2 a,.gx-sit .q a{color:inherit;text-decoration:none}
.gx-sit h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.gx-sit .who{padding:22px 18px 0;align-items:flex-end}
.gx-sit .who a{display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%;position:relative}
.gx-sit .who a::after{content:"";position:absolute;left:18%;right:18%;bottom:6px;height:16px;border-radius:50%;background:rgba(10,37,64,.13);filter:blur(4px);z-index:0}
.gx-sit .who img{position:relative;z-index:1;max-height:200px;margin-bottom:14px}
.gx-hero.solo{grid-template-columns:1fr}
.g2-lead{list-style:none;padding:0;margin:8px 0 6px}
.g2-lead li{position:relative;padding:6px 0 6px 30px;font-size:18px;color:var(--ink);font-weight:600}
.g2-lead li::before{content:"✓";position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--ink);font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:800}
.g2-steps{list-style:none;padding:0;margin:18px 0 0;counter-reset:st}
.g2-step{position:relative;display:grid;grid-template-columns:120px 1fr;gap:22px;background:#fff;border-radius:22px;box-shadow:0 12px 34px rgba(10,37,64,.07);padding:22px 24px;margin:0 0 16px}
.g2-step .fig{background:var(--tint);border-radius:16px;display:flex;align-items:flex-end;justify-content:center;padding:12px 6px 0;height:170px;align-self:start}
.g2-step .fig img{max-height:150px;max-width:100%;display:block}
.g2-step .n{color:var(--line);font-weight:800;font-size:15px;letter-spacing:.08em}
.g2-step h3{margin:2px 0 6px;font-size:23px;letter-spacing:-.01em;color:var(--ink)}
.g2-step .one{margin:0 !important;color:var(--t2) !important;font-size:17px !important}
.g2-step .g2-card{margin:14px 0 6px;box-shadow:none;border:2px solid #E4ECF6;padding:12px 16px}
.g2-more{margin-top:10px}
.g2-more summary{cursor:pointer;color:var(--ink);font-weight:700;font-size:15px;list-style:none;display:inline-flex;gap:6px;align-items:center}
.g2-more summary::-webkit-details-marker{display:none}
.g2-more summary::after{content:"+";display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--tint);align-items:center;justify-content:center;font-weight:800}
.g2-more[open] summary::after{content:"–"}
.g2-more p{font-size:16px !important;margin:10px 0 0 !important}
.g2-video{margin:26px 0;background:var(--ink);border-radius:22px;padding:20px;display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center;color:#fff}
.g2-video video{width:100%;border-radius:14px;display:block;background:#000}
.g2-video .k{color:#8FB3E8;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.g2-video b{display:block;font-size:22px;margin:6px 0 8px}
.g2-video p{color:#C9DAF0 !important;font-size:15px !important;margin:0 !important}
.g2-start{margin:22px 0;background:#fff;border:2px solid var(--border);border-radius:22px;padding:20px 22px}
.g2-start .k{font-weight:800;font-size:12px;letter-spacing:.12em;color:var(--t3);text-transform:uppercase}
.g2-start b{display:block;font-size:20px;margin:6px 0 12px}
.g2-start .grp{margin:10px 0}.g2-start .grp span{display:block;font-weight:700;font-size:14px;color:var(--t2);margin-bottom:6px}
.g2-start .grp label{display:inline-flex;align-items:center;margin:0 8px 8px 0;cursor:pointer}
.g2-start .grp label{position:relative}.g2-start .grp input{position:absolute !important;opacity:0;left:0;top:0;width:1px !important;height:1px !important;min-width:0 !important;max-width:1px !important;margin:0 !important;padding:0 !important;border:0 !important;appearance:none}
.g2-start .grp label i{font-style:normal;height:42px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:2px solid var(--border);font-weight:700;color:var(--ink);font-size:15px}
.g2-start .grp input:checked+i{background:var(--ink);border-color:var(--ink);color:#fff}
.g2-fold{margin-top:26px;border-top:2px solid #E4ECF6;padding-top:6px}
.g2-fold>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:24px;color:var(--ink);padding:14px 0}
.g2-fold>summary::-webkit-details-marker{display:none}
.g2-fold>summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;background:var(--tint);display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.g2-fold[open]>summary::after{content:"–"}
.g2-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:55;display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;border-radius:16px;padding:10px 10px 10px 16px;box-shadow:0 12px 30px rgba(10,37,64,.3);transform:translateY(140%);transition:transform .3s}
.g2-sticky.on{transform:none}
.g2-sticky span{font-weight:700;font-size:14px;line-height:1.25}
.g2-sticky .btn{margin:0;padding:11px 16px;font-size:15px}
@media(max-width:820px){.g2-sticky{display:flex}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
@media(max-width:600px){.g2-step{grid-template-columns:78px 1fr;gap:14px;padding:16px}.g2-step .fig{height:110px;padding:8px 4px 0}.g2-step .fig img{max-height:100px}.g2-step .g2-card{margin-left:-92px}.g2-step h3{font-size:20px}.g2-video{grid-template-columns:1fr}.g2-video video{max-width:260px;margin:0 auto}.g2-fold>summary{font-size:20px}}

/* v2.2: steps without figure column; a few characters around the cards */
.g2-step{grid-template-columns:1fr}
.g2-peek{position:absolute;right:34px;top:-82px;height:92px;z-index:2;pointer-events:none}
.g2-sit{position:absolute;right:20px;top:-118px;height:126px;z-index:2;pointer-events:none}
.g2-step:has(.g2-peek),.g2-step:has(.g2-sit){margin-top:96px}
@media(max-width:600px){.g2-step{grid-template-columns:1fr}.g2-step .g2-card{margin-left:0}.g2-peek{height:76px;top:-68px;right:22px}.g2-sit{height:104px;top:-97px}.g2-step:has(.g2-peek),.g2-step:has(.g2-sit){margin-top:84px}}
.guide ol.g2-steps{padding-left:0 !important;margin-left:0 !important}
.g2-sit{top:-108px}
@media(max-width:600px){.g2-sit{top:-89px}}

/* v2.3: side peeks, every 2nd card */
.g2-step{overflow:visible}
.g2-step:has(.g2-peek),.g2-step:has(.g2-sit){margin-top:0}
.g2-answer img.flip{transform:scaleX(-1)}
.g2-lean{position:absolute;left:calc(100% - 26px);top:6px;height:230px;z-index:3;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.g2-side{position:absolute;right:calc(100% - 10px);top:18px;height:150px;z-index:3;pointer-events:none}
.check .g2-sit{top:-104px;right:24px;height:118px}
.m-only{display:none}
@media(max-width:1000px){.g2-lean,.g2-side{display:none}.m-only{display:block}.g2-step:has(.m-only){margin-top:84px}}

.g2-answer.left{grid-template-columns:150px 1fr}
.g2-lean{left:calc(100% - 48px)}
.check .g2-sit{top:-94px}
@media(max-width:600px){.g2-answer.left{grid-template-columns:1fr}.g2-answer.left img{right:auto;left:18px}}

.g2-rpeek{position:absolute;left:calc(100% - 14px);top:4px;height:190px;z-index:0;pointer-events:none}
@media(max-width:1000px){.g2-rpeek{display:none}}
.g2-dogpeek{position:absolute;right:30px;top:-104px;height:118px;z-index:2;pointer-events:none}
.check .g2-peek{top:-82px;right:34px;height:92px}
.g2-answer.left img{width:auto;max-width:150px;max-height:230px;justify-self:center}
.g2-start{display:block}
.g2-start .k,.g2-start b,.g2-start .grp{display:block;width:100%}
.g2-start .btn{display:inline-block}