/* Lamponi inner pages, 2026-10. Served as /assets/lmp-skin-doc.css, on top of lmp-skin.css.
   One file for every core inner page (about, pricing, download, security, privacy, terms, support,
   404, thank-you, install guide). Mobile first: unprefixed rules are the phone layout, min-width
   queries add the editorial left-aligned desktop layout. Written by site/convert_core.py's markup. */

.dc{display:block}
.dc-nw{white-space:nowrap}
.dc-accent{font-style:italic;color:var(--r500)}
html[lang=ja] .dc-accent{font-style:normal}

/* page head extras (title + underline + lead come from .lx-phead) */
.lx-phead .lx-eyebrow{display:block}
.lx-phead .lx-eyebrow+.lx-d{margin-top:14px}
.lx-phead .lx-d{margin-top:0}
.lx-phead .lx-under+.lx-lead{margin-top:22px}
.lx-phead .dc-ctas{margin-top:28px}

/* buttons in a row: centred on phones, left from 768px */
.dc-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media(min-width:768px){.dc-ctas{justify-content:flex-start}}

/* ---------- long documents: about, security, privacy, terms ---------- */
.dc-doc{padding-bottom:56px}
.dc-sec{border-top:1px solid var(--line2)}
.dc-grid{display:grid;gap:14px;padding-block:32px 36px;min-width:0}
.dc-h{font-family:var(--disp);font-weight:400;font-size:clamp(1.45rem,1.2rem + 1vw,2rem);line-height:1.15;letter-spacing:-.015em;margin:0;color:var(--ink);text-wrap:balance}
html[lang=ja] .dc-h{letter-spacing:.02em;font-weight:700;line-height:1.4;font-feature-settings:"palt"}
.dc-n{display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--r500);margin-bottom:10px;font-weight:400}
.dc-body{min-width:0}
.dc-body>:first-child{margin-top:0}
.dc-body>:last-child{margin-bottom:0}
.lx-prose p{margin:0 0 1em}
.lx-prose ul,.lx-prose ol{margin:0 0 1em;padding-left:1.25em}
.lx-prose li{margin:.35em 0}
.lx-prose li::marker{color:var(--r500)}
.lx-prose :is(strong,b){color:var(--ink);font-weight:600}
.lx-prose h3{margin:1.6em 0 .5em}
.lx-prose a{overflow-wrap:anywhere}
.lx-prose dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr)}
.lx-prose dt{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-top:14px;border-top:1px solid var(--line)}
html[lang=ja] .lx-prose dt{text-transform:none;letter-spacing:.04em}
.lx-prose dt:first-child{border-top:0;padding-top:0}
.lx-prose dd{margin:4px 0 14px;color:var(--ink);overflow-wrap:anywhere}
@media(min-width:640px){
  .lx-prose dl{grid-template-columns:minmax(0,11rem) minmax(0,1fr);column-gap:24px}
  .lx-prose dt{padding-block:14px;margin:0}
  .lx-prose dd{padding-block:12px 14px;margin:0;border-top:1px solid var(--line)}
  .lx-prose dt:first-child,.lx-prose dt:first-child+dd{border-top:0;padding-top:0}
}
@media(min-width:1024px){
  .dc-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;padding-block:44px 48px}
  .dc-h{position:sticky;top:96px;align-self:start}
}

/* ---------- closing band (the old yellow end CTA) ---------- */
/* two paper bands never touch: after another band the closing one turns white */
.lx-band+.dc-final{background:var(--bg);border-top:0}
.dc-final{padding-block:80px 88px;text-align:center}
.dc-final-h{font-family:var(--disp);font-weight:400;margin:0 auto;font-size:clamp(2.25rem,1.5rem + 3.4vw,4.75rem);line-height:1.02;letter-spacing:-.025em;max-width:16ch;text-wrap:balance}
html[lang=ja] .dc-final-h{font-weight:700;letter-spacing:.02em;line-height:1.3;word-break:auto-phrase;font-feature-settings:"palt";max-width:20ch}
.dc-final .dc-ctas{margin-top:32px}
.dc-micro{margin-top:16px;font-size:.875rem;color:var(--mute);display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px}
.dc-micro b{font-weight:400}
@media(min-width:768px){
  .dc-final{text-align:left;padding-block:112px 120px}
  .dc-final-h{margin-inline:0}
  .dc-micro{justify-content:flex-start}
}

/* ---------- pricing ---------- */
.dc-page{padding-bottom:72px}
.dc-plans{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.dc-plan{position:relative;min-width:0;display:flex;flex-direction:column;gap:12px}
.dc-tier{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
html[lang=ja] .dc-tier{letter-spacing:.04em}
.dc-flag{position:absolute;top:20px;right:20px;font-size:.75rem;line-height:1.5;color:var(--r700);background:var(--r50);border-radius:999px;padding:2px 9px}
.dc-price{display:flex;align-items:baseline;gap:4px;font-family:var(--disp);font-size:clamp(2.5rem,2rem + 1.4vw,3.25rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}
.dc-price small{font-family:var(--ui);font-size:.9375rem;letter-spacing:0;color:var(--mute)}
.dc-blurb{margin:0;font-size:.9375rem;color:var(--ink2)}
.dc-plan ul{list-style:none;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;font-size:.9375rem;color:var(--ink2)}
.dc-plan li{position:relative;padding-left:24px;line-height:1.5}
.dc-plan li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:1.5px solid var(--r500);border-bottom:1.5px solid var(--r500);transform:rotate(-45deg)}
.dc-spacer{flex:1 1 auto;min-height:4px}
.dc-plan [data-lmp-trial]{margin:0;font-size:.8125rem;line-height:1.45;color:var(--mute)}
.dc-plan .lx-btn{width:100%;margin-top:4px}
@media(min-width:640px){.dc-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.dc-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1240px){.dc-plans{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* FAQ (pricing) */
.dc-faq{display:grid;gap:24px;padding-block:72px 88px;border-top:1px solid var(--line)}
.dc-faq-h{text-align:center}
.dc-faqlist summary{text-align:left}
.dc-faqlist details>div p{margin:0;padding-bottom:22px;color:var(--ink2);max-width:44rem}
.dc-plus{flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);display:grid;place-items:center;font-family:var(--ui);font-weight:400;font-size:1.125rem;line-height:1;color:var(--ink);transition:transform .32s var(--ease),background-color .32s}
.dc-faqlist details[open] .dc-plus{transform:rotate(45deg);background:var(--r50)}
@media(min-width:768px){.dc-faq-h{text-align:left}}
@media(min-width:1024px){.dc-faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;padding-block:96px}}

/* ---------- download ---------- */
.dc-dl-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.dc-dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.dc-dl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dc-dl-card{display:flex;flex-direction:column;gap:6px;min-width:0}
.dc-dl-card h3{font-family:var(--disp);font-weight:400;font-size:1.375rem;line-height:1.2;letter-spacing:-.01em;margin:0;color:var(--ink)}
html[lang=ja] .dc-dl-card h3{font-weight:500;letter-spacing:.01em}
.dc-dl-card p{margin:0 0 14px;font-family:var(--mono);font-size:.75rem;color:var(--mute);letter-spacing:.02em}
.dc-dl-card .lx-btn{margin-top:auto;width:100%;white-space:normal;text-align:center;line-height:1.25;padding-block:10px}
.dc-dl-note{margin:18px 0 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.02em;color:var(--mute);text-align:center}
@media(min-width:768px){.dc-dl-note{text-align:left}}

.dc-steps{padding-block:72px 80px}
.dc-band-h{text-align:center;max-width:20ch;margin-inline:auto}
.dc-plat{margin-top:44px}
.dc-plat-h{margin:0 0 6px;text-align:center}
.dc-plat-note{margin:12px auto 0;max-width:46rem;padding:14px 16px;border-radius:12px;background:var(--r50);color:var(--ink2);font-size:.9375rem;line-height:1.6}
.dc-stepgrid{margin-top:18px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.dc-step{min-width:0;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line2);padding:22px}
.dc-step .dc-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--r50);color:var(--r700);margin:0 0 12px;letter-spacing:0}
.dc-step h3{font-family:var(--ui);font-weight:600;font-size:1.0625rem;line-height:1.35;margin:0 0 6px;color:var(--ink)}
.dc-step p{margin:0;font-size:.9375rem;color:var(--ink2);line-height:1.6}
.dc-step b{color:var(--ink);font-weight:600}
@media(min-width:768px){
  .dc-steps{padding-block:96px 104px}
  .dc-band-h,.dc-plat-h{text-align:left;margin-inline:0}
  .dc-plat-note{margin-inline:0}
  .dc-stepgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1100px){.dc-stepgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- thank you ---------- */
.dc-ty{padding-bottom:72px}
.dc-tysteps{margin-top:48px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);text-align:left}
.dc-tystep h3{font-family:var(--disp);font-weight:400;font-size:var(--fs-h3);line-height:1.2;margin:0 0 8px;color:var(--ink)}
html[lang=ja] .dc-tystep h3{font-weight:500}
.dc-tystep p{margin:0;color:var(--ink2);font-size:.9375rem}
.dc-tystep .dc-n{margin-bottom:14px}
.dc-ty-fine{display:block;margin-top:28px}
@media(min-width:768px){.dc-tysteps{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- install guide (ja) ---------- */
.dc-ig{max-width:62rem}
.dc-ig-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;background:var(--paper);box-shadow:var(--win-sh)}
.dc-ig-actions{margin-top:28px}
.dc-ig-alt{margin:16px 0 0;text-align:center;color:var(--ink2);line-height:2}
.dc-ig-alt a{display:inline-block;margin-inline:6px;color:var(--r600);text-underline-offset:3px;white-space:nowrap}
.dc-ig-note{margin:18px auto 0;max-width:44rem;color:var(--ink2);text-align:center}
.dc-ig-note a{color:var(--r600);text-underline-offset:3px;overflow-wrap:anywhere}
.dc-ig .lx-phead{padding-bottom:32px}
@media(min-width:768px){.dc-ig-alt{text-align:left}.dc-ig-alt a:first-of-type{margin-left:0}.dc-ig-note{text-align:left;margin-inline:0}}

/* ---------- support ---------- */
.dc-support{max-width:60rem;padding-bottom:88px}
.dc-support>p{margin:0 0 32px;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.6;color:var(--ink2);max-width:44rem}
.dc-support a{color:var(--r600);text-underline-offset:3px}
.dc-rows{margin:0}
.dc-rows>div{display:grid;gap:6px;padding-block:22px;border-top:1px solid var(--line2)}
.dc-rows dt{font-family:var(--disp);font-size:var(--fs-h3);line-height:1.2;color:var(--ink);letter-spacing:-.01em}
html[lang=ja] .dc-rows dt{font-weight:500;letter-spacing:.01em}
.dc-rows dd{margin:0;color:var(--ink2);line-height:1.7;overflow-wrap:anywhere}
@media(min-width:1024px){.dc-rows>div{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;padding-block:28px}}

/* ---------- 404 ---------- */
.dc-404{padding-bottom:80px}
.dc-e404 .dc-ctas{margin-top:30px}
.dc-e404-links{margin-top:56px;text-align:left}
.dc-e404-links .lx-eyebrow{margin:0 0 6px;text-align:center}
.dc-e404-links ul{list-style:none;margin:0;padding:0;max-width:40rem;margin-inline:auto}
.dc-e404-links li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-block:16px;border-bottom:1px solid var(--line2)}
.dc-e404-links li a{font-family:var(--disp);font-size:1.375rem;color:var(--ink);text-decoration:none}
.dc-e404-links li span{color:var(--mute);font-size:.9375rem}
@media(hover:hover){.dc-e404-links li a:hover{color:var(--r600)}}
@media(min-width:768px){.dc-e404-links .lx-eyebrow{text-align:left}.dc-e404-links ul{margin-inline:0}}

/* billing period toggle (yearly default, 2026-10-17) */
.dc-bill{display:inline-flex;gap:4px;padding:4px;margin:0 0 20px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line2)}
.dc-bill button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:500 .9375rem/1 var(--ui);color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.dc-bill button[aria-pressed=true]{background:var(--ink);color:#fff}
.dc-save{font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--r50);color:var(--r700)}
.dc-bill button[aria-pressed=true] .dc-save{background:var(--r500);color:#fff}
.dc-price{flex-wrap:wrap;row-gap:6px}
.dc-price,.dc-price small{white-space:nowrap}
.dc-was{flex-basis:100%;font-family:var(--ui);font-size:.9375rem;letter-spacing:0;color:var(--mute)}
.dc-billed{margin:-4px 0 0;font-size:.8125rem;line-height:1.45;color:var(--mute)}
@media(min-width:1240px){.dc-price{font-size:clamp(2rem,1.2rem + 1.4vw,2.75rem)}}