:root{--guide-peach: #ffefe7;--guide-warm: #fff8f3;--guide-page: #fffcfa;--guide-orange: #ff7a2b;--guide-orange-hover: #e8661a;--guide-orange-tint: #fff0e6;--guide-charcoal: #1c1917;--guide-body: #44403c;--guide-muted: #78716c;--guide-border: #f0e6dc;--guide-green: #3d7a5f;--guide-green-tint: #ecfdf5;--guide-shadow: 0 28px 80px rgba(91, 55, 32, .14), 0 4px 16px rgba(91, 55, 32, .06);--guide-card-shadow: 0 18px 50px rgba(88, 56, 36, .09), 0 2px 8px rgba(88, 56, 36, .05);--guide-display: "Arial Rounded MT Bold", "Avenir Next", "Trebuchet MS", system-ui, sans-serif}body:has(.guide-page),body:has(.guides-hub){color:var(--guide-charcoal);background:var(--guide-page)}body:has(.guide-page) .site-header,body:has(.guides-hub) .site-header{background:#fffcfade;border-bottom-color:#f0e6dcc2;backdrop-filter:blur(18px) saturate(1.15)}body:has(.guide-page) .site-footer,body:has(.guides-hub) .site-footer{background:var(--guide-charcoal)}.guide-container{width:min(100%,78rem);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2rem)}.guide-kicker{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;color:var(--guide-orange-hover);font-size:.77rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.guide-kicker:before{width:1.8rem;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--guide-orange),var(--guide-green));content:""}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;min-height:3.25rem;padding:.85rem 1.35rem;border:1px solid transparent;border-radius:999px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.guide-button span,.guide-card__more span{transition:transform .18s ease}.guide-button:hover{transform:translateY(-2px)}.guide-button:hover span,.guide-card:hover .guide-card__more span{transform:translate(.25rem)}.guide-button:focus-visible,.guide-card:focus-visible,.guide-backlink:focus-visible,.guides-hub__rss:focus-visible{outline:3px solid rgba(255,122,43,.48);outline-offset:4px}.guide-button--orange{color:#fff;background:linear-gradient(135deg,#ff944f,var(--guide-orange) 54%,#f15d18);box-shadow:0 16px 36px #ff7a2b47,inset 0 1px #ffffff4d}.guide-button--orange:hover{color:#fff;background:var(--guide-orange-hover);box-shadow:0 20px 44px #e8661a57}.guide-button--light{color:var(--guide-charcoal);background:#fff;box-shadow:0 14px 38px #0000002e}.guide-button--light:hover{color:var(--guide-orange-hover);background:var(--guide-warm)}.guide-page,.guides-hub{overflow:clip;background:var(--guide-page)}.guide-hero,.guides-hub__hero{position:relative;overflow:hidden;padding-block:clamp(4rem,8vw,7.5rem) clamp(4.5rem,9vw,8rem);background:radial-gradient(circle at 84% 28%,rgba(255,122,43,.21),transparent 25rem),radial-gradient(circle at 76% 100%,rgba(61,122,95,.17),transparent 24rem),linear-gradient(122deg,var(--guide-peach) 0%,#fff5ef 52%,var(--guide-page) 100%)}.guide-hero:after,.guides-hub__hero:before{position:absolute;right:-12rem;bottom:-11rem;width:48rem;height:20rem;border:1px solid rgba(255,122,43,.16);border-radius:50%;box-shadow:inset 0 2px 22px #3d7a5f1a;transform:rotate(-8deg);content:""}.guide-hero__grid,.guides-hub__hero-grid{position:relative;z-index:1;display:grid;align-items:center;gap:clamp(2.8rem,8vw,7rem)}.guide-backlink{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:2rem;color:var(--guide-body);font-size:.88rem;font-weight:750;text-decoration:none}.guide-backlink span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid rgba(28,25,23,.12);border-radius:50%;background:#ffffffa6;transition:transform .18s ease}.guide-backlink:hover{color:var(--guide-orange-hover)}.guide-backlink:hover span{transform:translate(-.2rem)}.guide-hero h1,.guides-hub__hero h1{max-width:13ch;margin:0 0 1.4rem;color:var(--guide-charcoal);font-family:var(--guide-display);font-size:clamp(2.65rem,6vw,5.5rem);font-weight:900;line-height:.96;letter-spacing:-.065em;text-wrap:balance}.guide-deck,.guides-hub__lead{max-width:42rem;margin:0;color:var(--guide-body);font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.65}.guide-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.guide-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:2.2rem;padding:.45rem .75rem;border:1px solid rgba(255,122,43,.13);border-radius:999px;color:var(--guide-muted);background:#ffffffb3;box-shadow:0 8px 24px #56341f0d;font-size:.78rem;font-weight:700}.guide-chip i{width:.48rem;height:.48rem;border-radius:50%;background:var(--guide-orange);box-shadow:0 0 0 .25rem #ff7a2b1f}.guide-chip--green{border-color:#3d7a5f29;color:var(--guide-green);background:#ecfdf5d6}.guide-signal,.guide-library{position:relative;min-height:27rem;padding:1.3rem;border:1px solid rgba(255,255,255,.14);border-radius:2.35rem;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(255,122,43,.3),transparent 10rem),radial-gradient(circle at 17% 85%,rgba(61,122,95,.34),transparent 13rem),var(--guide-charcoal);box-shadow:var(--guide-shadow)}.guide-signal{display:none;transform:rotate(2deg)}.guide-signal__label,.guide-signal__caption{position:absolute;z-index:2;font-size:.72rem;font-weight:800;letter-spacing:.1em}.guide-signal__label{top:1.4rem;left:1.5rem;color:#ffd9c3;text-transform:uppercase}.guide-signal__caption{right:1.5rem;bottom:1.4rem;color:#ffffffa6}.guide-signal__screen{position:absolute;inset:4.2rem 2.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:1.6rem;background:linear-gradient(145deg,#ffffff14,#ffffff04)}.guide-signal__ring{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.guide-signal__ring--one{inset:17% 10% 18%;transform:rotate(-14deg)}.guide-signal__ring--two{inset:28% 22% 29%;border-color:#ff7a2b5c}.guide-signal__beam{position:absolute;top:48%;left:-12%;width:126%;height:.45rem;border-radius:99px;background:linear-gradient(90deg,transparent,var(--guide-green),#fff4d8 52%,var(--guide-orange),transparent);box-shadow:0 0 1.8rem #ff7a2bb3,0 0 3rem #3d7a5f73;transform:rotate(-24deg)}.guide-signal__node{position:absolute;top:calc(48% - 1.2rem);left:calc(50% - 1.2rem);width:2.4rem;height:2.4rem;border:.5rem solid rgba(255,255,255,.35);border-radius:50%;background:#fff;box-shadow:0 0 0 .7rem #ff7a2b24,0 0 2rem #ffffff9e}.guide-reading{position:relative;padding-block:clamp(3.5rem,7vw,7rem);background:radial-gradient(circle at 4% 18%,rgba(255,122,43,.06),transparent 18rem)}.guide-reading__rail{position:absolute;top:0;left:50%;width:min(72rem,calc(100% - 2.3rem));height:1px;background:linear-gradient(90deg,transparent,rgba(255,122,43,.38),rgba(61,122,95,.3),transparent);transform:translate(-50%)}.guide-reading__rail span{position:absolute;top:-.28rem;left:12%;width:.6rem;height:.6rem;border-radius:50%;background:var(--guide-orange);box-shadow:0 0 0 .35rem var(--guide-orange-tint),0 0 1.2rem #ff7a2b66}.guide-reading__grid{display:grid;align-items:start;gap:clamp(2rem,6vw,5rem)}.guide-reading__aside{padding:1.25rem;border:1px solid var(--guide-border);border-radius:1.35rem;color:var(--guide-muted);background:linear-gradient(145deg,#fff,var(--guide-warm));box-shadow:var(--guide-card-shadow)}.guide-reading__aside p{margin:0;font-size:.88rem}.guide-reading__aside .guide-reading__eyebrow{margin-bottom:.55rem;color:var(--guide-charcoal);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.guide-reading__mark{display:grid;place-items:center;width:3.2rem;height:2.15rem;margin-top:1.1rem;border-radius:.8rem;color:#fff;background:var(--guide-orange);box-shadow:0 10px 24px #ff7a2b40;font-size:.8rem;font-weight:900}.guide-prose{width:100%;max-width:49rem;padding:clamp(1.45rem,4vw,3.6rem);border:1px solid var(--guide-border);border-radius:clamp(1.4rem,3vw,2.4rem);background:#ffffffed;box-shadow:var(--guide-shadow)}.guide-prose>:first-child{margin-top:0}.guide-prose>:last-child{margin-bottom:0}.guide-prose :where(p,li){color:var(--guide-body);font-size:clamp(1rem,1.4vw,1.075rem);line-height:1.78}.guide-prose p{margin-bottom:1.35rem}.guide-prose h2{position:relative;margin:clamp(2.8rem,7vw,4.5rem) 0 1.25rem;padding-top:1.4rem;color:var(--guide-charcoal);font-family:var(--guide-display);font-size:clamp(1.65rem,3.5vw,2.25rem);font-weight:900;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.guide-prose h2:before{position:absolute;top:0;left:0;width:3.4rem;height:.26rem;border-radius:99px;background:linear-gradient(90deg,var(--guide-orange),var(--guide-green));content:""}.guide-prose h3{margin-top:2.4rem;color:var(--guide-charcoal);font-family:var(--guide-display);font-size:1.3rem;font-weight:850}.guide-prose :where(ul,ol){margin:1.25rem 0 1.65rem;padding:1.3rem 1.5rem 1.3rem clamp(2.8rem,6vw,3.5rem);border:1px solid rgba(61,122,95,.11);border-radius:1.25rem;background:linear-gradient(135deg,var(--guide-green-tint),#f9fffb)}.guide-prose li{padding-left:.25rem;margin-bottom:.65rem}.guide-prose li:last-child{margin-bottom:0}.guide-prose li::marker{color:var(--guide-green);font-weight:900}.guide-prose strong{color:var(--guide-charcoal)}.guide-prose a{color:var(--guide-orange-hover);font-weight:700;text-decoration-color:#e8661a61;text-decoration-thickness:2px}.guide-prose a:hover{color:var(--guide-green)}.guide-prose blockquote{position:relative;margin:1.8rem 0;padding:1.4rem 1.4rem 1.4rem 3.5rem;border:1px solid rgba(255,122,43,.15);border-radius:1.25rem;background:var(--guide-orange-tint)}.guide-prose blockquote:before{position:absolute;top:1.05rem;left:1.2rem;color:var(--guide-orange);content:"!";font-family:var(--guide-display);font-size:1.55rem;font-weight:900}.guide-prose blockquote p:last-child{margin-bottom:0}.guide-footer{padding-block:clamp(2.5rem,5vw,4rem);background:var(--guide-charcoal)}.guide-footer__inner,.guide-test__card{display:grid;align-items:center;gap:1.5rem 3rem}.guide-footer h2,.guide-test h2{margin:.25rem 0 .7rem;color:#fff;font-family:var(--guide-display);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}.guide-footer p,.guide-test__card>div>p:last-child{max-width:42rem;margin:0;color:#ffffffa8}.guide-footer .guide-footer__label,.guide-test__eyebrow{color:#ffb184;font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.guides-hub__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2rem}.guides-hub__rss{color:var(--guide-body);font-size:.9rem;font-weight:750}.guides-hub__rss:hover{color:var(--guide-orange-hover)}.guide-library{display:block;min-height:21rem;transform:none}.guide-library__top{display:flex;align-items:flex-start;justify-content:space-between;color:#ffffff9e;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-library__top strong{color:#fff;font-family:var(--guide-display);font-size:clamp(3rem,7vw,5.2rem);line-height:.8}.guide-library__shelf{position:absolute;inset:6.5rem 1.8rem 4.4rem;display:flex;align-items:end;gap:.8rem;padding-inline:.8rem;border-bottom:.55rem solid rgba(255,255,255,.16)}.guide-library__book{display:block;width:22%;max-width:4.8rem;border:1px solid rgba(255,255,255,.18);border-radius:.65rem .65rem .18rem .18rem;box-shadow:0 16px 30px #00000047;transform-origin:bottom}.guide-library__book--orange{height:85%;background:linear-gradient(155deg,#ffab78,var(--guide-orange));transform:rotate(-5deg)}.guide-library__book--cream{height:68%;background:linear-gradient(155deg,#fff,#f1dacd);transform:rotate(4deg)}.guide-library__book--green{height:78%;background:linear-gradient(155deg,#78a990,var(--guide-green));transform:rotate(-2deg)}.guide-library__signal{position:absolute;right:-6%;bottom:32%;width:63%;height:.35rem;border-radius:99px;background:linear-gradient(90deg,transparent,var(--guide-green),#fff3d6,var(--guide-orange));box-shadow:0 0 1.4rem #ff7a2bb8;transform:rotate(-20deg)}.guide-library>p{position:absolute;right:1.5rem;bottom:1.25rem;margin:0;color:#ffffff9e;font-size:.78rem}.guides-list{padding-block:clamp(4.5rem,9vw,8rem);background:radial-gradient(circle at 5% 20%,rgba(255,122,43,.06),transparent 22rem)}.guides-list__head{display:grid;align-items:end;gap:1rem 3rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.guides-list__head h2{margin:0;color:var(--guide-charcoal);font-family:var(--guide-display);font-size:clamp(2rem,5vw,3.7rem);font-weight:900;letter-spacing:-.055em}.guides-list__head>p{max-width:35rem;margin:0;color:var(--guide-muted)}.guides-grid{display:grid;gap:1rem}.guide-card{position:relative;display:flex;min-height:21rem;flex-direction:column;padding:clamp(1.35rem,3vw,2rem);overflow:hidden;border:1px solid var(--guide-border);border-radius:1.75rem;color:var(--guide-charcoal);background:radial-gradient(circle at 100% 0,rgba(255,122,43,.09),transparent 12rem),#fff;box-shadow:var(--guide-card-shadow);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.guide-card:after{position:absolute;right:-2.5rem;bottom:-3.4rem;width:9rem;height:9rem;border:1px solid rgba(255,122,43,.15);border-radius:50%;content:"";transition:transform .3s ease}.guide-card:hover{color:var(--guide-charcoal);border-color:#ff7a2b47;box-shadow:0 26px 65px #58382424;transform:translateY(-.35rem)}.guide-card:hover:after{transform:scale(1.2)}.guide-card__meta{display:flex;justify-content:space-between;gap:1rem;color:var(--guide-orange-hover);font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.guide-card__meta time{color:var(--guide-muted);letter-spacing:0}.guide-card h3{max-width:17ch;margin:2rem 0 1rem;color:inherit;font-family:var(--guide-display);font-size:clamp(1.45rem,2.7vw,2rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.guide-card>p{margin:0;color:var(--guide-muted);font-size:.94rem;line-height:1.65}.guide-card__more{display:inline-flex;align-items:center;gap:.65rem;margin-top:auto;padding-top:1.5rem;color:var(--guide-orange-hover);font-size:.88rem;font-weight:850}.guide-card--green{border-color:#3d7a5f24;background:radial-gradient(circle at 100% 0,rgba(61,122,95,.12),transparent 13rem),var(--guide-green-tint)}.guide-card--green .guide-card__meta,.guide-card--green .guide-card__more{color:var(--guide-green)}.guide-card--dark{border-color:#ffffff14;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,122,43,.28),transparent 14rem),radial-gradient(circle at 0 100%,rgba(61,122,95,.2),transparent 13rem),var(--guide-charcoal);box-shadow:0 24px 64px #1c191733}.guide-card--dark:hover{color:#fff}.guide-card--dark>p,.guide-card--dark .guide-card__meta time{color:#ffffffa8}.guide-card--dark .guide-card__meta,.guide-card--dark .guide-card__more{color:#ffad7c}.guide-test{padding-block:clamp(3.5rem,7vw,6rem);background:var(--guide-warm)}.guide-test--hub{background:var(--guide-page)}.guide-test__card{position:relative;overflow:hidden;padding-block:clamp(2rem,5vw,4rem);border-radius:2rem;color:#fff;background:radial-gradient(circle at 84% 20%,rgba(255,122,43,.31),transparent 16rem),radial-gradient(circle at 18% 110%,rgba(61,122,95,.36),transparent 18rem),var(--guide-charcoal);box-shadow:0 30px 75px #1c191733}@media(min-width:44rem){.guide-footer__inner,.guide-test__card{grid-template-columns:minmax(0,1fr) auto}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-list__head{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr)}}@media(min-width:62rem){.guide-hero__grid,.guides-hub__hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.72fr)}.guide-signal,.guide-library{display:block;min-height:27rem}.guide-reading__grid{grid-template-columns:13rem minmax(0,49rem);justify-content:center}.guide-reading__aside{position:sticky;top:7rem}.guides-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card:nth-child(6n+1),.guide-card:nth-child(6n+5){transform:translateY(1.2rem)}.guide-card:nth-child(6n+1):hover,.guide-card:nth-child(6n+5):hover{transform:translateY(.85rem)}}@media(max-width:43.99rem){.guide-button{width:100%}.guides-hub__rss{width:100%;text-align:center}.guide-test__card{width:calc(100% - 1.6rem);padding-inline:1.5rem}}@media(prefers-reduced-motion:no-preference){@keyframes guide-signal-breathe{0%,to{opacity:.78;transform:scaleX(.97) rotate(-24deg)}50%{opacity:1;transform:scaleX(1.02) rotate(-24deg)}}@keyframes guide-node-pulse{0%,to{box-shadow:0 0 0 .7rem #ff7a2b1f,0 0 2rem #ffffff8c}50%{box-shadow:0 0 0 1rem #3d7a5f1a,0 0 2.6rem #ffffffbf}}.guide-signal__beam{animation:guide-signal-breathe 4.8s ease-in-out infinite}.guide-signal__node{animation:guide-node-pulse 3.6s ease-in-out infinite}}
