:root{color-scheme:light;--ink:#203e50;--teal:#087f85;--paper:#fffdf5;--line:#bad0d7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body.guides-page{margin:0;color:var(--ink);background:radial-gradient(ellipse at 85% 0,#e2dcf5,transparent 45%),linear-gradient(#d2e4ed 0,#edf3ec 460px,#faf7ed 100%);font-size:18px;line-height:1.7;overflow-wrap:break-word}a{color:#006c76;text-underline-offset:3px}a:hover{color:#294d76}a:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-radius:4px}.guides-header{max-width:1140px;margin:auto;padding:22px 26px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.guides-brand{font-weight:1000;font-size:23px;text-decoration:none;color:var(--ink);display:flex;gap:10px;align-items:center}.guides-brand>span{display:inline-grid;place-items:center;width:35px;height:40px;background:#ffe478;border-radius:5px;transform:rotate(-9deg);box-shadow:0 3px 0 #b99f43}.header-play{margin-left:auto;font-weight:900;font-size:16px}.guide-language{font-size:14px}.guide-language select{padding:8px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.article-layout,.hub-layout{margin:0 auto;padding:14px 26px 55px;max-width:850px}.hub-layout{max-width:1120px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:#476376;margin:4px 0 28px}.breadcrumbs [aria-current]{max-width:100%}.article-header{margin-bottom:28px}.guide-eyebrow{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:#376c77}h1{font-size:clamp(30px,4vw,44px);line-height:1.16;margin:0 0 20px;letter-spacing:-.025em;font-weight:1000}h2{font-size:26px;line-height:1.3;margin:40px 0 16px;font-weight:900}h3{font-size:21px;line-height:1.4;margin:24px 0 12px}.article-intro{font-size:20px;line-height:1.65;margin:0;color:#345b70}.guide-toc{background:#fffdf3c7;border-left:4px solid #70b5b0;border-radius:0 16px 16px 0;padding:18px 24px;margin:25px 0 34px;font-size:15px;line-height:1.6}.guide-toc ol{margin:8px 0 0;padding-left:22px;columns:2;column-gap:32px}.guide-toc li{break-inside:avoid;margin:4px 0}.guide-body p{margin:0 0 19px}.guide-body ul,.guide-body ol{padding-left:25px;margin:0 0 23px}.guide-body li{padding-left:3px;margin:9px 0}.guide-body strong{font-weight:900}.guide-cta{margin-top:42px;padding:22px 26px;border:1px solid #a9c8cd;border-radius:20px;background:#e1f0e9;box-shadow:0 4px 0 #afc9cc;display:flex;gap:22px;align-items:center}.guide-cta strong{font-size:22px;line-height:1.3}.guide-cta p{font-size:15px;line-height:1.5;margin:8px 0 0}.play-link{display:block;flex-shrink:0;font-weight:900;font-size:16px;line-height:1.4;background:#ffe378;padding:12px 18px;border-radius:12px;color:#234958;border:1px solid #cbb05e;box-shadow:0 4px 0 #c7a84f;text-decoration:none;transition:transform .2s,box-shadow .2s}.play-link:hover{transform:translateY(-3px);box-shadow:0 7px 0 #c7a84f}.related-guides{border-top:1px solid var(--line);margin-top:45px}.related-guides ul{list-style:none;padding:0}.related-guides li{margin:18px 0}.related-guides a{font-weight:900}.related-guides p{font-size:15px;margin:3px 0;line-height:1.5}.hub-group h2{margin-top:38px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{position:relative;border:1px solid #b3ccd3;border-radius:20px;background:var(--paper);padding:23px 26px 38px;box-shadow:0 4px 0 #aec8d1;transition:transform .2s}.guide-card:hover{transform:translateY(-3px)}.guide-card h3{margin:0 0 12px;font-size:22px}.guide-card a{text-decoration:none}.guide-card a::after{content:'';position:absolute;inset:0;border-radius:20px}.guide-card p{font-size:16px;line-height:1.65;margin:0}.guide-card>span{position:absolute;right:25px;bottom:10px;color:var(--teal);font-weight:900}.guides-footer{padding:25px 26px 38px;border-top:1px solid #c2d5d9;text-align:center;font-size:14px}.guides-footer p{font-weight:900;margin:8px}.guide-language-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.guide-language-links [aria-current]{font-weight:900}.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}.skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:#fff8d2;padding:8px 18px;border-radius:8px}.skip-link:focus{top:8px}
.guide-illustration{margin:34px 0 0}.guide-illustration img{display:block;max-width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 4px 0 #aec8d14d}
h1{text-wrap:balance}
.guide-illustration{position:relative;margin:38px 0 34px;background:#fffdf5;border:1px solid #b0cbd3;border-radius:22px;box-shadow:0 5px 0 #a6becb66;isolation:isolate}
.guide-illustration::before{content:'';position:absolute;top:-9px;right:30px;width:64px;height:23px;background:#ffe17bbd;border:1px solid #efd172;transform:rotate(6deg);z-index:1}
.guide-illustration img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border:0;border-radius:21px 21px 0 0;box-shadow:none}
.guide-illustration figcaption{font-size:15px;line-height:1.6;color:#3d6273;padding:14px 20px 16px;margin:0}
.guide-hero{margin:25px 0 32px}.guide-animation{max-width:540px;margin:38px auto}.guide-motion{display:block}
.guide-video{margin:24px 0 34px;padding:10px;background:#fffdf5;border:1px solid #b0cbd3;border-radius:22px;box-shadow:0 5px 0 #a6becb66}.guide-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:15px;background:#15202c}.guide-video p{font-size:14px;line-height:1.5;color:#456676;margin:10px 8px 4px}
.guide-card{padding:0 0 10px;overflow:hidden;background:#fffdf5}.guide-card-photo{padding:8px 8px 0}.guide-card-photo img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:14px;transition:filter .2s}.guide-card-copy{padding:19px 24px 27px}.guide-card h3{font-size:21px}.guide-card:focus-within{outline:3px solid #087f85;outline-offset:4px}.guide-card:hover .guide-card-photo img{filter:saturate(1.08)}.hub-group:nth-of-type(2) .guide-card{background:#f4effc}.hub-group:nth-of-type(3) .guide-card{background:#fff4df}
@media(max-width:640px){.guides-header{padding:16px;gap:14px}.guides-brand{font-size:19px}.header-play{font-size:14px}.guide-language{margin-left:auto}.article-layout,.hub-layout{padding:12px 20px 36px}body.guides-page{font-size:17px}.article-intro{font-size:18px}h2{font-size:24px}.guide-toc ol{columns:1}.guide-cta{flex-direction:column;align-items:flex-start;padding:21px}.hub-grid{grid-template-columns:1fr}.breadcrumbs{font-size:12px}.language-picker-options{right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-link,.guide-card,.guide-card-photo img{transition:none}}