:root { color-scheme: light; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #fff; color: #1a1a1a; font-family: "Noto Sans JP", sans-serif; }
img, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }

/* 見本ページ自体の枠 */
.frame { max-width: 1440px; margin: 0 auto 64px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06); overflow: hidden; }

/* ===== A ===== */
.a { --ink:#1a1a1a; --sub:#5c5f66; --line:#e3e5e8; --soft:#f4f5f7; --navy:#1f2747; font-family: "Noto Sans JP", sans-serif; color: var(--ink); }
.a .en { font-family: "Hanken Grotesk", sans-serif; }
.a header { display: flex; justify-content: space-between; align-items: center; padding: 24px 48px; }
.a header img { height: 26px; width: auto; }
.a nav { display: flex; gap: 28px; font: 500 15px "Hanken Grotesk", sans-serif; }
.a .hero video { width: 100%; aspect-ratio: 2.39/1; object-fit: cover; object-position: 50% 40%; }
.a .lead { padding: 96px 48px 80px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: last baseline; }
.a .lead h1 { font-size: clamp(36px, 5vw, 72px); line-height: 1.3; font-weight: 700; }
.a .lead p { font-size: 16px; line-height: 1.9; color: var(--sub); }
.a .lead .lead-ja { font-size: 18px; color: var(--ink); }
.a .lead .lead-ja span { display: inline-block; }
.a .sec { padding: 0 48px 96px; }
.a .label { font: 500 14px "Hanken Grotesk", sans-serif; color: var(--sub); border-top: 1px solid var(--line); padding-top: 16px; margin-bottom: 32px; display: flex; justify-content: space-between; }
.a .works { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 40px; }
.a .work img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top left; background: var(--soft); }
.a .work img.poster { aspect-ratio: auto; height: auto; object-fit: initial; }
.a .works { align-items: start; }
.a .works.logos { grid-template-columns: repeat(3, 1fr); gap: 32px; }
.a .works.posters { margin-top: 32px; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.a .pframe { display: grid; grid-template-rows: 0fr; container-type: inline-size; background: var(--soft); transition: grid-template-rows .45s ease-out; outline: none; cursor: pointer; }
.a .pframe .pin { min-height: 56.25cqw; overflow: hidden; }
.a .pframe img.poster { display: block; width: 100%; height: auto; aspect-ratio: auto; transform: translateY(-32.5cqw); transition: transform .45s ease-out; }
.a .pframe.f1 img.poster { transform: translateY(-20.3cqw); }
.a .pframe.f2 img.poster { transform: translateY(0); }
.a .pframe:hover, .a .pframe:focus-visible, .a .pframe.open { grid-template-rows: 1fr; }
.a .pframe:hover img.poster, .a .pframe:focus-visible img.poster, .a .pframe.open img.poster { transform: none; }
@media (max-width: 760px) { .a .works.posters { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .a .pframe, .a .pframe img.poster { transition: none; } }
@media (max-width: 760px) { .a .works.logos { grid-template-columns: 1fr; } }
/* 作品欄のロゴカード */
.a .logocard { display: flex; align-items: center; justify-content: center; aspect-ratio: 16/9; background: var(--soft); }
.a .logocard > img { width: 56%; height: auto; aspect-ratio: auto; background: none; }
/* GODMODE ロゴ: godmode-news/src/components/SiteHeader.astro と同じ仕組み・値 */
.a .gm { position: relative; display: block; width: 56%; aspect-ratio: 3/1; }
.a .gm img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; aspect-ratio: auto; background: none; }
.a .gm .mtop { clip-path: inset(25.60% 58.60% 27.20% 41.40%); }
.a .gm.go .mtop { animation: gm-reveal .75s cubic-bezier(0.77,0,0.175,1) .35s forwards; }
@keyframes gm-reveal { to { clip-path: inset(25.60% 2.07% 27.20% 41.40%); } }
.a .gm .box { position: absolute; left: 41.40%; right: 2.07%; top: 25.60%; bottom: 27.20%; overflow: hidden; }
.a .gm .m { position: absolute; inset: 0; transform-origin: left center; transform: scaleX(0); animation: gm-sweep .75s cubic-bezier(0.77,0,0.175,1) forwards; }
@keyframes gm-sweep { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .a .gm .m { animation: none; transform: scaleX(1); } .a .gm.go .mtop { animation: none; clip-path: inset(25.60% 2.07% 27.20% 41.40%); } }

.a .work h3 { font-size: 20px; font-weight: 700; margin: 18px 0 4px; line-height: 1.5; }
.a .work .alt { font: 14px "Hanken Grotesk", sans-serif; color: var(--sub); }
.a .work p { font-size: 15px; line-height: 1.9; color: var(--sub); margin-top: 8px; }
.a .tags { margin-top: 10px; font-size: 13px; color: var(--sub); }
.a .svc { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.a .svc div { padding: 28px 24px 28px 0; }
.a .svc h3 { font: 700 24px "Hanken Grotesk", sans-serif; margin-bottom: 8px; }
.a .svc p { font-size: 15px; line-height: 1.9; color: var(--sub); }
.a .prod { list-style: none; margin-top: 16px; font-size: 14px; line-height: 1.8; color: var(--sub); }
.a .prod li { padding: 12px 0; border-top: 1px solid var(--line); }
.a .prod b { color: var(--ink); font-family: "Hanken Grotesk", sans-serif; font-weight: 600; font-size: 15px; }
.a .ph-k { display: inline-block; }
.a .work h3 .soon { margin-left: 10px; font: 400 12px "Hanken Grotesk", sans-serif; color: var(--sub); }
.a .prod .soon { margin-left: 10px; font-size: 12px; color: var(--sub); }
.a .news li { list-style: none; display: grid; grid-template-columns: 140px 1fr; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.a .news time { font: 14px "Hanken Grotesk", sans-serif; color: var(--sub); }
.a .contact { background: var(--navy); color: #fff; padding: 72px 48px; display: flex; justify-content: space-between; align-items: end; gap: 32px; flex-wrap: wrap; }
.a .contact h2 { font: 700 clamp(28px, 3.2vw, 44px) "Hanken Grotesk", sans-serif; line-height: 1.1; }
.a .btn { display: inline-block; background: #fff; color: var(--navy); font-weight: 700; font-size: 16px; padding: 18px 40px; }
.a footer { padding: 32px 48px; font-size: 13px; color: var(--sub); display: flex; justify-content: space-between; }
.a .reveal { opacity: 0; transform: translateY(12px); transition: opacity .2s ease-out, transform .2s ease-out; }
.a .reveal.on { opacity: 1; transform: none; }



@media (max-width: 760px) {
  .a header, .b1 header, .b2 header { padding: 16px; }
  .a nav, .b1 nav, .b2 nav { gap: 12px; font-size: 12px; }
  .a .lead { grid-template-columns: 1fr; padding: 56px 16px; gap: 20px; }
  .a .sec, .a .contact, .a footer { padding-left: 16px; padding-right: 16px; }
  .a .works, .a .svc { grid-template-columns: 1fr; }
  .a footer { flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }


body{background:#fff}.frame{margin:0 auto;box-shadow:none}.a .reveal{opacity:1!important;transform:none!important}
.a nav .lang{color:var(--sub)}
@media(max-width:760px){.a header{flex-wrap:wrap;row-gap:12px}.a header nav{width:100%;justify-content:space-between;gap:0}}


.a .svc p{margin-bottom:16px}
.a .svc ul{list-style:none;padding:0;margin:0}
.a .svc li{font-size:15px;line-height:1.9;color:var(--ink)}

.a .works.posters{margin-top:0}.a .works.posters + .works.logos{margin-top:48px}
.a a.work{display:block;color:inherit}

/* 段4: craft-floor と日本語組版の手引き */
body{line-break:strict;word-break:normal}
.a h1,.a h2,.a h3{font-feature-settings:"palt";letter-spacing:-0.01em;text-wrap:balance}
::selection{background:#1F2747;color:#fff}
.a a:focus-visible,.a .pframe:focus-visible{outline:2px solid #1F2747;outline-offset:4px}
.a .ctable .v{font-variant-numeric:tabular-nums}

html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.a [id]{scroll-margin-top:24px}

/* 段5 修正 */
.a .contact a:focus-visible{outline-color:#fff}
.a .label h2{font:inherit;margin:0}
.a .work:focus-visible .pframe{grid-template-rows:1fr}
.a .work:focus-visible .pframe img.poster{transform:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.a .hero{position:relative}
.a .vtoggle{position:absolute;right:16px;bottom:12px;background:none;border:0;color:#fff;font:500 13px "Hanken Grotesk",sans-serif;cursor:pointer;padding:8px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.a .vtoggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
::selection{background:var(--navy)}
.a a:focus-visible,.a .pframe:focus-visible{outline-color:var(--navy)}
@media(max-width:760px){.a nav a,.a nav .lang{padding-block:8px;display:inline-block}}

.a .contact{background:transparent;color:var(--ink);padding:0}.a .contact a:focus-visible{outline-color:var(--navy)}.a .e2{padding:200px 48px 150px;border-top:1px solid var(--line)}
.a .e2 .cl{display:inline-block;color:var(--ink)}
.a .e2 .big{display:block;font:700 clamp(40px,4vw,56px)/1 "Hanken Grotesk",sans-serif;letter-spacing:-.01em}
.a .e2 .sm{display:block;margin-top:12px;font-size:14px;color:var(--sub)}
.a footer{font-size:12px}
@media(max-width:760px){.a .e2{padding:96px 16px 72px}}

:root { color-scheme: light; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #fff; color: #1a1a1a; font-family: "Noto Sans JP", sans-serif; }
img, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }

/* 見本ページ自体の枠 */
.frame { max-width: 1440px; margin: 0 auto 64px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06); overflow: hidden; }

/* ===== A ===== */
.a { --ink:#1a1a1a; --sub:#5c5f66; --line:#e3e5e8; --soft:#f4f5f7; --navy:#1f2747; font-family: "Noto Sans JP", sans-serif; color: var(--ink); }
.a .en { font-family: "Hanken Grotesk", sans-serif; }
.a header { display: flex; justify-content: space-between; align-items: center; padding: 24px 48px; }
.a header img { height: 26px; width: auto; }
.a nav { display: flex; gap: 28px; font: 500 15px "Hanken Grotesk", sans-serif; }
.a .hero video { width: 100%; aspect-ratio: 2.39/1; object-fit: cover; object-position: 50% 40%; }
.a .lead { padding: 96px 48px 80px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: last baseline; }
.a .lead h1 { font-size: clamp(36px, 5vw, 72px); line-height: 1.3; font-weight: 700; }
.a .lead p { font-size: 16px; line-height: 1.9; color: var(--sub); }
.a .lead .lead-ja { font-size: 18px; color: var(--ink); }
.a .lead .lead-ja span { display: inline-block; }
.a .sec { padding: 0 48px 96px; }
.a .label { font: 500 14px "Hanken Grotesk", sans-serif; color: var(--sub); border-top: 1px solid var(--line); padding-top: 16px; margin-bottom: 32px; display: flex; justify-content: space-between; }
.a .works { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 40px; }
.a .work img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top left; background: var(--soft); }
.a .work img.poster { aspect-ratio: auto; height: auto; object-fit: initial; }
.a .works { align-items: start; }
.a .works.logos { grid-template-columns: repeat(3, 1fr); gap: 32px; }
.a .works.posters { margin-top: 32px; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.a .pframe { display: grid; grid-template-rows: 0fr; container-type: inline-size; background: var(--soft); transition: grid-template-rows .45s ease-out; outline: none; cursor: pointer; }
.a .pframe .pin { min-height: 56.25cqw; overflow: hidden; }
.a .pframe img.poster { display: block; width: 100%; height: auto; aspect-ratio: auto; transform: translateY(-32.5cqw); transition: transform .45s ease-out; }
.a .pframe.f1 img.poster { transform: translateY(-20.3cqw); }
.a .pframe.f2 img.poster { transform: translateY(0); }
.a .pframe:hover, .a .pframe:focus-visible, .a .pframe.open { grid-template-rows: 1fr; }
.a .pframe:hover img.poster, .a .pframe:focus-visible img.poster, .a .pframe.open img.poster { transform: none; }
@media (max-width: 760px) { .a .works.posters { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .a .pframe, .a .pframe img.poster { transition: none; } }
@media (max-width: 760px) { .a .works.logos { grid-template-columns: 1fr; } }
/* 作品欄のロゴカード */
.a .logocard { display: flex; align-items: center; justify-content: center; aspect-ratio: 16/9; background: var(--soft); }
.a .logocard > img { width: 56%; height: auto; aspect-ratio: auto; background: none; }
/* GODMODE ロゴ: godmode-news/src/components/SiteHeader.astro と同じ仕組み・値 */
.a .gm { position: relative; display: block; width: 56%; aspect-ratio: 3/1; }
.a .gm img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; aspect-ratio: auto; background: none; }
.a .gm .mtop { clip-path: inset(25.60% 58.60% 27.20% 41.40%); }
.a .gm.go .mtop { animation: gm-reveal .75s cubic-bezier(0.77,0,0.175,1) .35s forwards; }
@keyframes gm-reveal { to { clip-path: inset(25.60% 2.07% 27.20% 41.40%); } }
.a .gm .box { position: absolute; left: 41.40%; right: 2.07%; top: 25.60%; bottom: 27.20%; overflow: hidden; }
.a .gm .m { position: absolute; inset: 0; transform-origin: left center; transform: scaleX(0); animation: gm-sweep .75s cubic-bezier(0.77,0,0.175,1) forwards; }
@keyframes gm-sweep { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .a .gm .m { animation: none; transform: scaleX(1); } .a .gm.go .mtop { animation: none; clip-path: inset(25.60% 2.07% 27.20% 41.40%); } }

.a .work h3 { font-size: 20px; font-weight: 700; margin: 18px 0 4px; line-height: 1.5; }
.a .work .alt { font: 14px "Hanken Grotesk", sans-serif; color: var(--sub); }
.a .work p { font-size: 15px; line-height: 1.9; color: var(--sub); margin-top: 8px; }
.a .tags { margin-top: 10px; font-size: 13px; color: var(--sub); }
.a .svc { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.a .svc div { padding: 28px 24px 28px 0; }
.a .svc h3 { font: 700 24px "Hanken Grotesk", sans-serif; margin-bottom: 8px; }
.a .svc p { font-size: 15px; line-height: 1.9; color: var(--sub); }
.a .prod { list-style: none; margin-top: 16px; font-size: 14px; line-height: 1.8; color: var(--sub); }
.a .prod li { padding: 12px 0; border-top: 1px solid var(--line); }
.a .prod b { color: var(--ink); font-family: "Hanken Grotesk", sans-serif; font-weight: 600; font-size: 15px; }
.a .ph-k { display: inline-block; }
.a .work h3 .soon { margin-left: 10px; font: 400 12px "Hanken Grotesk", sans-serif; color: var(--sub); }
.a .prod .soon { margin-left: 10px; font-size: 12px; color: var(--sub); }
.a .news li { list-style: none; display: grid; grid-template-columns: 140px 1fr; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.a .news time { font: 14px "Hanken Grotesk", sans-serif; color: var(--sub); }
.a .contact { background: var(--navy); color: #fff; padding: 72px 48px; display: flex; justify-content: space-between; align-items: end; gap: 32px; flex-wrap: wrap; }
.a .contact h2 { font: 700 clamp(28px, 3.2vw, 44px) "Hanken Grotesk", sans-serif; line-height: 1.1; }
.a .btn { display: inline-block; background: #fff; color: var(--navy); font-weight: 700; font-size: 16px; padding: 18px 40px; }
.a footer { padding: 32px 48px; font-size: 13px; color: var(--sub); display: flex; justify-content: space-between; }
.a .reveal { opacity: 0; transform: translateY(12px); transition: opacity .2s ease-out, transform .2s ease-out; }
.a .reveal.on { opacity: 1; transform: none; }



@media (max-width: 760px) {
  .a header, .b1 header, .b2 header { padding: 16px; }
  .a nav, .b1 nav, .b2 nav { gap: 12px; font-size: 12px; }
  .a .lead { grid-template-columns: 1fr; padding: 56px 16px; gap: 20px; }
  .a .sec, .a .contact, .a footer { padding-left: 16px; padding-right: 16px; }
  .a .works, .a .svc { grid-template-columns: 1fr; }
  .a footer { flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
.a .biz dt{font-weight:500;color:var(--ink);margin-top:12px}.a .biz dt:first-child{margin-top:0}.a .biz dd{margin:0}

body{background:#fff}.frame{margin:0 auto;box-shadow:none}.a .reveal{opacity:1!important;transform:none!important}
.a nav .lang{color:var(--sub)}
@media(max-width:760px){.a header{flex-wrap:wrap;row-gap:12px}.a header nav{width:100%;justify-content:space-between;gap:0}}


.a .svc p{margin-bottom:16px}
.a .svc ul{list-style:none;padding:0;margin:0}
.a .svc li{font-size:15px;line-height:1.9;color:var(--ink)}

.a .works.posters{margin-top:0}.a .works.posters + .works.logos{margin-top:48px}
.a a.work{display:block;color:inherit}

.a .page{padding-top:72px}
.a .pt{font-size:clamp(32px,4vw,56px);font-weight:700;margin-bottom:48px}
.a .ctable{border-top:1px solid var(--line)}
.a .ctable{margin:0}.a .ctable dd{margin:0}.a .ctable .row{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.9}
.a .ctable .k{font-weight:700}
.a .ctable .k .en{display:block;font-weight:400;font-size:13px;color:var(--sub)}
.a .ctable .v .en{font-size:14px;color:var(--sub)}
@media(max-width:760px){.a .ctable .row{grid-template-columns:1fr;gap:4px}}


/* 段4: craft-floor と日本語組版の手引き */
body{line-break:strict;word-break:normal}
.a h1,.a h2,.a h3{font-feature-settings:"palt";letter-spacing:-0.01em;text-wrap:balance}
::selection{background:#1F2747;color:#fff}
.a a:focus-visible,.a .pframe:focus-visible{outline:2px solid #1F2747;outline-offset:4px}
.a .ctable .v{font-variant-numeric:tabular-nums}

html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.a [id]{scroll-margin-top:24px}

/* 段5 修正 */
.a .contact a:focus-visible{outline-color:#fff}
.a .label h2{font:inherit;margin:0}
.a .work:focus-visible .pframe{grid-template-rows:1fr}
.a .work:focus-visible .pframe img.poster{transform:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.a .hero{position:relative}
.a .vtoggle{position:absolute;right:16px;bottom:12px;background:none;border:0;color:#fff;font:500 13px "Hanken Grotesk",sans-serif;cursor:pointer;padding:8px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.a .vtoggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
::selection{background:var(--navy)}
.a a:focus-visible,.a .pframe:focus-visible{outline-color:var(--navy)}
@media(max-width:760px){.a nav a,.a nav .lang{padding-block:8px;display:inline-block}}

/* 本番で足したもの */
.a .contact{background:transparent;color:var(--ink);padding:0;display:block}
.a .e2{padding:200px 48px 150px;border-top:1px solid var(--line)}
@media(max-width:760px){.a .e2{padding:96px 16px 72px}}
.a{max-width:1440px;margin:0 auto}
.a header nav a[aria-current]{color:var(--ink)}
.a .vtoggle{width:44px;height:44px;display:grid;place-items:center;padding:0;text-shadow:none;opacity:.85}
.a .vtoggle svg{width:18px;height:18px;fill:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.a .vtoggle .i-play{display:none}.a .vtoggle.paused .i-play{display:block}.a .vtoggle.paused .i-pause{display:none}
.a .company-end{margin-top:0}
/* 問い合わせ */
.a .lede{font-size:16px;line-height:1.9;color:var(--sub);max-width:640px;margin:-24px 0 48px}
.a .cform{max-width:640px;display:grid;gap:24px}
.a .cform .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.a .cform label{display:grid;gap:8px;font-size:14px;font-weight:500}
.a .cform .opt{margin-left:8px;font-weight:400;color:var(--sub);font-size:12px}
.a .cform input,.a .cform select,.a .cform textarea{font:16px/1.6 "Noto Sans JP",sans-serif;color:var(--ink);background:#fff;border:1px solid #c9ccd1;border-radius:0;padding:12px 14px;width:100%;appearance:none}
.a .cform select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235c5f66' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}
.a .cform input:focus-visible,.a .cform select:focus-visible,.a .cform textarea:focus-visible{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
.a .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.a .send{justify-self:start;background:var(--navy);color:#fff;border:0;border-radius:0;font:700 16px "Noto Sans JP",sans-serif;padding:16px 48px;cursor:pointer;min-height:48px}
.a .send.ghost{background:none;color:var(--ink);border:1px solid #c9ccd1}
.a .send:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.a .send[disabled]{opacity:.5;cursor:default}
.a .step[hidden]{display:none}
.a .pnote{font-size:14px;color:var(--sub)}.a .pnote a,.a .policy a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.a footer a{color:var(--sub)}
.a .policy{max-width:760px}.a .policy h2{font-size:18px;font-weight:700;margin:40px 0 12px}.a .policy p,.a .policy li{font-size:15px;line-height:1.9}.a .policy ul{padding-left:1.4em;margin:8px 0}.a .policy .date{margin-top:48px;color:var(--sub)}
.a .confirm{max-width:640px;border-top:1px solid var(--line);margin-bottom:32px}
.a .confirm div{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8}
.a .confirm dt{font-weight:500}.a .confirm dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.a .actions{display:flex;gap:16px;flex-wrap:wrap}
.a .err{color:#b3261e;font-size:14px;margin-top:16px}
.a .done h2{font-size:24px;font-weight:700;margin-bottom:12px}.a .done p{font-size:16px;line-height:1.9;color:var(--sub)}
@media(max-width:760px){.a .cform .two,.a .confirm div{grid-template-columns:1fr;gap:4px}.a .lede{margin-top:-16px}}