/* Giant Prep guides: article and hub pages. Loaded after giant.css. */
.ahero{padding:140px 0 48px;border-bottom:1px solid var(--line)}
.ahero .wrap{max-width:860px}
.akicker{display:flex;align-items:center;gap:10px;font:500 13px/1.4 var(--sans);color:var(--pink);margin:0 0 18px}
.akicker i{width:18px;height:1px;background:var(--line-2)}
.akicker span{color:var(--muted)}
.ahero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.04;font-weight:300}
.adek{margin-top:20px;font-size:19px;color:var(--ink-2);max-width:62ch;line-height:1.5}
.ameta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--muted)}
.ahero.hub .wrap{max-width:none}
.ahero.hub h1 em{font-style:italic;color:var(--gold)}

.abody{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(36px,6vw,100px);padding:56px 0 120px;align-items:start}
.aside{min-width:0}
.asticky{position:sticky;top:100px;display:grid;gap:28px}
.tocbox .toch{font:500 13px/1.4 var(--sans);color:var(--muted);margin-bottom:10px}
.tocbox ol{list-style:none;counter-reset:t;border-top:1px solid var(--line)}
.tocbox li{border-bottom:1px solid var(--line)}
.tocbox a{display:block;padding:10px 0;font-size:14px;color:var(--ink-2);line-height:1.35}
.tocbox a:hover{color:var(--ink)}
.sidecta{padding-top:20px;border-top:1px solid var(--line-gold)}
.sidecta p{font-size:15px;color:var(--ink-2);margin-bottom:14px}
.sidecta .btn{width:100%;justify-content:center;font-size:14px;padding:14px 18px}

.prose{min-width:0;max-width:720px;font-size:17.5px;line-height:1.65}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(28px,3vw,38px);line-height:1.12;margin-top:2em;padding-top:1.2em;border-top:1px solid var(--line)}
.prose h3{font-size:22px;margin-top:1.8em}
.prose p{color:var(--ink-2)}
.prose p strong,.prose li strong{color:var(--ink);font-weight:500}
.prose a{color:var(--gold);border-bottom:1px solid var(--line-gold)}
.prose .btn,.prose .btn:hover{color:#0a0800;border-bottom:0}
.prose .rel,.prose .rel:hover{color:inherit;border-bottom:0}
.prose ul,.prose ol{padding-left:1.3em;color:var(--ink-2)}
.prose li+li{margin-top:.5em}
.prose em{font-style:italic}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}
.prose blockquote{border-left:2px solid var(--line-2);padding-left:18px;color:var(--ink-2);font-style:italic}
.prose .tscroll{overflow-x:auto;margin-top:1.4em}
.prose table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.prose th{text-align:left;font:500 13px/1.4 var(--sans);color:var(--muted);padding:0 14px 10px 0;border-bottom:1px solid var(--line-2)}
.prose td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.prose td:first-child{color:var(--ink)}
.prose img{max-width:100%}

.callout{margin:1.8em 0;padding:18px 20px 18px 22px;border-left:3px solid var(--pink);background:rgba(255,255,255,.025)}
.callout .clabel{display:block;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--pink);margin-bottom:6px}
.callout p{margin:0;color:var(--ink-2)}
.callout.watch-out{border-color:var(--gold)}.callout.watch-out .clabel{color:var(--gold)}
.callout.reality-check{border-color:var(--line-2)}.callout.reality-check .clabel{color:var(--ink-2)}
.callout.rick-s-note,.callout.ricks-note{background:none;border-left-color:var(--pink)}

.takeaways{padding:22px 24px;border:1px solid var(--line-2);border-radius:var(--r);margin-bottom:2em}
.takeaways .th{font:500 13px/1.4 var(--sans);color:var(--muted);margin-bottom:10px}
.takeaways ul{list-style:none;padding:0;display:grid;gap:8px}
.takeaways li{position:relative;padding-left:18px;color:var(--ink);font-size:16px}
.takeaways li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--pink)}

.artcta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:2.6em 0;padding:26px 0;border-top:1px solid var(--line-gold);border-bottom:1px solid var(--line-gold)}
.artcta h3{font-size:26px;margin-bottom:8px}
.artcta p{margin:0;font-size:15px;color:var(--ink-2)}
.artcta.soft{border-color:var(--line);grid-template-columns:1fr auto}
.artcta.soft h3{font-size:21px}
@media (max-width:700px){.artcta{grid-template-columns:1fr}}

.afaq{margin-top:3em}
.afaq h2{border-top:1px solid var(--line);padding-top:1.2em}
.afaq details{border-bottom:1px solid var(--line)}
.afaq summary{list-style:none;cursor:pointer;padding:16px 0;font-family:var(--serif);font-size:21px;line-height:1.25}
.afaq summary::-webkit-details-marker{display:none}
.afaq .a{padding:0 0 18px;color:var(--ink-2);font-size:16px}
.afaq .a p+p{margin-top:10px}

.author{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;margin-top:3em;padding-top:24px;border-top:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.author b{color:var(--ink);font-weight:500}
.author a{color:var(--gold)}

.arel{margin-top:3em}
.arel .th{font:500 13px/1.4 var(--sans);color:var(--muted);margin-bottom:6px}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.rel{display:grid;gap:8px;padding:18px 18px 18px 0;border-bottom:1px solid var(--line);align-content:start}
.rel .k{font:500 12px/1.4 var(--sans);color:var(--pink)}
.rel b{font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.25}
.rel .m{font-size:13px;color:var(--muted)}
.rel:hover b{color:var(--gold-2)}
.rel .why{font-size:13px;color:var(--ink-2)}
@media (max-width:700px){.relgrid{grid-template-columns:1fr}}

.prose .vslot{margin:1.8em 0}
@media (max-width:900px){.abody{grid-template-columns:1fr;padding-top:36px}.asticky{position:static}.tocbox{display:none}.sidecta{border-top:0;padding-top:0}}

/* hub */
.guides .ggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,4vw,60px);border-top:1px solid var(--line);margin-top:40px}
.gcard{display:grid;gap:10px;padding:26px 0;border-bottom:1px solid var(--line);align-content:start}
.gcard .k{font:500 13px/1.4 var(--sans);color:var(--pink)}
.gcard h3{font-size:26px;line-height:1.15}
.gcard p{color:var(--ink-2);font-size:15px}
.gcard .m{font-size:13px;color:var(--muted)}
.gcard:hover h3{color:var(--gold-2)}
.hubcta{padding:60px 0 120px}
.hubcta .artcta{margin:0}
.allguides .tests{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.allguides .t{border-top:1px solid var(--line);padding-top:16px}
.allguides .t h2{font-size:28px}
.allguides .t ul{list-style:none;margin-top:12px}
.allguides .t li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.allguides .t li a{color:var(--ink-2)}
.allguides .t li a:hover{color:var(--ink)}
.allguides .t .more{margin-top:12px;font-size:14px}
@media (max-width:900px){.guides .ggrid,.allguides .tests{grid-template-columns:1fr}}