/* DearMY 소개 · 사용 가이드 (2026-11-12). /style.css 위에 얹어 씁니다. */
.dm{--dm-accent:#4f46e5;--dm-tint:#f5f4ff;--dm-ink:#171917;--dm-muted:#5b5f70;--dm-line:#e6e4f2;color:var(--dm-ink);word-break:keep-all}
.dm svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dm svg.f{fill:currentColor;stroke:none}
.dm-wrap{max-width:1240px;margin:0 auto;padding-left:clamp(20px,3vw,40px);padding-right:clamp(20px,3vw,40px)}
.dm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 스토어 · 인스타 버튼 */
.dm-stores{display:flex;flex-wrap:wrap;gap:8px}
.dm-store{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;background:#171917;color:#fff;border-radius:12px}
.dm-store:hover{background:#2c2e2b;color:#fff}
.dm-store small{display:block;font-size:10px;opacity:.8;line-height:1.1}
.dm-store b{display:block;font-size:17px;font-weight:600;line-height:1.2}
.dm-store.ig{background:#fff;color:#171917;border:1px solid #e1def5}
.dm-store.ig:hover{background:#f7f6ff;color:#171917}
.dm-store.sm{height:44px;padding:0 16px;font-size:14px;font-weight:600;min-width:148px;justify-content:center}
.dm-stores.hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:600px}
.dm-stores.hero .dm-store{height:58px;padding:0 18px;box-sizing:border-box;min-width:0}
.dm-stores.hero .dm-store svg{width:22px;height:22px}
.dm-stores.hero small{font-size:11px;font-weight:500}
.dm-stores.hero b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-stores.hero .dm-store>span{min-width:0}
@media(max-width:560px){.dm-stores.hero{grid-template-columns:1fr;max-width:none}}

/* 히어로 */
.dm-hero{background:var(--dm-tint)}
.dm-hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.dm-hero-text{flex:1 1 460px;min-width:0}
.dm-app{display:flex;align-items:center;gap:14px;margin:40px 0 24px}
.dm-app img{width:64px;height:64px;border-radius:16px;background:#fff;box-shadow:0 1px 0 #e1def5}
.dm-app p{margin:0}
.dm-hero h1{margin:0;font-size:clamp(36px,4.6vw,60px);line-height:1.24;letter-spacing:-.05em;font-weight:700}
.dm-hero h1 span{color:var(--dm-accent)}
.dm-lead{margin:24px 0;max-width:520px;font-size:18px;line-height:1.8;color:var(--dm-muted)}
.dm-tags{margin:0 0 32px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.dm-tags a{display:inline-block;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e1def5}
.dm-tags a:hover{border-color:var(--dm-accent);color:var(--dm-accent)}
.dm-guide-link{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;border-bottom:2px solid var(--dm-accent);padding-bottom:6px}
.dm-hero-visual{flex:1 1 460px;min-width:0;position:relative;height:640px;display:flex;justify-content:center}
.dm-hero-phone{position:relative;margin-left:120px;border-radius:46px;box-shadow:0 30px 60px rgba(40,30,120,.22);height:620px}
.dm-hero-mangle{position:absolute;left:-150px;bottom:-24px;width:170px;height:170px}
.dm-float{position:absolute;box-sizing:border-box;background:#fff;border-radius:22px;padding:18px;box-shadow:0 16px 36px rgba(40,30,120,.14)}
.dm-float p{margin:0}
.dm-float.a{left:max(0px,calc(50% - 300px));top:70px;width:230px;transform:rotate(-2deg)}
.dm-float.b{left:max(0px,calc(50% - 280px));top:330px;width:220px;transform:rotate(1.5deg)}
.dm-mini-row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:14px}
.dm-mini-row .o{width:16px;height:16px;border-radius:9px;border:1.5px solid #b9bccb;flex:none}
.dm-mini-row .t{flex:1}
.dm-badge{font-size:11px;padding:2px 8px;border-radius:999px;white-space:nowrap}

/* 섹션 공통 */
.dm-intro{text-align:center;padding-top:clamp(80px,9vw,130px);padding-bottom:clamp(56px,6vw,80px)}
.dm-eyebrow{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--dm-accent)}
.dm-intro h2{margin:0 auto;max-width:900px;font-size:clamp(34px,4.6vw,62px);line-height:1.22;letter-spacing:-.055em;font-weight:800}
.dm-intro p{margin:24px auto 0;max-width:560px;font-size:18px;line-height:1.8;color:var(--dm-muted)}
.dm-story-in{display:flex;flex-wrap:wrap;gap:clamp(40px,5vw,72px);align-items:center;padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
.dm-story-in.rev{flex-wrap:wrap-reverse}
.dm-story-text{flex:1 1 420px;min-width:0}
.dm-story-visual{flex:1 1 520px;min-width:0;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}
.dm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}
.dm-chip{font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px}
.dm-chip.line{font-size:12px;font-weight:600;padding:6px 11px;background:none;border:1px solid currentColor}
.dm-story h3{margin:0 0 22px;font-size:clamp(34px,4.2vw,56px);line-height:1.22;letter-spacing:-.05em;font-weight:800}
.dm-story-lead{margin:0 0 32px;max-width:480px;font-size:18px;line-height:1.8}
.dm-points{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.dm-points li{border-radius:14px;padding:16px}
.dm-points b{display:block;margin:0 0 4px;font-size:16px}
.dm-points span{display:block;font-size:13px;line-height:1.6}
.dm-dark{background:#0f0e17;color:#f3f2f8}
.dm-dark .dm-story-lead{color:#c9c7d6}
.dm-dark .dm-points li{border:1px solid #2c2a3a}
.dm-dark .dm-points span{color:#a9a6ba}
.dm-pink{background:#fdf6f8}
.dm-pink .dm-story-lead{color:#5b4a52}
.dm-pink .dm-points li{background:#fff}
.dm-pink .dm-points span{color:#6b5a62}
.dm-night{background:#15132b;color:#f1effa}
.dm-night .dm-story-lead{color:#c8c4de}
.dm-night .dm-points li{border:1px solid #3a3560}
.dm-night .dm-points span{color:#a9a4c6}
.dm-cream{background:#fff8e8}
.dm-cream .dm-story-lead{color:#5e5540}
.dm-card{background:#fff;border-radius:22px;padding:20px;color:#171917}
.dm-card p{margin:0}
.dm-list-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f1e6ea;font-size:14px}
.dm-dot{width:10px;height:10px;border-radius:5px;flex:none}
.dm-avatars{display:flex;align-items:center;margin:0 0 12px}
.dm-avatars span{width:34px;height:34px;border-radius:17px;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-size:13px;font-weight:700}
.dm-avatars span:first-child{margin-left:0}

/* ChatGPT 대화 */
.dm-chat{flex:1 1 260px;max-width:320px;display:flex;flex-direction:column;gap:12px}
.dm-chat p{margin:0}
.dm-bubble-me{margin-left:auto!important;max-width:92%;background:#fff;color:#171917;font-size:16px;font-weight:600;line-height:1.55;padding:14px 18px;border-radius:20px 20px 4px 20px}
.dm-bubble-ai{max-width:94%;background:#1d1c29;border:1px solid #2c2a3a;border-radius:20px 20px 20px 4px;padding:16px 18px}
.dm-ev{display:flex;gap:10px;align-items:center;font-size:14px;background:#262536;border-radius:12px;padding:10px 12px;margin-top:8px}
.dm-ev i{width:4px;height:30px;border-radius:2px;flex:none}
.dm-ev small{font-size:12px;color:#a9a6ba}
.dm-saved{align-self:center;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0f0e17;background:#6ee7b7;padding:10px 18px;border-radius:999px}

/* 내일의 소설 */
.dm-novel{position:relative;width:min(440px,100%)}
.dm-novel::before{content:"";position:absolute;inset:18px -14px -18px 14px;border-radius:26px;background:#2a2650;transform:rotate(3deg)}
.dm-novel article{position:relative;background:#fbf7ee;color:#2b2720;border-radius:26px;padding:clamp(26px,3vw,40px);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.dm-novel p{margin:0}
.dm-serif{font-family:'Noto Serif KR',serif}

/* 망글이 고르기 */
.dm-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.dm .dm-picker button{display:block;width:64px;height:64px;padding:4px;border-radius:18px;border:2px solid #efe6cf;background:#fff;cursor:pointer}
.dm .dm-picker button[aria-checked=true]{border-color:#2b2720}
.dm .dm-picker button:focus-visible{outline:2px solid #2b2720;outline-offset:3px}
.dm-picker img{width:100%;height:100%;display:block}
.dm-mprev{--m-ui:#F7A1C4;--m-accent:#F7A1C4;--m-soft:#fdeef4;--m-text:#c2416c;width:min(420px,100%);box-sizing:border-box;background:#fff;border-radius:32px;padding:28px;box-shadow:0 24px 50px rgba(120,90,20,.12)}
.dm-mprev p{margin:0}
.dm-mtext{color:var(--m-text)}

/* 그리고 카드 */
.dm-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.dm-more article{border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:14px}
.dm-more h3{margin:0;font-size:28px;line-height:1.3;letter-spacing:-.04em;font-weight:800}
.dm-more p{margin:0}
.dm-more .vis{margin-top:auto;background:#fff;border-radius:18px;padding:18px}
.dm-ring{width:68px;height:68px;margin:0 auto 6px;border-radius:34px;display:grid;place-items:center}
.dm-ring span{width:52px;height:52px;border-radius:26px;background:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}

/* 인스타 */
.dm-insta{border-radius:32px;background:#fbf4ec;padding:clamp(28px,4vw,52px);display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.dm-toons{flex:2 1 520px;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dm-toons-row{display:flex;gap:14px;width:max-content;padding-bottom:6px}
.dm-toons img{width:190px;height:237px;object-fit:cover;border-radius:16px;display:block}

/* 탭 · 요금 */
.dm-tabs2{margin-top:clamp(72px,8vw,110px);background:var(--dm-tint);padding:clamp(72px,8vw,110px) 0}
.dm-tabs2-head{text-align:center;margin-bottom:40px}
.dm-tabs2-head h2{margin:0 0 14px;font-size:clamp(32px,4vw,52px);line-height:1.24;letter-spacing:-.05em;font-weight:800}
.dm-tabs2-head p:last-child{margin:0;font-size:17px;color:var(--dm-muted)}
.dm-tabbar{max-width:620px;margin:0 auto 48px;background:#111114;border-radius:32px;padding:12px 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;box-shadow:0 24px 50px rgba(40,30,120,.22)}
.dm .dm-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:auto;min-height:72px;padding:6px 0;border:0;border-radius:20px;background:none;color:#8d8d97;font-size:14px;font-weight:600;cursor:pointer;transition:color .15s,background .15s}
.dm .dm-tabbar button:hover{color:#f2f2f5}
.dm .dm-tabbar button[aria-selected=true]{color:#f28db1;background:#1f1f25}
.dm .dm-tabbar button:focus-visible{outline:2px solid #f28db1;outline-offset:2px}
.dm-tabbar svg.i{width:26px;height:26px}
.dm .dm-tabbar button.home{background:none}
.dm-tabbar .home .dot{width:58px;height:58px;border-radius:29px;background:#e89ab6;color:#000;display:grid;place-items:center;transition:box-shadow .15s}
.dm-tabbar .home[aria-selected=true] .dot{box-shadow:0 0 0 4px #111114,0 0 0 6px #f28db1}
.dm-tabbar .home>span:last-child{font-size:0}
.dm-tp{max-width:980px;margin:0 auto;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,64px);align-items:center;justify-content:center}
.dm-tp[hidden]{display:none}
.dm-tp:focus-visible{outline:2px solid var(--dm-accent);outline-offset:8px;border-radius:12px}
.dm-tp-text{flex:1 1 360px;min-width:0}
.dm-tp-k{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--dm-accent)}
.dm-tp h3{margin:0 0 22px;font-size:clamp(30px,3.4vw,44px);line-height:1.25;letter-spacing:-.045em;font-weight:800}
.dm-tp ul{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.dm-tp li{position:relative;padding-left:22px;font-size:17px;line-height:1.6;color:#3c3f49}
.dm-tp li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:4px;background:var(--dm-accent)}
.dm-tp-link{display:inline-block;font-size:15px;font-weight:700;border-bottom:2px solid var(--dm-accent);padding-bottom:4px}
.dm-tv{flex:0 1 380px;width:100%;max-width:380px;box-sizing:border-box;background:#0b0b0d;color:#f2f2f5;border-radius:30px;padding:22px;box-shadow:0 24px 50px rgba(20,15,60,.25);font-size:14px;line-height:1.5}
.dm-tv p{margin:0}
.dm-tv-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700}
.dm-tv-hd img{width:58px;height:58px;margin:-12px -6px -12px 0}
.dm-tv .ph-row{font-size:14px;padding:10px 0}
.dm-tv .ph-ck{width:20px;height:20px;border-radius:10px}
.dm-tv .ph-un{width:17px;height:17px;border-radius:9px}
.dm-book{border-radius:14px;padding:12px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.dm-book small{font-size:11px;opacity:.85}
.dm-book b{font-size:16px;line-height:1.3}
.dm-set{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #222228;font-size:14px}
.dm-set em{font-style:normal;color:#9a9aa5;font-size:13px}
.dm-set i{width:40px;height:24px;border-radius:12px;background:#34343b;position:relative}
.dm-set i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:9px;background:#fff}
.dm-set i.on{background:#e89ab6}
.dm-set i.on::after{left:19px}
.dm-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.dm-plans>div{border:1px solid #e4e6e1;border-radius:16px;padding:32px}
.dm-plans p{margin:0}
.dm-plans ul{margin:0;padding-left:20px;font-size:15px;line-height:2;color:#3c3f49}

/* 앱 화면 목업 */
.ph{width:300px;height:620px;box-sizing:border-box;border-radius:46px;background:#1a1a1d;padding:8px;color:#f2f2f5;flex:none;text-align:left;line-height:1.5}
.ph p{margin:0}
.ph-s{width:100%;height:100%;border-radius:38px;background:#000;overflow:hidden;display:flex;flex-direction:column}
.ph-c{flex:1;min-height:0;padding:30px 14px 0;display:flex;flex-direction:column;gap:10px}
.ph-hd{display:flex;justify-content:space-between;align-items:center}
.ph-back{width:30px;height:30px;border-radius:15px;background:#1c1c20;display:grid;place-items:center;font-size:15px}
.ph-m{width:50px;height:50px;margin:-10px -4px -10px 0}
.ph-chips{display:flex;gap:5px;font-size:10px;align-items:center}
.ph-chip{padding:5px 9px;border-radius:999px;background:#1c1c20}
.ph-chip.on{background:#e89ab6;color:#000;font-weight:700}
.ph-card{background:#1c1c20;border-radius:14px;padding:10px 12px;font-size:11px}
.ph-card-t{display:flex;justify-content:space-between;font-weight:700;margin-bottom:4px!important}
.ph-card-t span{color:#9a9aa5;font-size:9px;font-weight:400}
.ph-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #2a2a30}
.ph-ck{width:16px;height:16px;border-radius:8px;background:#f28db1;display:grid;place-items:center;flex:none}
.ph-ck::after{content:"";width:7px;height:4px;border-left:2px solid #000;border-bottom:2px solid #000;transform:translateY(-1px) rotate(-45deg)}
.ph-un{width:13px;height:13px;border-radius:8px;border:1.5px solid #6b6b75;flex:none}
.ph-done{color:#8d8d97;text-decoration:line-through}
.ph-f{flex:1}
.ph-pill{font-size:9px;padding:2px 7px;border-radius:999px;background:#2a2a30;white-space:nowrap}
.ph-pill.on{background:#f28db1;color:#000;font-weight:700}
.ph-bar{height:6px;border-radius:3px;background:#2a2a30}
.ph-bar i{display:block;height:100%;border-radius:3px;background:#f28db1}
.ph-seg{display:grid;background:#1c1c20;border-radius:12px;padding:3px;font-size:10px;text-align:center}
.ph-seg span{padding:6px 0;color:#b4b4bd}
.ph-seg .on{background:#34343b;border-radius:9px;font-weight:700;color:#f2f2f5}
.ph-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ph-cal .w{font-size:9px;text-align:center;color:#9a9aa5;padding-bottom:4px}
.ph-cal .d{height:50px;border-top:1px solid #1f1f24;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:5px}
.ph-cal .d b{width:20px;height:20px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:600;color:#e6e6ea}
.ph-cal .sun{color:#f07a8a!important}.ph-cal .sat{color:#7aa7ff!important}
.ph-cal .d.sun b{color:#f07a8a}.ph-cal .d.sat b{color:#7aa7ff}.ph-cal .d.out b{color:#55555d}
.ph-cal .d.today b{background:#fff;color:#000}
.ph-cal .d em{font-style:normal;font-size:7.5px;padding:1px 4px;border-radius:4px;color:#fff;max-width:36px;overflow:hidden;white-space:nowrap}
.ph-ev{display:flex;gap:10px;align-items:stretch;background:#1c1c20;border-radius:12px;padding:10px 12px;font-size:11px}
.ph-ev i{width:3px;border-radius:2px;flex:none}
.ph-ev small{font-size:9px;color:#b4b4bd;line-height:1.6}
.ph-ev em{font-style:normal;font-size:9px;color:#9a9aa5}
.ph-nav{display:flex;justify-content:space-around;align-items:center;height:60px;padding:0 6px 8px;border-top:1px solid #1f1f24;font-size:9px;color:#8d8d97}
.ph-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;width:44px}
.ph-nav .on{color:#f28db1}
.ph-nav span.home{width:42px;height:42px;border-radius:21px;background:#e89ab6;color:#000;display:grid;place-items:center}
.ph-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 가이드 */
.dmg-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:48px;padding-bottom:36px;border-bottom:1px solid #e4e6e1}
.dmg-head h1{margin:0 0 12px;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.045em;font-weight:650}
.dmg-crumb{margin:0 0 18px;font-size:13px;color:#626660}
.dmg-body{display:flex;flex-wrap:wrap;gap:40px;padding-top:40px;padding-bottom:120px;align-items:flex-start}
.dm-toc{flex:1 1 220px;max-width:100%;display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:600;position:sticky;top:20px}
.dm-toc p{margin:0 0 10px 14px;font-size:12px;letter-spacing:1.4px;color:#626660}
.dm .dm-toc a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;border-radius:8px}
.dm .dm-toc a:hover{background:#f4f5f1;color:#171917}
.dm .dm-toc a[aria-current=true]{background:#171917;color:#fff}
.dm-toc small{font-size:12px;font-weight:500;opacity:.7}
.dmg-main{flex:999 1 560px;min-width:0}
.dmg-sec{scroll-margin-top:24px}
.dmg-sec+.dmg-sec{margin-top:80px;padding-top:56px;border-top:1px solid #e4e6e1}
.dm-js .dmg-sec{display:none}
.dm-js .dmg-sec.on{display:block;margin-top:0;padding-top:0;border-top:0}
.dmg-sec h2{margin:0 0 12px;font-size:clamp(26px,2.8vw,34px);letter-spacing:-.04em;font-weight:650}
.dmg-sec>p.eb{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:1.4px;color:#566346}
.dmg-sec>p.in{margin:0 0 32px;font-size:16px;line-height:1.8;color:#626660;max-width:640px}
.dmg-cols{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.dmg-items{flex:1 1 380px;min-width:0;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:it}
.dmg-items>li{border:1px solid #e4e6e1;border-radius:10px;padding:20px 22px;counter-increment:it}
.dmg-items h3{margin:0 0 10px;display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:-.02em;font-weight:650}
.dmg-items h3::before{content:counter(it);flex:none;width:28px;height:28px;border-radius:14px;background:#f4f5f1;display:grid;place-items:center;font-size:13px;font-weight:700}
.dmg-plus{margin-left:auto;font-size:11px;font-weight:700;color:#8a1f4b;background:#fbe7ef;padding:4px 9px;border-radius:999px}
.dmg-items ol{margin:0;padding-left:60px;font-size:15px;line-height:1.85;color:#4a4e48}
.dmg-side{flex:0 0 300px;display:flex;justify-content:center}
.dmg-note{width:300px;box-sizing:border-box;background:#f4f5f1;border-radius:12px;padding:24px;font-size:14px;line-height:2;color:#4a4e48}
.dmg-note img{width:120px;height:120px;display:block;margin:0 auto 8px}
.dmg-help{margin-top:56px;background:#f4f5f1;border-radius:8px;padding:28px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.dmg-help p{margin:0}
.dm-btn{display:inline-flex;align-items:center;gap:20px;height:50px;padding:0 22px;background:#23342f;color:#fff;border-radius:5px;font-size:15px}
.dm-btn:hover{background:#34483f;color:#fff}

/* 일본어: 큰 제목은 한 글자가 넓어서 조금 작게, 자간은 덜 좁게 */
html[lang=ja] .dm-story h3,html[lang=ja] .dm-tp h3{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.02em}
html[lang=ja] .dm-intro h2,html[lang=ja] .dm-tabs2-head h2{font-size:clamp(28px,3.8vw,50px);letter-spacing:-.02em}
html[lang=ja] .dm-hero h1{font-size:clamp(32px,4.2vw,54px);letter-spacing:-.02em}
html[lang=ja] .dm-more h3{font-size:24px;letter-spacing:-.02em}

@media(max-width:700px){
  .dm-hero-visual{height:auto}
  .dm-hero-phone{margin-left:0}
  .dm-float,.dm-hero-mangle{display:none}
  .dm-story-visual .dm-chat,.dm-story-visual .dm-cards{max-width:100%}
  .dm-toc{position:static}
  .dmg-items ol{padding-left:22px}
  .dm-more article{padding:24px}
}
@media(prefers-reduced-motion:reduce){.dm *{transition:none!important}}