.detail-lead{font-size:20px;max-width:800px;color:var(--muted);margin-top:28px;line-height:1.8}.detail-note{font-size:13px;color:var(--muted);margin-top:28px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:50px 0}.detail-grid h3{font-size:23px;margin-bottom:15px}.detail-grid p{font-size:16px;color:var(--muted)}.detail-conditions{padding:32px;background:#edf3f9;border-radius:16px;max-width:920px}.detail-conditions h2{font-size:28px}.detail-conditions li{margin:12px 0}.detail-example{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center;padding-top:0}.detail-example p{margin:22px 0}.detail-example img{border-radius:14px;border:1px solid var(--line)}.duo-detail{background:#202936;color:#f4f6f9}.duo-detail h1{max-width:950px}.duo-detail .eyebrow,.duo-detail .detail-lead,.duo-detail .detail-note{color:#bfcede}.duo-stage{display:flex;align-items:end;gap:5%;margin:55px 0 25px}.duo-closed{width:22%;flex:none}.duo-open{flex:1;min-width:0}.outer{aspect-ratio:1574/2194}.outer .device-screen img{left:5.590851%;top:3.646308%;width:88.818297%;height:92.707384%}.duo-stage figcaption{margin:24px 12px 0;font-size:13px;color:#b5c4d5;display:flex;gap:16px}.duo-stage figcaption strong{color:white}.case-article{max-width:1000px}.case-article>h2{margin:50px 0 20px;font-size:30px}.case-article p{margin:22px 0}.case-article figure{margin:35px 0}.case-article a:not(.brand){color:var(--blue);text-decoration:underline}.case-article figcaption{font-size:13px;margin-top:15px;color:var(--muted)}.case-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0}.case-steps dt{font-weight:600}.case-steps dd{margin:12px 0;color:var(--muted)}.case-explanation{display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-explanation h2{font-size:27px}.case-article li{margin:12px 0}.case-method{font-size:14px;color:var(--muted)}
@media(max-width:800px){.detail-grid{gap:25px}.detail-example,.case-explanation{grid-template-columns:1fr;gap:30px}.detail-example h2{font-size:34px}.duo-stage figcaption{display:block;font-size:12px}.duo-stage figcaption span{display:block}.duo-closed{width:26%}.detail-grid h3{font-size:21px}}
@media(max-width:600px){.detail-grid,.case-steps{grid-template-columns:1fr;margin:32px 0}.detail-lead{font-size:17px}.detail-conditions{padding:23px}.detail-conditions ul{padding-left:20px}.duo-stage{display:grid;grid-template-columns:1fr}.duo-open{grid-row:1}.duo-closed{width:48%;margin:25px auto 0}.duo-stage figcaption{margin-top:10px}.detail-note{font-size:12px}.case-article h1{font-size:37px}}