/* guides.css: components for the skip-hop guide pages (20 Oct 2026). Used with .shx (site.css). */
.gd{--ink:#16213A;--gold:#FEC603;--gold2:#E5B200;--goldtx:#8E6F00;--cream:#FFF9EF;--cream2:#FFF4E0;--line:#EADFC8;--muted:#5B6782;--blue:#2C5595;--sky:#EEF3FF;--green:#1E7B3A;--greenbg:#EEF8F0;--red:#B3261E;--redbg:#FDF0EE}
.gd p{max-width:72ch}
.gd .gd-lead{font-size:19.5px;line-height:1.6;margin-top:6px}
.gd h2{scroll-margin-top:110px}
.gd .gd-eb{font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--goldtx);margin:34px 0 -4px}
.gd .gd-eb+h2{margin-top:6px}
.gd-toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;padding:0;list-style:none}
.gd-toc li{margin:0}
.gd-toc a{display:inline-block;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:800;font-size:14.5px;text-decoration:none!important}
.gd-toc a:hover{border-color:var(--ink)}
.gd-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.gd-fact{background:var(--cream2);border-radius:18px;padding:16px 18px;border:1.5px solid var(--line)}
.gd-fact b{display:block;font-size:22px;font-weight:900;line-height:1.15}
.gd-fact span{display:block;font-size:14.5px;line-height:1.45;color:var(--muted);margin-top:6px}
.gd-fact.dark{background:var(--ink);border-color:var(--ink);color:#fff}.gd-fact.dark b{color:var(--gold)}.gd-fact.dark span{color:#D9DEEA}
.gd-calc{border:2px solid var(--line);border-radius:22px;padding:20px 22px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;margin:18px 0}
.gd-calc label{font-weight:800;display:grid;gap:6px;font-size:16px;margin:0 0 14px}
.gd-calc label small{font-weight:600;color:var(--muted);font-size:14px}
.gd-calc input,.gd-calc select{font:inherit;font-size:18px;padding:10px 12px;border:2px solid var(--line);border-radius:12px;width:100%;box-sizing:border-box;background:#fff;color:var(--ink)}
.gd-calc input:focus,.gd-calc select:focus{outline:3px solid var(--gold);outline-offset:1px}
.gd-calc .gd-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gd-calc fieldset{border:0;margin:0 0 6px;padding:0}.gd-calc legend{font-weight:900;margin:0 0 8px}
.gd-out{background:var(--ink);color:#fff;border-radius:18px;padding:18px 20px}
.gd-out p{margin:0 0 8px;color:#D9DEEA}
.gd-out .gd-big{display:block;font-size:40px;line-height:1.1;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
.gd-out .gd-mid{display:block;font-size:22px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.gd-out small{display:block;color:#AEB6C8;font-size:13.5px;margin-top:10px;line-height:1.45}
.gd-out .gd-cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 4px}
.gd-out .gd-cmp div{background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}
.gd-out .gd-cmp span{display:block;font-size:13px;color:#AEB6C8;font-weight:700}
.gd-tl{list-style:none;padding:0;margin:18px 0 8px;position:relative}
.gd-tl:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:4px;background:var(--line);border-radius:4px}
.gd-tl li{position:relative;padding:0 0 18px 38px;margin:0}
.gd-tl li:before{content:"";position:absolute;left:2px;top:5px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--gold);box-sizing:border-box}
.gd-tl li.done:before{background:var(--line);border-color:var(--line)}
.gd-tl li.key:before{background:var(--gold)}
.gd-tl time{display:block;font-weight:900;font-size:15px;letter-spacing:.02em;color:var(--goldtx);text-transform:uppercase}
.gd-tl b{display:block;font-size:18px}
.gd-tl span{display:block;color:#33415e}
.gd-yn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:18px 0}
.gd-yes,.gd-no{border-radius:18px;padding:16px 20px}
.gd-yes{background:var(--greenbg);border:2px solid #CBE8D2}.gd-no{background:var(--redbg);border:2px solid #F2CFC9}
.gd-yes h3,.gd-no h3{margin-top:4px}
.gd-yes ul,.gd-no ul{list-style:none;padding:0;margin:0}
.gd-yes li,.gd-no li{position:relative;padding-left:28px;margin:0 0 9px;line-height:1.5}
.gd-yes li:before{content:"\2713";position:absolute;left:2px;top:0;font-weight:900;color:var(--green)}
.gd-no li:before{content:"\2715";position:absolute;left:2px;top:0;font-weight:900;color:var(--red)}
.gd-ka{display:inline-block;font-size:12.5px;line-height:1.3;font-weight:900;padding:3px 9px;border-radius:999px;background:var(--sky);color:var(--blue);margin:0 4px 4px 0;white-space:nowrap}
.gd-areas{counter-reset:k;list-style:none;padding:0;margin:14px 0}
.gd-areas li{counter-increment:k;position:relative;padding:14px 16px 14px 62px;margin:0 0 10px;background:var(--sky);border-radius:16px}
.gd-areas li:before{content:counter(k);position:absolute;left:16px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.gd-areas b{display:block}
.gd-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.gd-plan{border:2px solid var(--line);border-radius:20px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;background:#fff}
.gd-plan.pick{border-color:var(--gold);box-shadow:0 8px 22px rgba(229,178,0,.18)}
.gd-plan h3{margin:0;font-size:19px}
.gd-plan .gd-price{font-size:28px;font-weight:900;line-height:1.1}
.gd-plan .gd-price small{font-size:14px;font-weight:700;color:var(--muted)}
.gd-plan ul{margin:6px 0;padding-left:20px}.gd-plan li{margin:0 0 5px;font-size:15.5px;line-height:1.45}
.gd-plan .gd-for{font-size:14.5px;color:var(--muted);margin:0}
.gd-plan .sh-btn{margin-top:auto}
.gd-dls{display:grid;gap:10px;margin:16px 0}
.gd-dl{display:flex;gap:16px;align-items:center;border:2px solid var(--line);border-radius:18px;padding:14px 18px;background:#fff;color:inherit;text-decoration:none!important}
.gd-dl:hover{border-color:var(--ink)}
.gd-dl .gd-ft{flex:none;width:50px;height:62px;border-radius:8px;background:var(--ink);color:#fff;font-weight:900;font-size:12.5px;letter-spacing:.04em;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;box-sizing:border-box;position:relative}
.gd-dl .gd-ft:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 14px 14px 0;border-color:transparent #fff transparent transparent}
.gd-dl .gd-ft.word{background:#2B579A}.gd-dl .gd-ft.pdf{background:#B3261E}
.gd-dl b{display:block;font-size:17px;color:var(--ink)}
.gd-dl span{display:block;font-size:15px;color:var(--muted);line-height:1.45}
.gd-dl>span{min-width:0;flex:1}
.gd-dl i{font-style:normal;font-weight:900;margin-left:auto;text-decoration:underline;text-align:right;flex:none;max-width:40%}
.gd-dl-note{font-size:14.5px;color:var(--muted);margin:-2px 0 0 4px}
.gd-box{background:var(--cream);border:2px solid var(--line);border-radius:20px;padding:18px 22px;margin:22px 0}
.gd-box>:first-child{margin-top:0}.gd-box>:last-child{margin-bottom:0}
.gd-box.gold{border-color:var(--gold);background:#FFFBEA}
.gd-box.sky{background:var(--sky);border-color:#D6E0F5}
.gd-dark{background:var(--ink);color:#fff;border-radius:20px;padding:20px 24px;margin:24px 0}
.gd-dark h2,.gd-dark h3{color:#fff;margin-top:0}
.gd-dark a{color:var(--gold)!important}
.gd-dark p{color:#E4E8F1}
.gd-dark .sh-btn{color:var(--ink)!important}
.gd-dark .sh-btn.ghost{background:transparent!important;border:2px solid #fff!important;color:#fff!important}.gd-dark .sh-btn.ghost:hover{background:#fff!important;color:var(--ink)!important}
.gd-cta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.gd-cta .sh-btn{margin:0}
.gd-quote{border-left:5px solid var(--gold);padding:4px 0 4px 18px;margin:22px 0}
.gd-quote p{font-size:18.5px;font-weight:700;line-height:1.5;margin:0 0 6px}
.gd-quote cite{font-style:normal;color:var(--muted);font-size:15px}
.gd-quote cite b{color:var(--ink)}
.gd-fig{margin:20px 0}
.gd-fig img,.gd-fig svg{width:100%;height:auto;border-radius:18px;display:block}
.gd-fig figcaption{font-size:14.5px;color:var(--muted);margin-top:8px}
.gd-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin:12px 0}
.gd-2>*>:first-child{margin-top:0}
.gd-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.gd-card{border:2px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff}
.gd-card>:first-child{margin-top:0}.gd-card>:last-child{margin-bottom:0}
.gd-card h3{margin:0 0 6px;font-size:18px}
.gd-card p{font-size:15.5px;line-height:1.5;margin:0 0 8px}
.gd-card .gd-tag{display:inline-block;font-size:12.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--goldtx);margin-bottom:4px}
.gd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0}
.gd-scroll .shx-table{margin:0}
.gd-capt{font-size:13.5px;color:var(--muted);margin:6px 0 16px}
.gd-swipe{display:none;font-size:13.5px;font-weight:800;color:var(--muted);margin:4px 0 0}
.gd-hoppy{display:flex;gap:16px;align-items:center;border:2px solid #FEC603;background:#FFFBEA;border-radius:18px;padding:12px 18px;margin:0 0 20px}
.gd-hoppy img{width:112px;height:140px;object-fit:cover;flex:none;margin:-4px 0}
.gd-hoppy>div{padding-left:8px}
.gd-hoppy .gd-bub{position:relative;display:inline-block;background:#fff;border:1.5px solid #EADFC8;border-radius:14px;padding:6px 12px;font-weight:900;margin:0 0 6px}
.gd-hoppy .gd-bub:before,.gd-hoppy .gd-bub:after{content:"";position:absolute;top:50%;margin-top:-8px;border:8px solid transparent;border-left:0}
.gd-hoppy .gd-bub:before{left:-9.5px;border-right-color:#EADFC8}
.gd-hoppy .gd-bub:after{left:-7.5px;border-right-color:#fff}
.gd-hoppy p{margin:0}
.gd-hop{font-weight:900;font-size:14px;color:#2C5595;text-decoration:none!important;margin-top:4px}
.gd-hop:hover{text-decoration:underline!important}
.gd-fig-hop{float:right;width:124px;margin:-8px 0 8px 18px}
.gd-fig-hop ~ .gd-plans,.gd-fig-hop ~ .gd-box{clear:both}
.gd-fig-hop img{width:100%;height:auto}
@media (max-width:600px){.gd-hoppy{display:grid;grid-template-columns:84px 1fr;gap:8px 12px;align-items:center;padding:12px 14px}.gd-hoppy>div{display:contents}.gd-hoppy img{width:84px;height:120px;margin:0}.gd-hoppy .gd-bub{justify-self:start;margin:0 0 0 8px}.gd-hoppy p{grid-column:1/-1}.gd-fig-hop{width:96px}}
@media (max-width:600px){.gd-swipe{display:block}.gd-stack thead{display:none}.gd-stack,.gd-stack tbody,.gd-stack tr,.gd-stack td{display:block;width:auto!important}.gd-stack tr{border:1.5px solid var(--line);border-radius:14px;margin:0 0 10px;padding:4px 14px 8px;background:#fff}.gd-stack td{border:0!important;padding:8px 0 0!important}.gd-stack td[data-l]:before{content:attr(data-l);display:block;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--goldtx);margin-bottom:2px}}
.gd .shx-table td small{display:block;color:var(--muted);font-size:13.5px;line-height:1.4}
.gd .shx-table caption{caption-side:bottom;text-align:left;font-size:13.5px;color:var(--muted);padding-top:8px}
.gd-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.gd-sources{font-size:14.5px;line-height:1.55;color:var(--muted);padding-left:20px}
.gd-sources li{margin:0 0 6px}.gd-sources a{color:var(--muted)!important}
.gd-updated{font-size:14px;color:var(--muted);margin-top:28px}
.gd-check{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}
.gd-check li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;margin:0}
.gd-check li>span{width:44px;height:44px;border-radius:12px;background:var(--gold);color:var(--ink);font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center}
.gd-check b{display:block;font-size:17px}
.gd-check p{margin:2px 0 0;font-size:15.5px;line-height:1.5}
.gd-pill{display:inline-block;font-size:13px;font-weight:900;padding:3px 10px;border-radius:999px;background:var(--cream2);border:1px solid var(--line);margin:0 4px 4px 0}
.gd-band{display:inline-block;font-weight:900;padding:3px 10px;border-radius:999px;font-size:14px}
.gd-band.b0{background:#EEF0F4;color:#33415e}.gd-band.b1{background:#F6E2C8;color:#6B4210}.gd-band.b2{background:#DCE5EF;color:#24384F}.gd-band.b3{background:#FFF0B3;color:#5E4A00}
@media (max-width:860px){.gd-facts{grid-template-columns:1fr 1fr}.gd-plans,.gd-3{grid-template-columns:1fr}}
@media (max-width:760px){.gd-calc,.gd-yn,.gd-2{grid-template-columns:1fr}.gd .gd-lead{font-size:18px}.gd-out .gd-big{font-size:34px}.gd-dl{flex-wrap:wrap}.gd-dl i{margin-left:66px;max-width:none;text-align:left;flex:1 1 100%}}
@media (max-width:420px){.gd-facts{grid-template-columns:1fr}.gd-calc{padding:16px}.gd-calc .gd-row{grid-template-columns:1fr}}
@media print{.site-header,.sh-foot,.gd-toc,.gd-cta,.gd-calc{display:none!important}}