/* Editorial pages use the existing site's fonts, colours, shell and controls. */
.guide-index-hero{max-width:840px;padding-bottom:40px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;padding:0 0 72px;margin:0}
.guide-grid>li{min-width:0}
.guide-card{display:flex;position:relative;flex-direction:column;height:100%;padding:30px 30px 52px;border:1px solid var(--line);border-radius:18px;background:var(--card,transparent);text-decoration:none;color:var(--text);transition:border-color 160ms ease,background 160ms ease}
.guide-card:hover{border-color:var(--accent,#ff9678);background:var(--pill)}
.guide-card time{font-size:11px;color:var(--muted);margin-bottom:20px;letter-spacing:.04em}
.guide-card h2{font-family:Comfortaa,sans-serif;font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0 0 14px;text-wrap:balance}
.guide-card p{font-size:14px;line-height:1.8;color:var(--secondary);margin:0}
.guide-card-arrow{position:absolute;right:28px;bottom:20px;color:var(--accent,#ff9678);font-size:23px}
.guide-card:focus-visible,.guide-prose a:focus-visible,.guide-related a:focus-visible,.guide-table:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
.guide-article,.guide-beta,.guide-related{max-width:780px;margin-inline:auto}
.guide-hero{padding:44px 0 32px;border-bottom:1px solid var(--line);margin-bottom:36px}
.guide-hero h1{font-family:Comfortaa,sans-serif;font-size:clamp(32px,4.5vw,50px);font-weight:400;line-height:1.3;letter-spacing:-.045em;text-wrap:balance;margin:0 0 24px;overflow-wrap:break-word}
.guide-byline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.guide-prose{font-size:16px;line-height:1.9;color:var(--secondary);overflow-wrap:break-word}
.guide-prose p{margin:0 0 22px}
.guide-prose h2,.guide-prose h3{font-family:Comfortaa,sans-serif;color:var(--text);letter-spacing:-.025em;text-wrap:balance}
.guide-prose h2{font-size:25px;line-height:1.45;margin:48px 0 20px}
.guide-prose h3{font-size:20px;line-height:1.5;margin:30px 0 16px}
.guide-prose :is(ul,ol){padding-left:25px;margin:0 0 24px}
.guide-prose li{margin-bottom:10px;padding-left:4px}
.guide-prose li>ul{margin:12px 0 0}
.guide-prose strong{color:var(--text);font-weight:600}
.guide-prose a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent,#ff9678);text-underline-offset:4px}
.guide-prose blockquote{border-left:2px solid var(--accent,#ff9678);border-radius:0 12px 12px 0;background:var(--pill);padding:24px 28px;margin:22px 0 32px;font-size:15px;line-height:1.9}
.guide-prose blockquote p:last-child,.guide-prose blockquote ol:last-child{margin-bottom:0}
.guide-prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.guide-table{overflow-x:auto;max-width:100%;margin:26px 0 32px;border:1px solid var(--line);border-radius:12px}
.guide-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.75;text-align:left}
.guide-table th,.guide-table td{padding:15px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.guide-table th{font-weight:600;color:var(--text);background:var(--pill)}
.guide-table tr:last-child td{border-bottom:0}
.guide-check{display:inline-block;margin-right:10px;color:var(--accent,#ff9678)}
.guide-cta{margin:28px 0 24px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--pill)}
.guide-cta p{margin:0;line-height:1.85}
.guide-cta a{display:table;min-height:44px;margin-top:20px;padding:10px 22px;border-radius:9999px;background:linear-gradient(110deg,#ff7283,#ffc36b);color:#151515;font-size:13px;font-weight:600;line-height:1.8;text-decoration:none}
.guide-beta{font-size:12px;line-height:1.8;color:var(--muted);margin-top:24px;margin-bottom:48px}
.guide-related{border-top:1px solid var(--line);padding:32px 0 64px}
.guide-related h2{font-family:Comfortaa,sans-serif;font-size:25px;line-height:1.5;margin-bottom:20px}
.guide-related ul{padding:0;margin:0;list-style:none}
.guide-related a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--secondary);text-decoration:none}
.guide-related a:hover{color:var(--text)}
.guide-related a span{color:var(--accent,#ff9678)}
.guide-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr;gap:16px;padding-bottom:44px}.guide-card{padding:24px 24px 46px}.guide-card h2{font-size:21px}.guide-hero{padding-top:28px;margin-bottom:28px}.guide-prose{font-size:15px;line-height:1.85}.guide-prose h2{font-size:23px;margin-top:36px}.guide-prose blockquote{padding:18px 20px;margin-inline:0}.guide-table th,.guide-table td{padding:12px 14px;min-width:150px}.guide-cta{padding:22px}.guide-related{padding-bottom:40px}}
@media(max-width:480px){.guides-page .header{gap:8px}.guides-page .header .brand{min-width:0}.guides-page .header .brand img{width:100px;max-width:100%}.guides-page .header-actions{flex-shrink:0;gap:4px}}
@media(max-width:380px){.guides-page .header .brand img{width:86px}.guides-page .header-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}