.sk-usecase-guide{--navy:#19365f;--gold:#e8a838;--ink:#24364b;--muted:#647587;--line:#dce3e9;--paper:#f5f7f9}.sk-usecase-guide *{box-sizing:border-box}.sk-usecase-guide{scroll-padding-top:20px}.sk-usecase-guide{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}.sk-usecase-guide a{color:var(--navy);text-underline-offset:4px}.sk-usecase-guide a,.sk-usecase-guide summary{touch-action:manipulation}.sk-usecase-guide a:focus-visible,.sk-usecase-guide summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.sk-usecase-guide h1,.sk-usecase-guide h2,.sk-usecase-guide h3,.sk-usecase-guide h4,.sk-usecase-guide p,.sk-usecase-guide figure{margin:0}.sk-usecase-guide h1,.sk-usecase-guide h2,.sk-usecase-guide h3,.sk-usecase-guide h4{color:var(--navy)}.sk-usecase-guide img{display:block;width:100%;height:auto}.sk-usecase-guide .wrap{max-width:1200px;margin:0 auto;padding:0 40px}.sk-usecase-guide .skip-link{position:fixed;left:20px;top:-90px;z-index:9;background:#fff;padding:12px}.sk-usecase-guide .skip-link:focus{top:12px}.sk-usecase-guide .crumb{max-width:1200px;margin:auto;padding:20px 40px;font-size:12px;color:var(--muted)}.sk-usecase-guide .crumb a{text-decoration:none}.sk-usecase-guide .hero{padding:30px 0 64px}.sk-usecase-guide .hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:52px;align-items:center}.sk-usecase-guide .purpose{font-size:13px;letter-spacing:.06em;color:var(--muted);margin-bottom:19px}.sk-usecase-guide .hero h1{font-size:clamp(32px,3.25vw,46px);letter-spacing:.025em;line-height:1.55;font-weight:750;text-wrap:pretty}.sk-usecase-guide .lead{font-size:16px;line-height:2;margin-top:24px;max-width:34em}.sk-usecase-guide .hero figure>img{aspect-ratio:5/4;object-fit:cover;border-radius:3px}.sk-usecase-guide .hero figcaption{font-size:11px;color:var(--muted);margin-top:6px;text-align:right}.sk-usecase-guide .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:27px}.sk-usecase-guide .action{background:var(--navy);color:#fff;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:11px 20px;border-radius:3px;font-size:13px;font-weight:650;line-height:1.8}.sk-usecase-guide .action:hover{background:#294d7e}.sk-usecase-guide .secondary{font-size:13px;font-weight:600;padding:10px 0}.sk-usecase-guide .status{border-left:3px solid var(--gold);background:#fffaee;padding:12px 16px;margin-top:22px;font-size:12px;line-height:1.9}.sk-usecase-guide .status strong{font-size:13px}.sk-usecase-guide .status p{margin-top:4px}.sk-usecase-guide .visual-toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sk-usecase-guide .visual-toc .wrap{display:flex;gap:30px;padding-top:19px;padding-bottom:19px;justify-content:space-between}.sk-usecase-guide .visual-toc a{font-size:12px;text-decoration:none;font-weight:600;line-height:1.8}.sk-usecase-guide .visual-toc a:hover{text-decoration:underline}.sk-usecase-guide .visual-section{padding:72px 0;scroll-margin-top:0}.sk-usecase-guide .visual-section.is-reversed{background:var(--paper)}.sk-usecase-guide .visual-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:62px;align-items:center}.sk-usecase-guide .visual-section.is-reversed .artwork{order:2}.sk-usecase-guide .artwork figure{border-radius:4px;overflow:hidden;background:#fff}.sk-usecase-guide .artwork img{aspect-ratio:560/380;object-fit:contain}.sk-usecase-guide .section-number{font-size:13px;font-weight:650;letter-spacing:.08em;color:#a16d13;margin-bottom:12px}.sk-usecase-guide .visual-copy h2{font-size:clamp(24px,2.3vw,31px);line-height:1.65;letter-spacing:.025em;text-wrap:pretty}.sk-usecase-guide .visual-lead{font-size:14px;line-height:1.9;margin-top:10px;color:var(--muted)}.sk-usecase-guide .visual-points{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:18px}.sk-usecase-guide .visual-points li{padding-left:15px;border-left:2px solid var(--gold)}.sk-usecase-guide .visual-points h3{font-size:15px;font-weight:650;line-height:1.7;margin-bottom:3px}.sk-usecase-guide .visual-points p{font-size:14px;line-height:1.85}.sk-usecase-guide .detail-link{font-size:12px;display:inline-block;margin-top:7px}.sk-usecase-guide .visual-detail{margin-top:25px;border-top:1px solid #cfd8e1;font-size:13px}.sk-usecase-guide .visual-detail summary{padding:14px 0 2px;cursor:pointer;color:var(--navy)}.sk-usecase-guide .visual-detail>div{padding-top:14px}.sk-usecase-guide .visual-detail article+article{margin-top:17px}.sk-usecase-guide .visual-detail h4{font-size:13px;margin-bottom:3px}.sk-usecase-guide .visual-detail p{font-size:13px;color:#526578;line-height:1.9}.sk-usecase-guide .section-refs{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:18px;font-size:11px;line-height:1.8}.sk-usecase-guide .section-refs>span{width:100%;color:var(--muted)}.sk-usecase-guide .products{padding:70px 0;background:#f0f4f7}.sk-usecase-guide .products h2,.sk-usecase-guide .faq h2{font-size:28px;line-height:1.6;margin-bottom:30px;letter-spacing:.025em}.sk-usecase-guide .items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.sk-usecase-guide .product-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;padding:22px;border:1px solid #e0e6ec;border-radius:4px}.sk-usecase-guide .product-card:hover{border-color:#acbdcd}.sk-usecase-guide .product-card figure{padding:5px 20px 15px}.sk-usecase-guide .product-card img{height:190px;object-fit:contain}.sk-usecase-guide .reason{font-size:13px;line-height:1.85;color:#637184;margin-top:12px}.sk-usecase-guide .product-card h3{font-size:17px;line-height:1.65;margin:10px 0 18px}.sk-usecase-guide .linktext{font-size:12px;font-weight:650;display:block;margin-top:auto;padding-top:9px;color:var(--navy)}.sk-usecase-guide .consult{max-width:1120px;margin:60px auto;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:34px 40px;background:#faf6eb;border-left:4px solid var(--gold)}.sk-usecase-guide .consult>div{max-width:690px}.sk-usecase-guide .consult h2{font-size:22px;line-height:1.6}.sk-usecase-guide .consult p{font-size:14px;line-height:1.9;margin-top:10px}.sk-usecase-guide .consult .action{flex-shrink:0}.sk-usecase-guide .faq{padding-top:15px;padding-bottom:40px}.sk-usecase-guide .faq details{border-top:1px solid var(--line);font-size:14px}.sk-usecase-guide .faq details:last-child{border-bottom:1px solid var(--line)}.sk-usecase-guide .faq summary{padding:19px 5px;cursor:pointer;font-weight:600;line-height:1.7;color:var(--navy)}.sk-usecase-guide .faq details>p{padding:0 24px 23px;max-width:940px;font-size:14px}.sk-usecase-guide .faq .section-refs{margin:0 24px 20px}.sk-usecase-guide .related{display:flex;flex-wrap:wrap;gap:10px 27px;padding-top:23px;padding-bottom:35px;font-size:13px}.sk-usecase-guide .related p{width:100%;color:var(--muted);font-size:12px}.sk-usecase-guide .sources{padding-bottom:35px;font-size:12px;color:var(--muted)}.sk-usecase-guide .sources summary{cursor:pointer}.sk-usecase-guide .sources details>p{margin-top:14px}.sk-usecase-guide .sources ul{margin:10px 0 0;padding-left:18px}.sk-usecase-guide .sources li{margin:8px 0}.sk-usecase-guide .sources li span{display:block;font-size:11px;margin-top:3px}.sk-usecase-guide .footer-note{border-top:1px solid var(--line);padding:20px 25px;text-align:center;font-size:11px;color:var(--muted)}@media(max-width:850px){.sk-usecase-guide .wrap{padding-left:26px;padding-right:26px}.sk-usecase-guide .crumb{padding:16px 26px}.sk-usecase-guide .hero{padding:18px 0 36px}.sk-usecase-guide .hero-grid{grid-template-columns:1fr;gap:0}.sk-usecase-guide .hero-grid>div{display:contents}.sk-usecase-guide .purpose{order:0;font-size:12px;margin-bottom:13px}.sk-usecase-guide .hero h1{order:1;font-size:34px;margin-bottom:24px}.sk-usecase-guide .hero figure{order:3;max-width:640px;width:100%;margin:0 auto}.sk-usecase-guide .hero figure>img{aspect-ratio:4/3;max-height:430px}.sk-usecase-guide .hero .status{order:2;margin:0 0 22px}.sk-usecase-guide .lead{order:4;font-size:15px;line-height:1.95;margin-top:23px;max-width:none}.sk-usecase-guide .actions{order:5;margin-top:23px}.sk-usecase-guide .visual-toc .wrap{gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.sk-usecase-guide .visual-toc a{font-size:11px}.sk-usecase-guide .visual-section{padding:40px 0 46px}.sk-usecase-guide .visual-grid{grid-template-columns:1fr;gap:0}.sk-usecase-guide .visual-copy{display:contents}.sk-usecase-guide .section-number{order:0;margin-bottom:9px}.sk-usecase-guide .visual-copy h2{order:1;font-size:27px}.sk-usecase-guide .visual-lead{order:2;font-size:14px;margin-top:9px}.sk-usecase-guide .artwork,.sk-usecase-guide .visual-section.is-reversed .artwork{order:3;width:100%;max-width:560px;margin:23px auto 0}.sk-usecase-guide .visual-points{order:4;gap:15px;margin-top:25px;grid-template-columns:1fr}.sk-usecase-guide .visual-detail{order:5;margin-top:22px}.sk-usecase-guide .visual-points h3{font-size:15px}.sk-usecase-guide .visual-points p{font-size:14px}.sk-usecase-guide .products{padding:43px 0}.sk-usecase-guide .products h2,.sk-usecase-guide .faq h2{font-size:25px;margin-bottom:24px}.sk-usecase-guide .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sk-usecase-guide .product-card{padding:17px}.sk-usecase-guide .product-card figure{padding:4px 5px 9px}.sk-usecase-guide .product-card img{height:160px}.sk-usecase-guide .consult{margin:40px 26px;display:block;padding:26px}.sk-usecase-guide .consult .action{margin-top:20px}.sk-usecase-guide .consult h2{font-size:22px}.sk-usecase-guide .faq{padding-top:5px;padding-bottom:26px}}@media(max-width:480px){.sk-usecase-guide .wrap{padding-left:22px;padding-right:22px}.sk-usecase-guide .crumb{padding:15px 22px;font-size:11px}.sk-usecase-guide .hero h1{font-size:30px;line-height:1.6;letter-spacing:.01em;margin-bottom:20px}.sk-usecase-guide .purpose{font-size:11px}.sk-usecase-guide .lead{font-size:14px}.sk-usecase-guide .actions{gap:12px}.sk-usecase-guide .action{font-size:12px;padding:11px 16px}.sk-usecase-guide .secondary{font-size:12px}.sk-usecase-guide .visual-toc .wrap{display:grid;gap:7px}.sk-usecase-guide .visual-toc a{font-size:12px}.sk-usecase-guide .visual-copy h2{font-size:25px}.sk-usecase-guide .visual-lead{font-size:13px}.sk-usecase-guide .section-number{font-size:12px}.sk-usecase-guide .artwork{margin-top:18px}.sk-usecase-guide .visual-points{margin-top:21px}.sk-usecase-guide .visual-points li{padding-left:13px}.sk-usecase-guide .visual-points h3{font-size:15px}.sk-usecase-guide .visual-points p,.sk-usecase-guide .visual-detail p{font-size:13px}.sk-usecase-guide .items{grid-template-columns:1fr}.sk-usecase-guide .product-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0 18px;padding:19px}.sk-usecase-guide .product-card figure{grid-column:1;grid-row:1/4;padding:0;align-self:center}.sk-usecase-guide .product-card img{height:105px}.sk-usecase-guide .product-card .reason{grid-column:2;font-size:12px;margin:0}.sk-usecase-guide .product-card h3{grid-column:2;font-size:16px;margin:8px 0 10px}.sk-usecase-guide .linktext{grid-column:2;font-size:11px;padding-top:0}.sk-usecase-guide .consult{margin:32px 22px;padding:23px}.sk-usecase-guide .consult h2{font-size:21px}.sk-usecase-guide .consult p{font-size:13px}.sk-usecase-guide .faq summary{font-size:13px;padding:17px 1px}.sk-usecase-guide .faq details>p{font-size:13px;padding:0 17px 18px}.sk-usecase-guide .related{gap:10px 20px}.sk-usecase-guide .sources{font-size:11px}.sk-usecase-guide .footer-note{font-size:10px}}.sk-usecase-guide .visual-toc .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 25px}.sk-usecase-guide .visual-toc a{align-self:start}.sk-usecase-guide .visual-points .detail-link{margin-top:4px}@media(max-width:850px){.sk-usecase-guide .visual-toc .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px}}@media(max-width:480px){.sk-usecase-guide .visual-toc .wrap{grid-template-columns:1fr;gap:7px}}.sk-usecase-guide .page-intro{padding-top:32px;padding-bottom:0}.sk-usecase-guide .page-intro p{max-width:60em;font-size:16px;line-height:2;color:#42556b}.sk-usecase-guide .visual-grid{align-items:start;row-gap:30px}.sk-usecase-guide .artwork{align-self:center}.sk-usecase-guide .section-prose{font-size:16px;line-height:2;margin-top:22px;color:#34485e}.sk-usecase-guide .section-prose p+p{margin-top:16px}.sk-usecase-guide .section-support{grid-column:1/-1;order:3}.sk-usecase-guide .section-support .visual-points{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:0}.sk-usecase-guide .section-support .visual-points p{font-size:14px}.sk-usecase-guide .worked-example{margin-top:28px;padding:24px 28px;border-left:3px solid var(--gold);background:#fbf8f0}.sk-usecase-guide .worked-example h3{font-size:17px;margin-bottom:8px;line-height:1.7}.sk-usecase-guide .worked-example p{font-size:15px;line-height:2;max-width:66em}.sk-usecase-guide .visual-detail{margin-top:26px}.sk-usecase-guide .visual-detail>div{max-width:68em}.sk-usecase-guide .visual-detail article+article{margin-top:18px}@media(max-width:850px){.sk-usecase-guide .page-intro{padding-top:26px}.sk-usecase-guide .page-intro p{font-size:15px}.sk-usecase-guide .visual-grid{row-gap:0}.sk-usecase-guide .section-prose{order:4;font-size:15px;line-height:2;margin-top:24px}.sk-usecase-guide .section-support{order:5;margin-top:27px}.sk-usecase-guide .section-support .visual-points{grid-template-columns:1fr;gap:18px}.sk-usecase-guide .section-support .visual-points p{font-size:14px}.sk-usecase-guide .worked-example{padding:21px 22px}.sk-usecase-guide .worked-example h3{font-size:16px}.sk-usecase-guide .worked-example p{font-size:14px}}.sk-usecase-guide{min-width:0}.sk-usecase-guide h1,.sk-usecase-guide h2,.sk-usecase-guide h3,.sk-usecase-guide h4{font-family:inherit;font-weight:700;text-transform:none}.sk-usecase-guide .visual-section,.sk-usecase-guide .section-prose,.sk-usecase-guide .products,.sk-usecase-guide .consult{scroll-margin-top:130px}.sk-usecase-guide a{overflow-wrap:anywhere}.sk-usecase-guide summary{list-style:revert}.sk-usecase-guide summary::marker{color:var(--navy)}
/*# sourceMappingURL=/cdn/shop/t/50/assets/sk-usecase-guide.css.map */