.guide-page{padding-top:64px;padding-bottom:80px}.guide-page>.page-heading{padding:0 0 40px;margin-bottom:40px}.guide-page>.page-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:24px}.guide-page>.page-heading h1{font-size:42px;line-height:1.4;font-weight:650;letter-spacing:-1.8px;margin-bottom:23px}.guide-page>.page-heading p{font-size:13px;line-height:1.8;color:#8191a9}.guide-stage{display:grid;grid-template-columns:minmax(0,1fr)320px;border:1px solid #d4deec;background:white;scroll-margin-top:24px;min-width:0}.guide-screen-panel{min-width:0;background:#fff}.guide-frame-top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:52px;min-height:52px;padding:0 24px;border-bottom:1px solid #dce5ef;color:#8a9db8;font-size:8px;letter-spacing:1.2px;line-height:18px}.guide-frame-top>span:last-child{font-size:7px;color:#a1aec1;letter-spacing:1px;white-space:nowrap}.guide-screen{background:#0e1b2d;aspect-ratio:16/9;width:100%;min-width:0}.guide-screen video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#0e1b2d}.guide-current{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;min-height:89px;border-bottom:1px solid #dce5ef;border-top:1px solid #dce5ef}.guide-current>div{min-width:0}.guide-current>div>span{display:block;color:#91a5bf;font-size:7px;line-height:16px;letter-spacing:1.2px;margin-bottom:8px}.guide-current strong{font-size:14px;line-height:1.8;font-weight:600;color:#4d6789;letter-spacing:-.3px}.guide-current output{font-size:10px;line-height:18px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#8da0bb}.guide-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:18px;min-height:80px}.guide-controls>div{display:flex;gap:10px;align-items:center}.guide-controls .btn.small{height:44px;min-height:44px;min-width:112px;padding:0 10px}.guide-controls .btn.small .button-label{font-size:10px}.guide-controls .btn.small .button-content{grid-template-columns:12px minmax(0,1fr)12px;gap:6px}.guide-controls .btn.small .button-icon{width:12px}.guide-controls .btn:disabled{opacity:.36;cursor:not-allowed;background:#f5f7fb;color:#8b9bb2;border-color:#dce4ef}.guide-message{margin:0 24px 20px;padding:14px 16px;border:1px solid #ead8cf;background:#fbf4ef;color:#9a7967;font-size:11px;line-height:1.9}.guide-outline{border-left:1px solid #d4deec;min-width:0;position:relative;min-height:0;background:#f8fafd}.outline-inner{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.outline-heading{padding:24px 22px 22px;border-bottom:1px solid #dce5ef;flex-shrink:0;background:#fff}.outline-heading>span{display:block;font-size:7px;line-height:16px;letter-spacing:1.4px;color:#99aac1;margin-bottom:13px}.outline-heading h2{font-size:19px;line-height:1.5;letter-spacing:-.7px;font-weight:600;color:#4b668a;margin:0 0 11px}.outline-heading p{font-size:10px;line-height:1.8;color:#98aac3;margin:0}.outline-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin;scrollbar-color:#becce0 #f1f5fa;background:#f8fafd}.chapter-row{display:grid;grid-template-columns:22px minmax(0,1fr)38px 12px;align-items:center;gap:10px;width:100%;min-height:65px;border:0;border-left:2px solid transparent;border-bottom:1px solid #e0e8f2;padding:15px 17px 15px 15px;background:#f8fafd;text-align:left;font:inherit;border-radius:0;color:#8ba0bc;cursor:pointer;box-sizing:border-box}.chapter-index{font-size:8px;line-height:16px;color:#a2b3ca;font-variant-numeric:tabular-nums;text-align:center}.chapter-text{font-size:11px;line-height:1.8;color:#6f89ac;letter-spacing:-.2px;word-break:keep-all}.chapter-row time{font-size:9px;line-height:18px;font-variant-numeric:tabular-nums;text-align:right;color:#9badc5}.chapter-arrow{font-size:13px;line-height:18px;text-align:center;color:#a1b3ce}.chapter-row:hover{background:#eff4fc}.chapter-row.is-current{border-left-color:#3d6fb7;background:#eaf2fd}.chapter-row.is-current .chapter-text{color:#3b659e;font-weight:600}.chapter-row.is-current .chapter-index,.chapter-row.is-current time,.chapter-row.is-current .chapter-arrow{color:#6b91c6}.chapter-row:focus-visible{outline:2px solid #7198ce;outline-offset:-3px}.outline-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;min-height:52px;border-top:1px solid #d4deec;background:#fff;font-size:9px;line-height:18px;color:#9bacc4;flex-shrink:0}.outline-bottom strong{font-size:9px;font-weight:500;color:#7292ba;font-variant-numeric:tabular-nums}.guide-device-note{font-size:10px;line-height:1.9;color:#98a9c0;text-align:right;margin:15px 0 0}.guide-shortcuts{margin-top:62px}.guide-section-heading{text-align:center;margin-bottom:30px}.guide-section-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px;margin-bottom:22px}.guide-section-heading h2{font-size:29px;line-height:1.5;letter-spacing:-1px;font-weight:600;margin:0;color:#345273}.guide-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d4deec;background:#fff}.guide-shortcut-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 27px;min-width:0}.guide-shortcut-grid>div+div{border-left:1px solid #d4deec}.guide-shortcut-grid>div>span{font-size:7px;line-height:16px;letter-spacing:1.3px;color:#95a8c2;margin-bottom:20px}.guide-shortcut-grid h3{font-size:19px;line-height:1.6;letter-spacing:-.6px;font-weight:600;color:#4d6b8f;margin:0 0 14px}.guide-shortcut-grid p{font-size:11px;line-height:1.95;color:#91a4bf;margin:0 0 25px}.guide-shortcut-grid .btn.small{height:44px;min-height:44px;min-width:174px;margin-top:auto;padding-inline:13px}.guide-shortcut-grid .btn.small .button-label{font-size:10px}.guide-account-note{display:flex;align-items:center;gap:24px;border-top:1px solid #dae3ef;margin-top:28px;padding-top:24px}.guide-account-note>span{font-size:7px;letter-spacing:1.3px;color:#91a3bf;white-space:nowrap}.guide-account-note>p{font-size:11px;line-height:1.8;margin:0;color:#8b9db7}.guide-account-note>a{margin-left:auto;font-size:10px;white-space:nowrap;color:#5c7ba6}.guide-related{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d4deec;background:white;margin-top:55px}.guide-related>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 30px;min-width:0}.guide-related>div+div{border-left:1px solid #d4deec}.guide-related>div>span{font-size:7px;line-height:16px;letter-spacing:1.3px;color:#95a8c2;margin-bottom:20px}.guide-related h2{font-size:23px;line-height:1.5;letter-spacing:-.8px;font-weight:600;color:#4d6b8f;margin:0 0 15px}.guide-related p{font-size:11px;line-height:1.95;color:#91a4bf;margin:0 0 27px}.guide-related .btn{width:230px;min-width:0;height:52px;min-height:52px;margin-top:auto}
@media(max-width:1200px){.guide-stage{grid-template-columns:minmax(0,1fr)290px}.guide-controls{padding:17px 18px;gap:12px}.guide-controls .btn.small{min-width:100px;padding-inline:7px}.guide-controls>div{gap:8px}.guide-frame-top,.guide-current{padding-inline:20px}.chapter-row{grid-template-columns:19px minmax(0,1fr)35px 10px;gap:8px;padding-inline:13px}.chapter-text{font-size:10px}.outline-heading{padding-inline:20px}.outline-heading h2{font-size:18px}}
@media(max-width:1000px){.guide-page{padding-top:48px}.guide-page>.page-heading h1{font-size:36px}.guide-stage{grid-template-columns:1fr}.guide-outline{border-left:0;border-top:1px solid #d4deec;position:static}.outline-inner{position:static;max-height:430px}.outline-heading{padding:23px 24px}.outline-heading h2{font-size:20px}.outline-list{max-height:280px;min-height:160px}.chapter-row{grid-template-columns:25px minmax(0,1fr)42px 16px;gap:14px;min-height:61px;padding:15px 22px}.chapter-text{font-size:12px}.chapter-index{font-size:9px}.chapter-row time{font-size:10px}.guide-controls .btn.small{min-width:125px}.guide-current{padding:22px 24px}.guide-frame-top{padding-inline:24px}.guide-device-note{font-size:10px}.guide-shortcuts{margin-top:48px}.guide-shortcut-grid>div{padding:29px 23px}.guide-shortcut-grid .btn.small{min-width:155px;padding-inline:9px}.guide-related{margin-top:43px}.guide-related h2{font-size:21px}.guide-account-note{gap:18px;flex-wrap:wrap}.guide-account-note>p{font-size:10px}}
@media(max-width:720px){.guide-page{padding-top:39px;padding-bottom:52px}.guide-page>.page-heading{padding-bottom:29px;margin-bottom:28px}.guide-page>.page-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:23px}.guide-page>.page-heading h1{font-size:29px;line-height:1.5;letter-spacing:-1.3px;margin-bottom:20px}.guide-page>.page-heading p{font-size:11px;line-height:1.9}.guide-frame-top{height:46px;min-height:46px;padding:0 16px;font-size:6px;letter-spacing:.7px;gap:10px}.guide-frame-top>span:last-child{font-size:6px;letter-spacing:.5px}.guide-current{padding:18px 19px;min-height:88px;gap:15px;align-items:center}.guide-current>div>span{font-size:6px;letter-spacing:.9px;line-height:14px;margin-bottom:7px}.guide-current strong{font-size:12px;line-height:1.8;letter-spacing:-.2px}.guide-current output{font-size:9px;line-height:18px;white-space:nowrap}.guide-controls{display:grid;grid-template-columns:1fr 1fr;padding:17px 19px;gap:12px}.guide-controls>div{display:contents}.guide-controls .btn.small{width:100%;min-width:0;height:44px;min-height:44px;padding:0 9px}.guide-controls .btn.small>.button-content{grid-template-columns:12px minmax(0,1fr)12px;column-gap:6px}.guide-controls .btn.small .button-label{font-size:10px}.guide-controls .btn.small .button-icon{width:12px;font-size:13px}.guide-message{margin:0 19px 18px;padding:13px 14px;font-size:10px}.outline-inner{max-height:455px}.outline-heading{padding:22px 19px}.outline-heading>span{font-size:6px;letter-spacing:1.2px;margin-bottom:12px}.outline-heading h2{font-size:19px;line-height:1.5;letter-spacing:-.6px;margin-bottom:10px}.outline-heading p{font-size:10px}.outline-list{max-height:290px;min-height:160px}.chapter-row{grid-template-columns:19px minmax(0,1fr)34px 12px;gap:10px;min-height:62px;padding:14px 15px 14px 13px}.chapter-text{font-size:11px;line-height:1.85}.chapter-index{font-size:8px}.chapter-row time{font-size:9px}.chapter-arrow{font-size:12px}.outline-bottom{padding:15px 19px;min-height:48px;font-size:8px}.outline-bottom strong{font-size:8px}.guide-device-note{font-size:9px;line-height:1.9;text-align:center;margin-top:16px}.guide-shortcuts{margin-top:39px}.guide-section-heading{margin-bottom:26px}.guide-section-heading .eyebrow{font-size:7px;margin-bottom:19px}.guide-section-heading h2{font-size:26px;line-height:1.5;letter-spacing:-1px}.guide-shortcut-grid{grid-template-columns:1fr}.guide-shortcut-grid>div{padding:28px 24px}.guide-shortcut-grid>div+div{border-left:0;border-top:1px solid #d4deec}.guide-shortcut-grid>div>span{font-size:7px;margin-bottom:18px}.guide-shortcut-grid h3{font-size:19px;margin-bottom:12px}.guide-shortcut-grid p{font-size:11px;margin-bottom:24px}.guide-shortcut-grid .btn.small{width:100%;max-width:245px;height:44px;min-height:44px;min-width:0;padding-inline:12px}.guide-account-note{margin-top:25px;padding-top:21px;gap:12px 18px;display:grid;grid-template-columns:1fr auto}.guide-account-note>span{font-size:7px;grid-column:1/-1}.guide-account-note>p{font-size:10px;line-height:1.85}.guide-account-note>a{font-size:9px}.guide-related{grid-template-columns:1fr;margin-top:38px}.guide-related>div{padding:29px 24px}.guide-related>div+div{border-left:0;border-top:1px solid #d4deec}.guide-related>div>span{font-size:7px;margin-bottom:18px}.guide-related h2{font-size:21px;line-height:1.6;letter-spacing:-.7px;margin-bottom:14px}.guide-related p{font-size:11px;margin-bottom:24px}.guide-related .btn{width:100%;max-width:245px;height:52px;min-height:52px}}
@media(max-width:360px){.guide-frame-top{font-size:5px;letter-spacing:.4px;padding-inline:13px}.guide-frame-top>span:last-child{font-size:5px}.guide-current{padding-inline:15px;gap:11px}.guide-current strong{font-size:11px}.guide-current output{font-size:8px}.guide-controls{padding:15px;gap:10px}.guide-controls .btn.small{padding-inline:5px}.guide-controls .btn.small>.button-content{grid-template-columns:9px minmax(0,1fr)9px;column-gap:4px}.guide-controls .btn.small .button-label{font-size:9px}.guide-controls .btn.small .button-icon{width:9px}.outline-heading{padding-inline:15px}.outline-heading h2{font-size:18px}.chapter-row{grid-template-columns:16px minmax(0,1fr)31px 10px;gap:8px;padding-inline:11px}.chapter-text{font-size:10px}.chapter-row time{font-size:8px}.outline-bottom{padding-inline:15px}.guide-account-note{grid-template-columns:1fr}.guide-account-note>a{margin-left:0}}