.guide-index{padding-block:100px 120px}.guide-heading{max-width:850px;margin-bottom:60px}.guide-heading h1{letter-spacing:-.055em;margin:20px 0 28px;font-size:clamp(48px,6vw,82px);line-height:1.08}.guide-heading em{color:#c35d53;font-style:normal}.guide-heading>p{color:#526178;max-width:660px;font-size:21px;line-height:1.7}.guide-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.guide-card{color:inherit;background:#fff;border:1px solid #e3e8ee;border-radius:26px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.guide-card:hover{border-color:#8aa3bf;transform:translateY(-4px)}.guide-card:focus-visible{outline-offset:5px;outline:3px solid #2458da}.guide-card-art{background:#eef3f9;justify-content:center;height:280px;padding:26px;display:flex;overflow:hidden}.guide-handyreader .guide-card-art{background:#f9ede9}.guide-protune .guide-card-art{background:#f0edf8}.guide-joinly .guide-card-art{background:#eaf3ff}.guide-card-art img{object-fit:contain;filter:drop-shadow(0 10px 14px #182f4920);width:100%;height:100%}.guide-card-copy{flex-direction:column;flex:1;padding:30px;display:flex}.guide-card h2{letter-spacing:-.025em;margin:14px 0;font-size:26px;line-height:1.3}.guide-card p{color:#526178;margin:0 0 26px;line-height:1.7}.guide-link{margin-top:auto;font-weight:700}.guide-link span{float:right}.guide-article{padding-block:60px 100px}.guide-back{color:#526178;margin-bottom:45px;display:inline-block}.guide-article-heading{max-width:900px}.guide-article-heading h1{letter-spacing:-.045em;text-wrap:balance;margin:20px 0 26px;font-size:clamp(40px,5vw,68px);line-height:1.12}.guide-article-heading>p{color:#526178;font-size:21px;line-height:1.7}.guide-byline{color:#66768a;gap:14px;margin:25px 0 50px;font-size:14px;display:flex}.guide-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:70px;display:grid}.guide-prose>section{margin-bottom:40px}.guide-step{color:#8a6268;letter-spacing:.1em;font-size:13px;font-weight:700}.guide-prose h2{letter-spacing:-.02em;margin:10px 0 18px;font-size:28px;line-height:1.3}.guide-prose p{color:#44546a;font-size:17px;line-height:1.85}.guide-aside{background:#f7f9fc;border:1px solid #e3e8ee;border-radius:24px;padding:24px;position:sticky;top:105px}.guide-aside figure{margin:0}.guide-aside img{object-fit:contain;width:100%;height:auto;max-height:510px;display:block}.guide-aside figcaption{color:#59697e;margin:20px 0;font-size:13px;line-height:1.6}.guide-aside .button{justify-content:space-between;width:100%}.guide-faq{border-top:1px solid #e0e7ee;padding-top:28px}.guide-faq h3{margin-top:28px;font-size:19px}.guide-source a{text-underline-offset:3px;text-decoration:underline}.guide-notice{background:#fff8ea;border-left:3px solid #c38d30;margin:0 0 40px;padding:22px 26px;line-height:1.7}.guide-related{border-top:1px solid #e0e7ee;margin-top:70px;padding-top:35px}.guide-related h2{margin-bottom:25px;font-size:28px}.guide-related a{border-bottom:1px solid #e9edf3;justify-content:space-between;gap:24px;padding:18px 0;font-size:18px;display:flex}.product-guide{border-top:1px solid #e3e8ee;border-bottom:1px solid #e3e8ee;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:32px;margin-block:70px;padding-block:34px;display:grid}.product-guide h2{margin:0 0 12px;font-size:25px;line-height:1.3}.product-guide p{color:#526178;margin:0;line-height:1.7}.product-guide .quiet-link{white-space:nowrap}@media (width<=800px){.guide-index{padding-block:60px 80px}.guide-grid{gap:20px}.guide-card-copy{padding:22px}.guide-body{grid-template-columns:1fr;gap:30px}.guide-aside{grid-row:1;position:static}.guide-aside img{max-height:350px}.guide-article-heading>p{font-size:18px}.product-guide{grid-template-columns:1fr;gap:18px}}@media (width<=560px){.guide-grid{grid-template-columns:1fr}.guide-card-art{height:250px}.guide-heading h1{font-size:46px}.guide-heading>p{font-size:18px}.guide-article{padding-top:35px}.guide-article-heading h1{font-size:38px}.guide-byline{margin-bottom:30px}.guide-prose h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}