.guide-purpose-icon[data-astro-cid-qxno6ee3]{display:block;color:#123d56;flex:none}.site-guide{background:#fffdf8;font-weight:400;color:#123d56}.site-guide-main{max-width:1200px;margin:auto;padding:0 24px}.guide-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding:72px 0 64px}.guide-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#93614d;margin:0 0 16px}.guide-hero h1{font-size:clamp(32px,4.5vw,58px);line-height:1.3;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}.guide-lead{font-size:21px;font-weight:700}.guide-hero p:not(.guide-eyebrow){line-height:1.9}.guide-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.guide-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:#123d56;color:#fff;border:2px solid #123d56;border-radius:99px;padding:13px 22px;text-decoration:none;font-weight:700;line-height:1.5}.guide-button:hover{background:#225c77}.guide-text-link{text-underline-offset:5px;font-weight:700}.guide-hero-art{position:relative;min-height:410px;border-radius:100px 18px;overflow:hidden;background:#f6e4d6}.guide-hero-art img{width:100%;height:410px;object-fit:cover;object-position:68% center;display:block}.guide-hero-art span{position:absolute;bottom:24px;left:24px;background:#fffdf8ef;padding:12px 20px;border-radius:12px;font-size:23px;font-weight:700;line-height:1.6}.guide-purpose{padding:48px 0 64px;border-top:1px solid #e2d9cf}.site-guide h2{font-size:clamp(25px,3vw,36px);line-height:1.45;margin:0 0 16px}.guide-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 22px}.guide-goals>a{position:relative;display:block;padding:23px 22px 35px;background:#f6eee4;border-radius:16px;text-decoration:none;border:1px solid #e9dece}.guide-goals>a:nth-child(2){background:#eaf2ed}.guide-goals>a:nth-child(3){background:#fbecec}.guide-goals>a:nth-child(4){background:#eaf0f7}.guide-goals h3{font-size:19px;line-height:1.5;margin:12px 0}.guide-goals p{font-size:14px;line-height:1.8;margin:0}.guide-goal-arrow{position:absolute;right:18px;bottom:10px;font-size:22px}.guide-how{padding-top:48px;border-top:1px solid #e2d9cf}.guide-capture-note{max-width:740px;font-size:14px;color:#506572}.guide-step-nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 12px}.guide-step-nav a{font-size:13px;padding:8px 12px;border:1px solid #d5dfe1;border-radius:8px;text-decoration:none;background:#fff}.guide-step-nav span{font-weight:800;margin-right:8px}.guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:52px;align-items:center;padding:64px 0;border-bottom:1px solid #e2d9cf;scroll-margin-top:24px}.guide-step-number{color:#b4493f;font-size:12px;letter-spacing:.12em;font-weight:800;margin:0 0 12px}.guide-step h3{font-size:27px;line-height:1.5;margin:0 0 16px;text-wrap:balance}.guide-step-copy>p{line-height:1.9}.guide-instructions{list-style:none;padding:0;counter-reset:guide-step;display:grid;gap:17px;margin:22px 0 26px}.guide-instructions li{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:15px;line-height:1.9}.guide-marker-key{display:grid;place-items:center;align-self:start;width:26px;height:26px;background:#af382e;color:#fff;border-radius:50%;font-size:13px;font-weight:800;margin-top:2px}.guide-button-small{font-size:14px;padding:11px 18px}.guide-step-visual{min-width:0;padding:28px;background:#f4f0e9;border-radius:20px}.guide-step-visual figure{margin:0}.guide-screenshot{container-type:inline-size;display:block;position:relative;border:1px solid #ddd5c9;border-radius:8px;background:#fff;box-shadow:0 5px 18px #173d5610}.guide-screenshot img{display:block;width:100%;height:auto;border-radius:8px}.guide-screenshot-language{max-width:285px;margin:auto}.guide-screenshot-save{max-width:380px;margin:auto}.guide-callout{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid #bf4034;border-radius:5px;pointer-events:none}.guide-callout-number{position:absolute;--badge-size:clamp(12px,3.5cqw,24px);left:clamp(0px,calc(var(--x) - var(--badge-size) * .4),calc(100% - var(--badge-size)));top:clamp(0px,calc(var(--y) - var(--badge-size) * .6),calc(100% - var(--badge-size)));background:#af382e;color:#fff;width:var(--badge-size);height:var(--badge-size);border-radius:50%;display:grid;place-items:center;font-size:clamp(8px,1.8cqw,12px);line-height:1;font-weight:800;border:2px solid white;pointer-events:none}.guide-step-visual figcaption{font-size:11px;color:#59636a;line-height:1.7;margin-top:14px}.guide-step-visual figcaption span{display:block;color:#123d56;text-decoration:underline;text-underline-offset:3px}.guide-note{font-size:13px;line-height:1.9;margin:20px 0 0;padding-top:18px;border-top:1px solid #dbd3c7}.guide-next{text-align:center;background:#eaf2ed;margin-top:60px;padding:48px 28px;border-radius:24px}.guide-next .guide-button{margin-top:16px}.guide-care{max-width:840px;margin:48px auto 64px;color:#506572}.guide-care h2{font-size:19px}.guide-care p,.guide-care a{font-size:13px;line-height:1.9}.site-guide a:focus-visible{outline:3px solid #b4493f;outline-offset:5px}.site-guide [id]{scroll-margin-top:24px}@media(max-width:850px){.guide-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hero,.guide-step{gap:28px}.guide-step-visual{padding:20px}.guide-hero-art,.guide-hero-art img{min-height:340px;height:340px}}@media(max-width:650px){.site-guide-main{padding:0 20px}.guide-hero{grid-template-columns:1fr;padding:36px 0 40px;gap:28px}.guide-hero h1{font-size:35px}.guide-lead{font-size:18px}.guide-hero p{font-size:15px}.guide-hero-art,.guide-hero-art img{height:220px;min-height:220px}.guide-hero-art{border-radius:48px 12px}.guide-hero-art span{font-size:18px;left:16px;bottom:16px}.guide-actions{gap:18px}.guide-button{font-size:14px;gap:18px}.guide-purpose{padding:36px 0 40px}.guide-goals{gap:10px}.guide-goals>a{padding:17px 14px 32px}.guide-goals h3{font-size:16px}.guide-goals p{font-size:13px}.guide-how{padding-top:36px}.guide-step-nav{display:grid;grid-template-columns:1fr}.guide-step-nav a{padding:10px 12px}.guide-step{grid-template-columns:1fr;gap:24px;padding:38px 0}.guide-step h3{font-size:25px}.guide-step-copy>p{font-size:15px}.guide-step-visual{padding:22px 14px}.guide-step-read .guide-step-visual,.guide-step-mypage .guide-step-visual{padding:22px 10px}.guide-next{margin-top:40px;padding:32px 20px}.guide-next .guide-button{border-radius:18px;text-align:left}.guide-care{margin:36px auto 44px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}