@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f6f5ef;--paper:#fffefa;--ink:#242e29;--muted:#5f685b;--line:#dddfd5;--orange:#ef663e;--mint:#d8edcf;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}button{border:0;background:none}main,.site-header,footer{max-width:1020px;margin:auto}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:1px}.brand-symbol{font-size:35px;line-height:1;color:var(--orange)}.header-tag{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px}.header-tag i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7c9d6b;flex:none}.hero{padding:64px 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px}.tiny-star{color:var(--orange);font-size:16px;margin-right:8px}h1{font-size:58px;font-weight:800;letter-spacing:-3px;line-height:1.28;margin:24px 0;position:relative}h1 span{color:var(--orange)}.title-star{margin-left:8px;color:var(--orange);transform:rotate(10deg)}.hero-description{color:var(--muted);font-size:15px;line-height:1.9}.hero-meta{display:flex;gap:18px;margin-top:33px;font-size:12px;font-weight:700;letter-spacing:1px}.hero-meta span+span{border-left:1px solid #bfc5b9;padding-left:18px}.hero-photo{height:365px;border-radius:20px;overflow:hidden;position:relative;transform:rotate(2deg);background:#ddd}.hero-photo>img{object-position:center 45%}.hero-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#17211ed6);pointer-events:none}.photo-sticker{position:absolute;right:20px;top:20px;border-radius:50%;height:93px;width:93px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--mint);font-weight:800;font-size:14px;text-align:center;line-height:1.25;transform:rotate(10deg)}.photo-sticker span{font-size:20px}.photo-caption{position:absolute;bottom:22px;left:25px;right:25px;z-index:1;display:flex;justify-content:space-between;align-items:end;color:white}.photo-caption .eyebrow{font-size:12px;opacity:.8}.photo-caption h2{font-size:27px;letter-spacing:-1px;margin-top:4px}.photo-count{border:1px solid #ffffff70;border-radius:30px;padding:4px 11px;font-size:12px}.entry-panel{text-align:center;max-width:570px;margin:8px auto 75px;padding:32px 40px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.countdown-label{display:flex;justify-content:center;gap:8px;align-items:center;font-size:14px}.countdown{display:flex;align-items:center;justify-content:center;gap:20px;margin:17px 0 9px;font-variant-numeric:tabular-nums}.countdown div{display:flex;flex-direction:column}.countdown b{font-size:38px;line-height:1.15;letter-spacing:-1px;font-weight:600}.countdown span{font-size:12px;color:var(--muted);margin-top:6px}.countdown em{font-size:25px;font-style:normal;color:#c2c7bd;margin-top:-15px}.announcement-date{color:var(--muted);font-size:12px;margin-bottom:24px}.primary-button{background:var(--orange);color:#fff;width:100%;min-height:56px;padding:14px 22px;border-radius:10px;font-weight:700;display:flex;justify-content:center;gap:35px;align-items:center;transition:background .2s,transform .2s}.primary-button:hover{background:#dc5530;transform:translateY(-1px)}.primary-button span{font-size:23px;line-height:1}.entry-help{font-size:12px;color:var(--muted);margin-top:12px}.connection-status{font-size:14px;color:#b5492d}.section{margin:0 0 76px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-heading .eyebrow{color:var(--muted);margin-bottom:10px}h2{font-size:29px;letter-spacing:-1.2px;font-weight:700;line-height:1.4}.pill{display:inline-flex;gap:7px;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:30px;font-size:12px;white-space:nowrap}.pill b{font-weight:500}.section-description{color:var(--muted);font-size:14px;margin:13px 0 24px}.map-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 30px 18px}.map-top,.map-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:1px}.map-top{border-bottom:1px solid #eceee5;padding-bottom:17px}.number-map{position:relative;height:450px;margin:30px 0 20px}.number-track{position:absolute;top:0;bottom:0;left:50%;width:8px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(#e2ebd5,#aed0a6 50%,#e9c98f)}.number-track:before,.number-track:after{content:'';position:absolute;left:-3px;width:14px;height:14px;border:3px solid var(--paper);box-shadow:0 0 0 1px #b9c6aa;border-radius:50%;background:#7d9a68}.number-track:before{top:-2px}.number-track:after{bottom:-2px}.axis-label{position:absolute;left:calc(50% - 77px);font-size:12px;color:#626d5b;font-variant-numeric:tabular-nums;transform:translateY(-50%)}.axis-start{top:0}.axis-quarter{top:25%}.axis-middle{top:50%}.axis-three{top:75%}.axis-end{top:100%}.map-empty{position:absolute;left:calc(50% + 38px);right:5%;top:34%}.map-empty>span{font-size:40px;color:#9cbf8b;line-height:1.4}.map-empty h3{font-size:15px;line-height:1.8;max-width:180px}.map-empty p{font-size:12px;color:var(--muted);margin-top:8px;max-width:160px}.map-bottom{border-top:1px solid #eceee5;padding-top:15px;letter-spacing:0}.map-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:5px}.map-marker{position:absolute;left:50%;height:28px;min-width:28px;transform:translate(-50%,-50%);z-index:2;padding:4px}.marker-dot{display:block;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #dc6745}.marker-tag{position:absolute;left:30px;top:1px;background:#f7e7df;color:#88452d;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.map-marker:nth-child(even) .marker-tag{left:auto;right:34px;background:#e7efdf;color:#466340}.marker-detail{min-height:45px;text-align:center;font-size:14px;color:#68785b;padding:8px;overflow-wrap:anywhere}.profile-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;margin-top:26px;align-items:center}.detail-main{height:335px;border-radius:15px;overflow:hidden;padding:0;position:relative}.expand{position:absolute;bottom:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#fff9}.outline-star{font-size:48px;color:#adc596}.small-label{font-size:12px;color:var(--orange);font-weight:600}.profile-copy h3{font-size:31px;letter-spacing:-1px;margin:9px 0 15px}.profile-copy>p{color:var(--muted);font-size:14px;line-height:1.95}dl{margin:24px 0 0}dl>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:14px}dt{color:var(--muted)}dd{margin:0;font-weight:600}.family-heading{margin:32px 0 14px;display:flex;align-items:center;justify-content:space-between}.family-heading h3{font-size:15px}.family-heading>span{font-size:12px;color:var(--muted)}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.family-card{padding:0;text-align:left}.family-card img{height:auto;aspect-ratio:1.1;border-radius:10px}.family-card>span{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;margin-top:10px}.family-card small{font-size:12px;color:var(--muted);font-weight:400}.extra-photos{display:flex;gap:20px;justify-content:flex-end;margin-top:8px}.extra-photos button{font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.social-section{border:1px solid #cfdcc5;border-radius:18px;background:#e8efdf;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:32px}.social-section .eyebrow{font-size:12px;color:#596a4c;margin-bottom:10px}.social-section h2{font-size:25px}.social-section p{font-size:12px;color:#5d6855;margin-top:10px}.social-links{display:grid;gap:10px}.social-links a{display:flex;align-items:center;gap:12px;background:#ffffffb8;border-radius:10px;padding:13px 17px;transition:background .2s}.social-links a:hover{background:#fff}.social-links small{display:block;font-size:12px;letter-spacing:1px;color:var(--muted)}.social-links b{font-size:14px;font-weight:600}.social-icon{font-size:27px;width:30px;text-align:center;font-weight:700;line-height:1}.feedle{color:#608153}.instagram{color:#87524c}.arrow{margin-left:auto;font-size:22px}.list-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 12px;max-width:300px}.search-box>span{font-size:22px;color:var(--muted)}.search-box input{border:0;background:none;min-width:0;width:100%;padding:11px 0;font-size:14px;outline:none}.search-box:focus-within{outline:2px solid #9fbd8d}select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:10px;font-size:14px;max-width:160px}#list-count{color:var(--orange);font-size:21px;margin-left:5px}.list-header,.participant-row{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;align-items:center;gap:15px}.list-header{font-size:12px;color:var(--muted);padding:12px 18px;background:#eeefe7;border-radius:8px}.list-header span:nth-child(2){text-align:center}.list-header span:last-child{text-align:right}.participant-row{width:100%;text-align:left;padding:17px 18px;border-bottom:1px solid var(--line);transition:background .2s;min-height:76px}.participant-row:hover{background:#eeefe6}.participant-name{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:600}.participant-name>span:last-child{overflow-wrap:anywhere}.avatar{width:32px;height:32px;border-radius:50%;background:#e2e9d8;color:#657855;display:grid;place-items:center;flex:none;font-size:12px}.participant-row:nth-child(3n+2) .avatar{background:#f3e0d7;color:#9e6449}.participant-row:nth-child(3n) .avatar{background:#e1e7ef;color:#65798f}.participant-number{font-size:20px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.participant-time{font-size:12px;text-align:right;color:var(--muted)}.participant-time small{display:block;font-size:12px;color:#616b5a}.empty-list{text-align:center;padding:40px 20px;color:var(--muted);border-bottom:1px solid var(--line);font-size:14px}.load-more{display:block;margin:18px auto;border:1px solid var(--line);border-radius:7px;padding:10px 35px;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px}.stat-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--paper);min-height:132px}.stat-card:first-child{grid-column:span 2;background:#e8efdf;border-color:#d3dfc8}.stat-card>span{display:block;font-size:12px;color:var(--muted)}.stat-card strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.7px;margin:9px 0 3px;line-height:1.4;overflow-wrap:anywhere}.stat-card small{display:block;font-size:12px;color:#626b5c;overflow-wrap:anywhere}.stats-note{font-size:12px;color:var(--muted);margin-top:12px}.rules-section{border-top:1px solid var(--line);padding-top:35px;margin-bottom:45px}.rules-section .eyebrow{color:var(--muted);margin-bottom:10px}.rules-section h2{font-size:23px}.pickup{display:flex;gap:15px;background:#eee7dd;border-radius:10px;padding:19px 22px;margin:23px 0}.pickup>span{font-size:24px;color:#a67856}.pickup h3{font-size:14px}.pickup p{font-size:12px;color:#6d604e;margin-top:5px}.rules-section ol{padding-left:19px;color:var(--muted);font-size:12px;line-height:1.9}.rules-section li{padding-left:6px;margin:8px 0}footer{border-top:1px solid var(--line);text-align:center;padding:30px 0 40px}footer .brand{justify-content:center;font-size:12px}footer .brand-symbol{font-size:25px}footer p{font-size:12px;color:var(--muted);margin-top:12px}footer>span{font-size:12px;letter-spacing:1.5px;color:#636d5e}.result-card{padding:30px;border:1px solid #cbdcbf;background:#e4eedc;border-radius:18px;margin-bottom:60px;text-align:center}.result-card h2{margin:8px 0}.result-card p{font-size:14px;overflow-wrap:anywhere}.result-card .result-number{font-size:55px;color:var(--orange);font-weight:700}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;width:calc(100% - 32px);max-width:430px;color:var(--ink);background:var(--paper);max-height:90dvh;overflow-y:auto;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#16251eb3;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .eyebrow{color:var(--orange)}.close-button{width:44px;height:44px;font-size:28px;line-height:1;border-radius:50%;background:#eaece3}dialog h2{font-size:27px;margin-top:12px}#form-description{font-size:14px;color:var(--muted);margin:10px 0 25px}form>label{display:block;font-size:14px;font-weight:600;margin-top:17px}form>label>span:not(:last-child){float:right;font-size:12px;color:var(--muted)}form input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:13px 12px;border:1px solid #d6dccf;border-radius:8px;background:#fff;font-size:16px;color:var(--ink)}form input:focus{outline:2px solid #a7c691;outline-offset:1px}form input:disabled{background:#edeee8;color:#818779}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400;line-height:1.7}.checkbox-label input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--orange)}.checkbox-label a{text-decoration:underline}.form-error{font-size:14px;color:#b63f25;min-height:24px;margin:12px 0 5px}.form-footnote{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}#photo-dialog{max-width:850px;background:#18221d;color:#fff;padding:15px}#photo-dialog>img{max-height:72dvh;object-fit:contain;border-radius:10px;height:auto}#photo-dialog .close-button{position:absolute;right:23px;top:23px;background:#ffffffd9;color:var(--ink)}#photo-caption{text-align:center;font-size:14px;padding-top:10px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#263a2f;color:#fff;padding:12px 22px;border-radius:10px;opacity:0;pointer-events:none;z-index:10;transition:.25s;font-size:14px;width:max-content;max-width:90%;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}[hidden]{display:none!important}
@media(max-width:1100px){main,.site-header,footer{margin-left:40px;margin-right:40px}h1{font-size:51px}.hero{gap:30px}.hero-photo{height:340px}.stats-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){body{font-size:14px}main,.site-header,footer{margin-left:22px;margin-right:22px}.site-header{height:74px}.brand{font-size:12px;gap:7px}.brand-symbol{font-size:30px}.header-tag{font-size:12px;gap:7px}.hero{grid-template-columns:1fr;padding:34px 0 30px;gap:28px}.hero-copy{text-align:center}.hero-copy .eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:46px;letter-spacing:-2.8px;margin:18px 0}.title-star{width:31px;height:31px;margin-left:6px}.hero-description{font-size:14px}.hero-meta{justify-content:center;margin-top:20px;font-size:12px}.hero-photo{height:auto;aspect-ratio:1.25;transform:rotate(1.5deg);border-radius:15px;margin:0 3px}.photo-sticker{width:75px;height:75px;font-size:12px;top:15px;right:15px}.photo-caption{left:20px;right:20px;bottom:18px}.photo-caption h2{font-size:25px}.photo-caption .eyebrow{font-size:12px}.entry-panel{margin:3px auto 52px;padding:24px 17px;border-radius:14px}.countdown-label{font-size:12px}.countdown{gap:17px;margin:17px 0 11px}.countdown b{font-size:34px}.countdown em{font-size:20px}.announcement-date{font-size:12px;margin-bottom:20px}.primary-button{min-height:54px;font-size:14px}.entry-help{font-size:12px;line-height:1.7}.section{margin-bottom:49px}.section-heading .eyebrow{font-size:12px;letter-spacing:1.4px;margin-bottom:8px}h2{font-size:23px;letter-spacing:-1px}.pill{font-size:12px;gap:5px;padding:5px 9px}.pill .live-dot{width:5px;height:5px}.section-description{font-size:12px;line-height:1.8;margin:12px 0 20px}.map-card{padding:17px 16px 14px;border-radius:13px}.map-top{font-size:12px;letter-spacing:.7px}.number-map{height:410px;margin:30px 0 25px}.map-empty{left:calc(50% + 25px);right:0}.map-empty>span{font-size:32px}.map-empty h3{font-size:14px}.map-empty p{font-size:12px}.axis-label{left:calc(50% - 62px);font-size:12px}.marker-tag{font-size:12px;max-width:108px;left:25px;padding:4px 6px}.map-marker:nth-child(even) .marker-tag{right:28px}.map-bottom{font-size:12px}.marker-detail{font-size:12px}.outline-star{font-size:36px}.profile-grid{grid-template-columns:1fr;gap:22px;margin-top:20px}.detail-main{height:auto;aspect-ratio:1.25}.profile-copy h3{font-size:27px;margin-bottom:9px}.profile-copy>p{font-size:14px}.profile-copy>p br{display:none}.profile-copy dl{margin-top:17px}.profile-copy dl>div{font-size:14px;padding:12px 0}.family-heading{margin-top:24px}.family-heading h3{font-size:14px}.family-heading>span{font-size:12px}.family-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.family-card>span{font-size:12px}.family-card small{font-size:12px}.extra-photos{justify-content:space-between;gap:8px}.extra-photos button{font-size:12px}.social-section{grid-template-columns:1fr;padding:24px 20px;gap:20px;border-radius:13px}.social-section h2{font-size:23px}.social-section p{font-size:12px}.social-links a{padding:13px 14px}.list-controls{gap:8px}.search-box{flex:1;min-width:0;padding:0 10px}.search-box input{font-size:14px}select{font-size:12px;max-width:125px}.list-header,.participant-row{grid-template-columns:1.25fr .8fr 1.1fr;gap:7px;padding-left:7px;padding-right:7px}.list-header{font-size:12px}.participant-name{gap:7px;font-size:12px}.avatar{width:27px;height:27px;font-size:12px}.participant-number{font-size:17px}.participant-time{font-size:12px}.participant-time small{font-size:12px}.participant-row{min-height:73px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.stat-card{padding:16px;min-height:126px}.stat-card:first-child{grid-column:span 2}.stat-card>span{font-size:12px}.stat-card strong{font-size:25px}.stat-card small{font-size:12px}.stats-note{font-size:12px}.rules-section{padding-top:27px}.rules-section .eyebrow{font-size:12px}.rules-section h2{font-size:21px}.pickup{padding:16px;gap:10px}.pickup h3{font-size:14px;line-height:1.8}.pickup p{font-size:12px}.rules-section ol{font-size:12px;padding-left:14px}.rules-section li{margin:10px 0}footer{padding:27px 0 30px}footer p{font-size:12px}footer>span{font-size:12px}dialog{padding:22px}dialog h2{font-size:25px}.result-card{padding:25px 18px;margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readable text and controls on mobile and desktop. */
.hero-description{font-size:16px;line-height:1.9;color:var(--ink);word-break:keep-all;overflow-wrap:break-word}
.section-description,.profile-copy>p,.social-section p,.pickup p,.rules-section ol{font-size:14px;line-height:1.9}
.entry-help,.announcement-date,.stats-note,.form-footnote,.checkbox-label{font-size:13px;line-height:1.8}
.family-heading{gap:12px;flex-wrap:wrap}.family-heading>span{font-size:12px}
.map-top,.map-bottom{gap:12px;flex-wrap:wrap;letter-spacing:0}
.map-bottom{color:var(--muted)}.axis-label{color:#626d5b}
.participant-time{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.participant-time small{font-size:12px}
.participant-row{min-height:84px}.participant-name{font-size:14px}
.search-box input,select{font-size:16px;min-height:44px}select{max-width:170px}
.stat-card>span,.stat-card small{font-size:13px;line-height:1.75}
.social-links small{font-size:12px}.social-links b{font-size:15px}
.extra-photos button{font-size:12px}.photo-caption .eyebrow{opacity:1}
@media(max-width:700px){
.header-tag{font-size:12px}.brand{font-size:12px;letter-spacing:.5px}
.hero-description{font-size:16px}.hero-copy .eyebrow{font-size:12px;letter-spacing:.5px}
.section-heading .eyebrow{font-size:12px;letter-spacing:1px}.pill{font-size:12px}
.section-heading{flex-wrap:wrap}.social-section .eyebrow,.rules-section .eyebrow{font-size:12px}
.countdown-label{font-size:14px}.countdown span{font-size:12px}
.list-header{font-size:12px}.list-controls{flex-wrap:wrap}.search-box{flex-basis:130px}select{max-width:160px}
.list-header,.participant-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr) minmax(0,1.25fr)}
.family-card>span{flex-wrap:wrap;gap:4px}.family-card small{font-size:12px}
.hero-meta{font-size:12px;letter-spacing:0}.photo-count{font-size:12px}
footer p,footer>span{font-size:12px;letter-spacing:0}
}

.how-to-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.how-to-steps li{display:flex;align-items:flex-start;gap:15px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.step-number{font-size:14px;font-weight:700;color:var(--orange);font-variant-numeric:tabular-nums;line-height:1.8}
.how-to-steps h3{font-size:16px;line-height:1.7;margin-bottom:7px;letter-spacing:-.3px}
.how-to-steps p{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all;overflow-wrap:break-word}
.how-to-steps strong{font-weight:600;color:var(--ink)}.how-to-steps a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.how-to-note{font-size:13px;line-height:1.9;color:var(--muted);margin-top:17px}
@media(max-width:700px){.how-to-steps{grid-template-columns:1fr;gap:12px;margin-top:20px}.how-to-steps li{padding:19px 17px;gap:13px}.how-to-steps h3{font-size:15px}}