:root{--t:#333333;--t2:#6e6e73;--a:#0066cc;--rule:#d2d2d7;--bg:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--t);
font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:17px;line-height:26px;letter-spacing:-0.357px;-webkit-font-smoothing:antialiased}
.wrap{max-width:817px;margin:0 auto;padding:0 40px 100px}
.toc{display:inline-block;color:var(--a);text-decoration:none;font-size:14px;
letter-spacing:-0.154px;padding:28px 0 0}
.toc:hover{text-decoration:underline}
h1{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:40px;line-height:42px;font-weight:500;letter-spacing:0.32px;margin:22px 0 0}
h2{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:32px;line-height:35px;font-weight:500;letter-spacing:0.352px;margin:0}
p{margin:12.75px 0 0}
.task{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;
border-top:1px solid var(--rule);margin-top:40px;padding-top:40px}
.shot{width:100%;max-width:260px;aspect-ratio:9/19.5;border:10px solid #1d1d1f;
border-radius:40px;background:#e8e8ed;display:flex;align-items:center;
justify-content:center;color:#6e6e73;font-size:12px;text-align:center;padding:0 16px;
letter-spacing:normal}
.note{border-top:1px solid var(--rule);margin-top:40px;padding-top:28px}
.note b{font-weight:600}
@media(min-width:768px){
.task{grid-template-columns:280px 1fr;gap:48px}
.task.rev{grid-template-columns:1fr 280px}
.task.rev .media{order:2}
}
.task.noimg{grid-template-columns:1fr}

.guide-next{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);margin-top:40px;padding-top:28px;font-size:17px}
.guide-next a{color:var(--a);text-decoration:none}
.guide-next a:hover{text-decoration:underline}

/* Sypnapse nav clearance */
.wrap { padding-top: 40px; }