:root{--ink:#17343a;--muted:#64777b;--line:#dbe7e6;--wash:#f5f9f8;--mint:#42a99b;--mint-dark:#187468;--mint-pale:#e1f4ef;--shadow:0 16px 40px rgba(25,64,61,.10)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--wash)}
    a{color:inherit} .hero{color:#fff;background:radial-gradient(circle at 80% -35%,#49b7a5 0,transparent 38%),linear-gradient(125deg,#123e42,#1a6b67);padding:64px max(24px,calc((100vw - 1220px)/2)) 56px}.eyebrow{margin:0 0 10px;color:#a8e7db;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:750}.hero h1{max-width:700px;margin:0;font-size:clamp(2.15rem,5vw,4.15rem);line-height:1.04;letter-spacing:-.045em}.hero p{max-width:680px;margin:19px 0 0;color:#d9eeea;font-size:1.05rem}.meta{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.meta span{padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:.86rem}
    .shell{width:min(1220px,100% - 48px);margin:0 auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:38px;padding:34px 0 72px}.toc{position:sticky;top:22px;align-self:start;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(24,67,63,.04);padding:15px}.toc label{display:block;padding:5px 6px 9px;font-size:.73rem;color:var(--muted);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.toc input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;color:var(--ink);font:inherit;outline:none}.toc input:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-pale)}.toc nav{display:grid;gap:3px;margin-top:10px}.toc a{padding:8px 9px;border-radius:9px;text-decoration:none;font-size:.85rem;line-height:1.25}.toc a:hover{background:var(--mint-pale);color:var(--mint-dark)}
    main{min-width:0}.intro{margin:0 0 26px;padding:21px 23px;border-left:4px solid var(--mint);border-radius:0 13px 13px 0;background:var(--mint-pale);color:#275a57}.guide{scroll-margin-top:20px;margin:0 0 30px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.guide-head{padding:28px 30px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f5fbf9)}.guide-kicker{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:var(--mint-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-count{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);color:white;font-size:.73rem}.guide h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);letter-spacing:-.03em;line-height:1.2}.guide-head p{max-width:760px;margin:10px 0 0;color:var(--muted)}.steps{padding:26px 30px 32px;display:grid;gap:28px}.step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}.step-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint-pale);border:1px solid #bfe6dc;color:var(--mint-dark);font-size:.86rem;font-weight:850}.step h3{margin:5px 0 12px;font-size:1.02rem;line-height:1.38}.shot{position:relative;overflow:hidden;border:1px solid #cddbd9;border-radius:13px;background:#edf4f3;box-shadow:0 7px 20px rgba(25,64,61,.08)}.shot img{display:block;width:100%;height:auto}.image-label{position:absolute;top:12px;left:12px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(247,255,253,.94);box-shadow:0 2px 8px rgba(11,44,42,.16);color:var(--mint-dark);font-size:.72rem;font-weight:800;letter-spacing:.03em}.click-marker{position:absolute;z-index:3;width:0;height:0;pointer-events:none}.click-marker:before{content:"";position:absolute;left:-1.2px;top:-1.2px;width:13px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='23' viewBox='0 0 16 23'%3E%3Cpath d='M1.5 1.5 L1.5 17.5 L5.4 13.8 L8.2 20.6 L10.9 19.5 L8.1 12.8 L13.6 12.8 Z' fill='%231d3a37' stroke='%23ffffff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/13px 19px;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35));z-index:1}.click-marker:after{content:"";position:absolute;left:-7px;top:-7px;width:11px;height:11px;border:1.5px solid rgba(46,150,136,.9);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.85);animation:pulse 2.5s infinite}@keyframes pulse{0%,35%{transform:scale(.55);opacity:0}55%{opacity:1}100%{transform:scale(1.15);opacity:0}}.legend{display:flex;align-items:center;gap:9px;margin:10px 0 0;color:var(--muted);font-size:.79rem}.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px var(--mint-pale)}
    .restricted{background:#fbfcfc}.restricted .guide-head{background:linear-gradient(135deg,#fff,#f7f9f9)}.restricted-note{margin:26px 30px 30px;padding:17px 19px;border:1px solid #e2e8e7;border-radius:13px;background:#f7f9f9;color:#53686b}.restricted-note strong{color:var(--ink)}.hidden{display:none}@media(max-width:850px){.hero{padding:50px 24px}.shell{grid-template-columns:1fr;width:min(100% - 32px,760px);padding-top:22px}.toc{position:static}.toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.toc a{border:1px solid var(--line)}.guide-head,.steps{padding-left:20px;padding-right:20px}.restricted-note{margin-left:20px;margin-right:20px}}@media(max-width:520px){.toc nav{grid-template-columns:1fr}.step{grid-template-columns:32px minmax(0,1fr);gap:9px}.step-no{width:29px;height:29px}.steps{gap:22px}.image-label{top:8px;left:8px;font-size:.65rem}}
    /* Fixed cursor points keep the click cue visible on every instructional screenshot. */
    .click-marker{display:block!important;left:var(--x,50%)!important;top:var(--y,50%)!important}.image-label:before{content:"";display:inline-block;width:8px;height:8px;margin:0 6px 1px 0;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(66,169,155,.18)}
    .step-note{margin:-6px 0 12px;max-width:820px;color:#40595a;font-size:.95rem;line-height:1.55}.step-note b{color:var(--ink)}