.guide-page{--guide-line:#e4e7eb;--guide-ink:#1e1e1e}.guide-page .header{height:88px}.back-home{font-size:13px}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;letter-spacing:.015em;color:#666;padding-top:26px}.breadcrumbs a:hover,.back-home:hover{text-decoration:underline}.guide-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;padding:52px 0 64px;border-bottom:1px solid var(--guide-line)}.hero-text .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:22px}.hero-text h1{max-width:650px;font-size:52px;line-height:1.13;letter-spacing:-.03em;text-align:left}.hero-text .lead{font-size:18px;line-height:1.6;max-width:600px;margin:23px 0 26px;text-wrap:pretty}.article-meta{font-size:12px;letter-spacing:.015em;margin-top:20px}.guide-scene{height:370px;position:relative;isolation:isolate}.scene-photo{position:absolute;inset:0;background:url('desk-photo-v3.webp?v=dba3c342') -16px -40px/930px auto no-repeat;border-radius:24px;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent)}.guide-paper,.paper-back{position:absolute;left:27%;top:105px;width:265px;height:244px;border-radius:16px}.paper-back{background:#e1e0fc;transform:rotate(-9deg) translate(-8px,4px)}.guide-paper{background:#fff;border:1px solid #eef0f4;padding:23px 24px;transform:rotate(5deg);box-shadow:0 3px 8px #1015250a,0 16px 28px -14px #10152535}.paper-label{display:block;font-size:9px;letter-spacing:.12em;color:#666}.guide-paper strong{display:block;font-size:20px;font-weight:600;line-height:1.25;margin:12px 0 18px}.guide-paper div{font-size:12px;margin-top:9px}.guide-paper i{font-style:normal;color:#0098f2;margin-right:8px}.paper-foot{display:block;border-top:1px solid #eceef1;padding-top:12px;margin-top:16px;font-size:9px;color:#666;letter-spacing:.015em}.reading-layout{display:grid;grid-template-columns:260px minmax(0,710px);gap:78px;justify-content:space-between;padding:54px 0 64px}.toc{align-self:start;position:sticky;top:28px}.toc .eyebrow{color:#666;font-size:10px;letter-spacing:.09em}.toc nav{display:flex;flex-direction:column;gap:3px}.toc nav a{font-size:13px;padding:10px 0;color:#444}.toc nav a:hover{color:#006fae}.toc>p{border-top:1px solid var(--guide-line);margin-top:22px;padding-top:20px;font-size:13px;line-height:1.7}.toc p a{text-decoration:underline;text-underline-offset:4px}.guide-body{min-width:0}.guide-body h2{font-size:29px;line-height:1.2;letter-spacing:-.02em;text-align:left}.guide-body p,.guide-body li{font-size:16px;line-height:1.7;color:#444;text-wrap:pretty}.guide-body p{margin-top:15px}.guide-body a:not(.button){text-decoration:underline;text-underline-offset:4px}.preparation{background:#f7fafc;border-radius:16px;padding:26px 28px;margin-bottom:10px}.preparation h2{font-size:23px}.preparation .note{font-size:14px;color:#666}.step{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:37px 0;border-bottom:1px solid var(--guide-line);scroll-margin-top:25px}.step-number{font-size:13px;color:#0074b8;letter-spacing:.04em;padding-top:6px}.guide-body ul{padding-left:20px;margin:18px 0}.guide-body li{padding-left:5px;margin:12px 0}.guide-body strong{font-weight:600}.choice-list{margin-top:24px;padding-left:20px;border-left:2px solid #cfeafa}.choice-list>div+div{margin-top:22px}.guide-body h3{font-size:17px;line-height:1.4;letter-spacing:0}.choice-list p{margin-top:6px}.guide-body .source-line{font-size:13px;color:#666}.callout{border-radius:16px;padding:22px;background:#fafafa;margin-top:22px}.callout p{font-size:14px;margin-top:8px}.guide-cta{background:#eaf6fd;border-radius:24px;padding:32px;margin:36px 0 44px}.guide-cta .eyebrow{font-size:10px;letter-spacing:.08em;color:#006fae}.guide-cta .button{margin-top:23px;font-size:14px}.guide-cta .example-link{display:block;width:fit-content;margin-top:16px;font-size:13px}.guide-faq h2{margin-bottom:18px}.guide-faq details{border-bottom:1px solid var(--guide-line)}.guide-faq summary{display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:20px 0;font-size:16px;font-weight:500}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{font-size:23px;font-weight:400}.guide-faq details[open] summary span{transform:rotate(45deg)}.guide-faq details p{margin:0 0 22px;font-size:15px}.article-sources{margin:38px 0 30px}.article-sources h3{font-size:14px}.article-sources p{font-size:13px;color:#666}.article-sources>a{display:block;font-size:13px;margin-top:12px}.back-materials{font-size:14px}.guide-footer{border-top:1px solid var(--guide-line);padding-top:28px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-footer p,.guide-footer>a:not(.logo){font-size:12px}.guide-footer .logo{font-size:21px}.guide-page section[id],#instruction{scroll-margin-top:28px}@media(max-width:1000px){.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}.hero-text h1{font-size:43px}.guide-paper,.paper-back{left:10%;width:245px}.guide-scene{height:330px}.guide-footer p{display:none}}@media(max-width:700px){.guide-page .shell{width:calc(100% - 40px)}.guide-page .header{height:76px;gap:16px}.guide-page .header nav{display:none}.guide-page .logo{font-size:21px}.back-home{font-size:12px}.breadcrumbs{padding-top:16px;font-size:11px;gap:7px}.breadcrumbs>span:last-child{display:none}.breadcrumbs>span:nth-last-child(2){display:none}.guide-hero{grid-template-columns:1fr;padding:34px 0 28px;gap:6px}.hero-text .eyebrow{font-size:10px;margin-bottom:18px}.hero-text h1{font-size:36px;line-height:1.15}.hero-text .lead{font-size:16px;margin:20px 0 23px;line-height:1.6}.article-meta{font-size:11px;margin-top:18px}.guide-scene{height:265px;width:min(100%,370px);margin:4px auto 0}.scene-photo{background-size:730px auto;background-position:-15px -45px}.guide-paper,.paper-back{width:225px;height:216px;top:35px;left:25%}.guide-paper{padding:18px 20px}.guide-paper strong{font-size:18px;margin:10px 0 13px}.guide-paper div{font-size:11px;margin-top:8px}.paper-foot{padding-top:9px;margin-top:12px}.reading-layout{display:block;padding:30px 0 40px}.toc{position:static;margin-bottom:32px}.toc nav{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.toc nav a{font-size:12px;padding:8px 0}.toc>p{display:none}.toc .eyebrow{margin-bottom:12px}.preparation{padding:22px}.guide-body h2{font-size:25px}.preparation h2{font-size:22px}.step{grid-template-columns:27px 1fr;gap:10px;padding:28px 0}.guide-body p,.guide-body li{font-size:15px;line-height:1.7}.step-number{font-size:12px}.choice-list{padding-left:14px}.callout{padding:18px}.guide-cta{padding:25px 22px;margin:28px 0 34px}.guide-cta .button{font-size:13px;padding:14px 19px}.guide-faq summary{font-size:15px}.guide-footer{gap:15px}.guide-footer>a:not(.logo){font-size:11px}.guide-body a{overflow-wrap:anywhere}}@media(max-width:360px){.guide-paper,.paper-back{left:18%;width:215px}.hero-text h1{font-size:32px}.toc nav{grid-template-columns:1fr}.guide-cta .button{width:100%;font-size:12px;padding:14px 10px}}
.next-guide{display:block;text-decoration:none!important;background:#fafafa;border-radius:16px;padding:24px;margin:30px 0 24px}.next-guide>span{display:block;font-size:10px;color:#666;letter-spacing:.08em;margin-bottom:10px}.next-guide strong{display:flex;justify-content:space-between;gap:16px;font-size:19px;line-height:1.4}.next-guide b{font-weight:400}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.comparison>div{padding-top:18px;border-top:2px solid #cfeafa}.comparison a{display:block;font-size:14px;margin-top:16px}.library-hero{padding-bottom:46px}.library-start{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.library-start>a:last-child{font-size:13px;text-decoration:underline;text-underline-offset:4px}.topic-nav{display:flex;gap:10px;flex-wrap:wrap;padding:30px 0}.topic-nav a{border:1px solid #e0e4e8;border-radius:100px;padding:11px 17px;font-size:13px}.topic-nav a:hover{background:#f7fafc}.library-group{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;border-top:1px solid #e4e7eb;padding:42px 0 46px}.library-group .eyebrow{margin-bottom:15px;font-size:12px}.library-group h2{font-size:32px;letter-spacing:-.025em;line-height:1.2;text-align:left}.library-group>div>p{font-size:15px;line-height:1.7;margin-top:14px;max-width:340px}.library-link{display:flex;gap:20px;justify-content:space-between;padding:15px 0 22px}.library-link+.library-link{border-top:1px solid #e4e7eb;padding-top:22px}.library-link h3{font-size:20px;line-height:1.35;font-weight:500}.library-link p{font-size:14px;line-height:1.6;margin-top:9px}.library-link>span{font-size:24px}.library-link:hover h3{text-decoration:underline;text-underline-offset:5px}.library-pending{background:#f7fafc;border-radius:16px;padding:24px}.library-pending>span{font-size:10px;letter-spacing:.08em;color:#666}.library-pending p{font-size:15px;line-height:1.7;margin:12px 0 16px}.library-pending a{display:block;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.library-short{padding:36px 0 52px;border-top:1px solid #e4e7eb}.library-short h2{font-size:32px}.library-short .guide-list{width:100%}.library-service{background:#f7fafc;border-radius:24px;padding:38px;margin-bottom:50px}.library-service h2{font-size:32px;text-align:left}.library-service p{margin:16px 0 22px}.library-page .guide-footer{margin-top:0}@media(max-width:700px){.comparison{grid-template-columns:1fr;gap:22px}.library-group{grid-template-columns:1fr;gap:22px;padding:30px 0}.library-group h2{font-size:28px}.library-group .eyebrow{margin-bottom:10px}.library-group>div>p{max-width:none;font-size:14px}.library-link h3{font-size:19px}.library-link p{font-size:14px}.topic-nav{gap:8px;padding:24px 0}.topic-nav a{font-size:12px;padding:9px 12px}.library-start{gap:16px}.library-short h2,.library-service h2{font-size:27px}.library-short .section-top{display:block}.library-short .section-top>p{margin-top:14px}.library-service{padding:26px 22px}.library-service .button{font-size:13px}.next-guide{padding:22px}.next-guide strong{font-size:18px}.library-short .guide-list summary{gap:12px}.library-short .guide-tag{display:none}}

@media(max-width:700px){.guide-scene{height:290px}.guide-paper{height:auto;min-height:230px}.paper-back{height:242px}.breadcrumbs>span:last-child,.breadcrumbs>span:nth-last-child(2){display:inline}}
.guide-paper{height:auto;min-height:244px}@media(max-width:700px){.guide-paper{min-height:230px}}

.guide-cta .prototype-note{font-size:12px;line-height:1.5;color:#5d6872;margin-top:14px;max-width:440px}