@font-face{font-family:Guide;src:url(assets/regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Guide;src:url(assets/semibold.woff2) format('woff2');font-weight:500 800;font-display:swap}
:root{--ink:#15181D;--body:#3A414C;--sub:#5A6270;--mute:#6B7380;--line:#E3E6EB;--edge:#CDD2DA;--bg:#F6F7F9;--soft:#EEF0F2;--surface:#FFFFFF}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--bg);font-family:Guide,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;font-size:15px;line-height:1.6;word-break:keep-all}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit;border:0;background:none;padding:0}
button:disabled{cursor:default}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
img{max-width:100%}
button svg{pointer-events:none}
[hidden]{display:none!important}

/* Top bar */
.topbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar-left{display:flex;align-items:center;gap:20px;min-width:0}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{width:120px;height:auto;display:block}
.section-tabs{display:flex;gap:4px;padding:4px;background:var(--soft);border-radius:10px}
.section-tabs a{padding:7px 14px;border-radius:7px;color:var(--sub);text-decoration:none;font-size:14px;white-space:nowrap}
.section-tabs a[aria-current=page]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(21,24,29,.08)}
.top-actions{display:flex;align-items:center;gap:12px}
.search-label{display:flex;align-items:center;gap:8px;width:260px;height:40px;padding:0 12px;border:1px solid #DDE1E7;border-radius:10px;background:var(--bg);color:var(--mute)}
.search-label:focus-within{border-color:var(--ink)}
.search-label input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--ink)}
.search-label input::placeholder{color:var(--mute)}
.version{font-size:12px;color:var(--mute);white-space:nowrap}
.icon-button{width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:10px;color:var(--body)}
.top-progress{display:none}

/* Table of contents */
.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100dvh - 64px)}
.sidebar{position:sticky;top:64px;height:calc(100dvh - 64px);overflow:auto;background:var(--surface);border-right:1px solid var(--line);padding:22px 16px 28px;scrollbar-width:thin}
.toc-progress{margin:0 8px 12px;font-size:12px;font-weight:600;color:var(--mute)}
.toc-chapter{margin:2px 0}
.toc-chapter.open{background:var(--soft);border-radius:12px;padding:4px 4px 8px}
.toc-head{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;text-align:left;font-size:14px;line-height:1.45;color:var(--body)}
.toc-head:hover{background:var(--soft)}
.toc-head.is-done{color:var(--mute)}
.toc-chapter.open .toc-head{font-weight:600;color:var(--ink)}
.toc-chapter.open .toc-head:hover{background:none}
.toc-mark{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--edge);display:flex;align-items:center;justify-content:center}
.toc-head.is-done .toc-mark{background:var(--ink);border-color:var(--ink);color:#fff}
.toc-chapter.open .toc-mark{border-color:var(--ink);background:radial-gradient(circle,var(--ink) 0 3.5px,transparent 4.5px)}
.toc-chapter-name{flex:1;min-width:0}
.toc-count{font-size:12px;font-weight:500;color:var(--sub);font-variant-numeric:tabular-nums}
.toc-pages{margin-left:17px;padding-left:12px;border-left:2px solid var(--edge);display:flex;flex-direction:column;gap:1px}
.toc-page{display:block;width:100%;padding:6px 8px;border-radius:6px;text-align:left;font-size:13px;line-height:1.5;color:var(--body)}
.toc-page:hover{background:#E2E5E9}
.toc-page[aria-current=page],.toc-page[aria-current=page]:hover{background:var(--ink);color:#fff;font-weight:500}
.toc-results{margin-bottom:18px}
.toc-results h3{font-size:12px;color:var(--mute);font-weight:400;margin:0 8px 6px}
.empty-search{font-size:13px;color:var(--mute);padding:14px 8px}

/* Page */
main{min-width:0;display:flex;flex-direction:column}
article{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 32px 28px}
.mobile-meta{display:none}
h1{margin:0;max-width:760px;font-size:24px;line-height:1.35;font-weight:700;letter-spacing:-.02em;text-align:center}
h1:focus{outline:none}
.stage{display:flex;align-items:center;justify-content:center;gap:40px;max-width:100%}
.nav-button{width:110px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--sub);text-align:center}
.nav-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--edge);background:var(--surface);color:var(--ink);transition:transform .12s}
.nav-button:hover .nav-circle{transform:scale(1.06)}
.nav-button.next{color:var(--ink);font-weight:600}
.next .nav-circle{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 6px 16px rgba(21,24,29,.2)}
.nav-hint{max-width:110px;font-size:12px;font-weight:400;line-height:1.4;color:var(--sub)}
.nav-hint:empty{display:none}
.nav-button:disabled{visibility:hidden}
.visual{display:flex;flex-direction:column;align-items:center;min-width:0}
.photo-stage{position:relative;touch-action:pan-y}

/* Phone with step callouts */
.device{height:min(642px,calc(100dvh - 64px - 150px));min-height:460px;padding:9px;border-radius:36px;background:var(--ink);box-shadow:0 24px 48px rgba(21,24,29,.16)}
.device .screen-wrap{width:fit-content;height:100%;border:0;border-radius:28px}
.device .screen-wrap img{width:auto;height:100%}
.screen-wrap{position:relative;border:1px solid var(--edge);border-radius:16px;overflow:hidden;background:#141516;line-height:0}
.screen-wrap img{display:block;width:100%;height:auto;max-width:none}
.spotlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.spot-dim{fill:rgba(21,24,29,.45)}
.spot-ring{fill:none;stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke}
.callouts{position:absolute;inset:0;margin:0;padding:0 4% 6%;list-style:none;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;line-height:1.45;pointer-events:none}
.callouts.loose-top{justify-content:flex-start;padding:16% 4% 0}
.callout{display:flex;align-items:flex-start;gap:10px;padding:12px 14px 12px 10px;border-radius:12px;font-size:15px;font-weight:700;box-shadow:0 4px 14px rgba(21,24,29,.3)}
.callout.pinned{position:absolute;left:4%;right:4%;background:var(--ink);color:#fff}
.callout.loose{background:var(--surface);color:var(--ink);border:2px dashed var(--ink);font-weight:600}
.callout-no{flex-shrink:0;width:24px;height:24px;margin-top:-1px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#fff;color:var(--ink)}
.callout.loose .callout-no{background:var(--ink);color:#fff}
.capture-pending{width:300px;padding:40px 20px;border:1px dashed var(--edge);border-radius:16px;text-align:center;color:var(--mute);font-size:14px}
.step-list{width:300px;margin:12px 0 0;padding-left:22px;font-size:15px;line-height:1.7}
.cover-montage{display:flex;align-items:center;gap:12px;width:min(560px,60vw);min-height:520px;justify-content:center}
.cover-montage .screen-wrap{width:52%;flex-shrink:0;transform:translateX(20px);z-index:2;border-radius:24px}
.cover-montage .screen-wrap+.screen-wrap{width:43%;transform:translateX(-20px) translateY(44px);z-index:1}
.information-stage{width:min(600px,100%);padding:4px 0 0;line-height:1.85}

/* Below the phone */
.page-meta{margin:0;max-width:760px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;font-size:13px;color:var(--sub);text-align:center}
.lead:not([hidden]):not(.lead-long)+.tip:not([hidden]){padding-left:14px;border-left:1px solid var(--edge)}
.lead-long{flex-basis:100%;max-width:640px;font-size:15px;line-height:1.8;color:var(--body)}
.text-button{padding:8px 0;font-size:13px;color:var(--sub);text-decoration:underline;text-underline-offset:4px}
.photo-caption{margin:0;font-size:12px;color:var(--mute);text-align:center}
.page-more{width:100%;max-width:640px}
.done{margin:12px 0 0;font-size:13px;color:var(--sub);text-align:center}
.done:empty{display:none}
.copy-footer{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--mute)}
.copy-footer a{text-underline-offset:3px}
.copy-footer span:empty{display:none}
.download-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:13px 18px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.download-link span{font-size:17px}
.footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:14px 32px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.footer .text-button{font-size:12px}
.mobile-pager{display:none}

/* Old numbered markers, still used inside help sections */
.annotations{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.annotations .hotspot{fill:rgba(21,24,29,.06);stroke:var(--ink);vector-effect:non-scaling-stroke;stroke-width:1.5px}
.annotations .spot-line{stroke:var(--ink);stroke-width:8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.annotations .spot-circle{fill:var(--ink);stroke:#fff;stroke-width:5}
.annotations text{font-family:Guide,sans-serif;font-size:40px;fill:#fff;font-weight:600;text-anchor:middle;dominant-baseline:central}
.annotations g{pointer-events:bounding-box;cursor:pointer}
.annotations g.active .hotspot{fill:rgba(21,24,29,.15);stroke-width:2.5px}

/* Dialogs and status */
dialog{border:1px solid var(--line);padding:0;color:var(--ink);background:var(--surface);border-radius:16px}
dialog::backdrop{background:rgba(21,24,29,.6)}
.dialog-bar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;padding:10px 12px 10px 20px;background:var(--surface);border-bottom:1px solid var(--line)}
.dialog-bar h2{margin:0;font-size:16px;font-weight:600}
.close{min-width:44px;min-height:44px;font-size:28px;line-height:1}
.toc-dialog{width:min(92vw,520px);max-height:88dvh}
.dialog-tools{display:flex;flex-direction:column;gap:12px;padding:14px 16px 6px}
.dialog-tools .search-label{width:100%;height:44px}
.dialog-tools .section-tabs a{flex:1;text-align:center}
.toc-dialog #mobileToc{padding:8px 12px 20px}
.zoom-dialog{width:min(96vw,800px);max-height:94dvh}
.zoom-dialog #zoomContent{max-width:600px;margin:auto;padding:20px}
.zoom-dialog img{display:block;width:100%;height:auto}
.zoom-dialog p{padding:0 20px 20px;font-size:12px;text-align:center;color:var(--mute)}
.toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:60;max-width:90vw;padding:12px 20px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.toast.visible{opacity:1}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip:focus{position:fixed;top:8px;left:8px;z-index:100;padding:12px;background:#fff}
.noscript{padding:30px}
.page-enter{animation:pagein .18s ease-out}
@keyframes pagein{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}

@media(max-width:1180px){.workspace{grid-template-columns:240px minmax(0,1fr)}.search-label{width:200px}.stage{gap:20px}.nav-button,.nav-hint{width:90px;max-width:90px}}
@media(max-width:960px){.sidebar,.top-actions .search-label,.version{display:none}.workspace{display:block}.icon-button{display:flex}.top-actions{gap:2px}}
@media(max-width:720px){
.topbar{height:56px;padding:0 6px 0 16px}
.topbar .section-tabs{display:none}
.brand img{width:96px}
.top-progress{display:block;position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--line)}
#topProgress{height:100%;width:0;background:var(--ink);transition:width .18s}
article{align-items:stretch;gap:8px;padding:16px 16px 24px}
.mobile-meta{display:block;margin:0;font-size:12px;color:var(--sub)}
h1{margin-bottom:8px;font-size:22px;text-align:left}
.stage{display:block}
.nav-button{display:none}
.visual{align-items:center}
.device{width:min(80vw,300px);height:auto;min-height:0;padding:7px;border-radius:30px}
.device .screen-wrap{width:100%;height:auto;border-radius:23px}
.device .screen-wrap img{width:100%;height:auto}
.callout{gap:8px;padding:10px 11px 10px 8px;font-size:14px}
.callout-no{width:22px;height:22px;font-size:12px}
.cover-montage{width:100%;min-height:420px}
.page-meta{margin-top:8px;justify-content:flex-start;text-align:left}
.done,.photo-caption{text-align:left}
.copy-footer{align-items:flex-start}
.footer{justify-content:flex-start;gap:14px;padding:14px 16px 100px}
.mobile-pager{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 16px max(16px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}
.previous-mobile{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #DDE1E7;border-radius:12px;color:var(--body)}
.previous-mobile:disabled{opacity:.35}
.next-mobile{flex:1;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--ink);color:#fff;font-size:16px;font-weight:600}
.toast{bottom:96px;font-size:12px;white-space:normal;text-align:center;width:max-content}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar{position:static}.sidebar,.nav-button,.mobile-pager,.top-actions,.footer,.copy-footer,.download-link,#zoomOpen{display:none}.workspace{display:block}body{background:#fff}.device{height:auto;width:240px;box-shadow:none}.device .screen-wrap{width:100%;height:auto}.device .screen-wrap img{width:100%;height:auto}dialog{display:none}}

.port-map{margin:22px 0 0;padding:16px;border:1px solid #E3E6EB;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:12px;color:#5A6270}.port-map strong{font-weight:600;color:#15181D}



.settings-help{margin-top:24px;border-top:1px solid #E3E6EB;border-bottom:1px solid #E3E6EB}
.settings-help>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:14px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:600;line-height:1.6}
.settings-help>summary::-webkit-details-marker{display:none}
.settings-help>summary::after{content:'+';font-size:22px;font-weight:400;flex-shrink:0;line-height:1}
.settings-help[open]>summary::after{content:'−'}
.settings-help summary:focus-visible{outline:3px solid #15181D;outline-offset:4px}
.settings-help-content{padding:4px 0 18px}
.settings-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
.settings-help figure{margin:0;min-width:0}
.settings-help figcaption{font-size:12px;line-height:1.7;margin:0 0 12px}
.settings-help figcaption strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.settings-help-photo{position:relative;max-width:270px;margin:0 auto}
.settings-help-photo img{display:block;width:100%;height:auto;border-radius:8px}
.settings-help-photo svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.settings-help-photo rect,.settings-help-photo path{fill:none;stroke:#fff;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #111)}
@media(max-width:620px){.settings-help-grid{grid-template-columns:1fr;gap:24px}.settings-help figcaption{font-size:13px}.settings-help figcaption strong{font-size:14px}.settings-help-photo{max-width:260px}.settings-help>summary{font-size:13px}}

.card-help p,.card-help ol{font-size:13px;line-height:1.85;word-break:keep-all}
.card-help section{padding:18px 0;border-top:1px solid #E3E6EB;margin-top:18px}
.card-help h2{font-size:17px;line-height:1.6;font-weight:600;margin:0 0 12px}
.card-help ol{padding-left:22px;margin:0 0 18px}
.card-help li+li{margin-top:8px}
.card-help .screen-wrap,.installation-help .screen-wrap{max-width:270px;margin:0 auto}
.card-help .annotations g{pointer-events:none;cursor:default}
.installation-help .settings-help-content{display:grid;gap:24px;padding-top:8px}

.installation-help-case+.installation-help-case{border-top:1px solid #E3E6EB;padding-top:24px}
.installation-help-instructions{margin-top:20px}
.installation-help-step{padding-top:18px;margin-top:20px;border-top:1px solid #E3E6EB}
.installation-help-step h3{font-size:15px;line-height:1.65;font-weight:600;word-break:keep-all;margin:0 0 8px}
.installation-help-path{font-size:12px;line-height:1.8;color:#5A6270;margin:0 0 12px;word-break:keep-all}
.installation-help-step ol{font-size:13px;line-height:1.85;padding-left:22px;margin:0 0 18px;word-break:keep-all}
.installation-help-step li+li{margin-top:8px}
.installation-help .annotations g{pointer-events:none;cursor:default}
.installation-help-finish{font-size:13px;line-height:1.85;margin:20px 0 0;word-break:keep-all}

.card-serial-help{margin:0 0 20px}
.card-serial-help figcaption{font-size:13px;line-height:1.85;word-break:keep-all;margin-bottom:12px}
.card-serial-help .settings-help-photo{max-width:none}
.card-serial-help .settings-help-photo rect{stroke:#e7755d;stroke-width:8;filter:drop-shadow(0 1px 2px #111)}

.card-number-help{margin:0 0 20px}
.card-number-help figcaption,.card-number-example{font-size:13px;line-height:1.85;word-break:keep-all;margin:0 0 12px}
.card-number-photo{position:relative}
.card-number-photo img{display:block;width:100%;height:auto;border-radius:8px}
.card-number-photo svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.card-number-photo rect{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke}
.card-number-example{margin-top:12px}
.card-number-example span{display:block}
.card-number-example span:first-child{color:#a23a27}
.card-number-example span:last-child{color:#286294}

.settings-help-grid figure:last-child:nth-child(3){grid-column:1/-1}

.guide-section-nav{display:flex;gap:24px;max-width:1480px;margin:auto;padding:12px 40px;border-bottom:1px solid #E3E6EB;font-size:13px}
.guide-section-nav a{text-decoration:none;color:#5A6270;padding:5px 0}
.guide-section-nav a[aria-current=page]{color:#15181D;font-weight:600;border-bottom:1px solid #15181D}
.guide-entry{max-width:900px;margin:0 auto;padding:72px 40px}
.guide-entry h1{max-width:none;font-size:34px;margin-bottom:40px}
.guide-entry-options{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.guide-entry-options>a{text-decoration:none;border-top:1px solid #CDD2DA;border-bottom:1px solid #CDD2DA;padding:28px 0;color:#15181D}
.guide-entry-options h2{font-size:24px;font-weight:600;margin:0 0 14px}
.guide-entry-options p{font-size:14px;line-height:1.85;word-break:keep-all;color:#5A6270;margin:0 0 26px}
.guide-entry-options span{font-size:13px;font-weight:600}
.guide-entry-options>a:hover{border-color:#15181D}
.guide-entry a:focus-visible,.guide-section-nav a:focus-visible{outline:3px solid #15181D;outline-offset:5px}
@media(max-width:620px){.guide-section-nav{padding:10px 20px;font-size:12px}.guide-entry{padding:40px 20px}.guide-entry h1{font-size:27px;margin-bottom:30px}.guide-entry-options{grid-template-columns:1fr;gap:24px}.guide-entry-options h2{font-size:22px}.guide-entry-options p{font-size:13px}}

.kit-guide-lead{max-width:720px;margin:0 0 40px;color:var(--body);line-height:1.85}
.kit-guide-option{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:28px 0}
.kit-guide-option h2{font-size:24px;font-weight:600;margin:0 0 14px}
.kit-guide-option p{font-size:14px;line-height:1.85;color:var(--sub);margin:0 0 14px}
.kit-guide-option a{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;text-underline-offset:4px}
.kit-guide-help{margin:36px 0 0;color:var(--body)}
.kit-guide-help a{text-underline-offset:4px}
@media(max-width:620px){.kit-guide-lead{font-size:14px;margin-bottom:30px}.kit-guide-option h2{font-size:22px}.kit-guide-option p{font-size:13px}.kit-guide-help{font-size:14px}}

/* Text-only ownership and ongoing-privacy explanations, using the guide's flat layout. */

.information-section{margin:24px 0 0;padding-top:22px;border-top:1px solid #E3E6EB;word-break:keep-all}
.information-section:first-child{margin-top:0}
.information-section h2{font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.025em;margin:0 0 14px}
.information-section p,.information-section dd{font-size:13px;line-height:1.9;color:#5A6270;margin:0 0 12px;overflow-wrap:anywhere}
.information-section dl{margin:0}.information-section dl>div+div{margin-top:18px}
.information-section dt{font-size:14px;line-height:1.8;font-weight:600;margin-bottom:4px}
.information-section dd{margin:0}.page-copy>.steps:empty{display:none}
@media(max-width:620px){.information-stage{padding-top:0}.information-section h2{font-size:18px}.information-section p,.information-section dd{font-size:14px}}

.permission-reason .settings-help-content p{margin:0 0 12px;line-height:1.7}.permission-reason .settings-help-content p:last-child{margin-bottom:0}

/* Drawing shown beside the phone for steps done with the hardware */
.stage-pair{display:flex;align-items:center;gap:20px}
.device.drawing{background:var(--soft);box-shadow:none;border:1px solid var(--line)}
.device.drawing .screen-wrap{background:var(--soft)}
.drawing-callout{top:4%}
@media(max-width:720px){.stage-pair{flex-direction:column;gap:16px}.device.drawing .screen-wrap img{height:340px;object-fit:cover;object-position:50% 100%}}
.info-lead{margin:0 0 24px;font-size:16px;line-height:1.85;color:var(--body)}
.callout{animation:calloutin .22s ease-out}
@keyframes calloutin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}