:root{font-family:Segoe UI,Arial,sans-serif;color:#172c3e;background:#f5f7fa;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5vw;background:white;border-bottom:1px solid #dae3eb;gap:24px}.brand{font-size:27px;font-weight:750;text-decoration:none;color:#16384e;line-height:1.2}.brand span{color:#087c83}.brand small{display:block;font-size:12px;font-weight:400;margin-top:7px;color:#667986}select,input{font:inherit;background:white;border:1px solid #c9d5df;border-radius:7px;padding:9px;color:inherit}.layout{display:grid;grid-template-columns:280px 1fr;max-width:1320px;margin:auto;min-height:80vh}aside{padding:38px 24px;border-right:1px solid #dae3eb}aside label{font-size:13px;display:block;margin-bottom:8px}input{width:100%}nav{display:grid;gap:5px;margin-top:26px}nav a{color:#435866;text-decoration:none;padding:10px 13px;border-radius:6px}nav a.active{background:#dceeee;color:#006b73;font-weight:600}nav a:hover{background:#e7eef3}.aside-note{font-size:13px;color:#71828d;margin-top:36px}main{background:white;margin:35px;padding:40px 48px;border-radius:12px;max-width:900px;min-width:0}.eyebrow{font-size:12px;letter-spacing:2px;color:#087c83;font-weight:700}h1{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-1px;margin:22px 0}h2{font-size:21px;margin-top:30px}p,li{max-width:72ch}.lead{font-size:19px;color:#506776}.notice{border-left:3px solid #dea63a;background:#fff8e9;padding:15px 20px;margin:26px 0;color:#66552c}footer{font-size:12px;border-top:1px solid #e3e9ee;margin-top:48px;padding-top:18px;color:#7a8994}article a{color:#087c83}:focus-visible{outline:3px solid #15969e;outline-offset:3px}@media(max-width:760px){header{padding:18px;align-items:start}header label{font-size:12px}.layout{display:block}aside{border-right:0;padding:20px}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.aside-note{display:none}main{margin:0 12px 24px;padding:26px}select{max-width:140px}}

figure{margin:28px 0}figure img{display:block;width:100%;height:auto;border:1px solid #dae3eb;border-radius:8px}figcaption{font-size:12px;color:#667986;margin-top:8px}ol li{padding-left:5px;margin-bottom:12px}

/* Use the available viewport width for the layout and article text. */
#article p,#article li{max-width:none;overflow-wrap:break-word}
#article{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:25.6px;letter-spacing:0;color:#1B1B2C;font-weight:400}
#article p,#article li{font-size:16px;line-height:25.6px;font-weight:400}
#article .lead{color:inherit;font-size:16px;line-height:25.6px}
.brand{color:#d71920}.brand span{color:#000}.brand small{color:#667986}
.nav-divider{border:0;border-top:1px solid #c9d5df;width:100%;margin:10px 0;grid-column:1 / -1}
nav details{min-width:0}nav summary{padding:10px 13px;cursor:pointer;font-weight:600;color:#435866}nav details a{display:block;margin-left:12px;font-size:14px}nav a{overflow-wrap:anywhere}
.layout{width:100%;max-width:none;grid-template-columns:280px minmax(0,1fr)}
main{max-width:none;margin:clamp(16px,2vw,35px);padding:clamp(26px,3vw,48px)}
header{padding-left:24px;padding-right:clamp(24px,3vw,48px)}
figure img{width:auto;max-width:100%}
@media(max-width:760px){main{margin:0 12px 24px;padding:26px}header{padding:18px}}
.mobile-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin:28px 0}
.mobile-gallery figure{flex:0 1 280px;width:280px;max-width:100%;margin:0}
.mobile-gallery figure img{width:100%;height:auto}
.mobile-gallery{justify-content:center}
.mobile-gallery figcaption{text-align:center;font-size:14px;color:#1b1b2c}
.mobile-platform-label{display:block;text-align:center;font-size:16px;margin:0 0 10px}
.mobile-gallery figure a{display:flex;justify-content:center;align-items:flex-start}
.mobile-gallery figure img{height:480px;width:auto;max-width:100%;object-fit:contain}
@media(max-width:400px){.mobile-gallery figure img{height:400px}}

.step-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:5px 0 14px;font-size:0.9em}.step-links a::before{content:"→ ";}

