/* AILN UI Craft Phase II. Opt-in, presentation-only increment after ui-craft.css. */
.v2-site .v2-header,
.site-header,
.wallet-mast,
.topbar{
 height:auto;
 min-block-size:88px;
 align-items:center;
 row-gap:12px;
}
.v2-site .v2-header-actions{align-items:center;gap:16px;min-inline-size:0}
.v2-site .v2-header .v2-langs{flex-shrink:0}
.v2-site .v2-header a{line-height:1.35}
.v3-upgrade .v2-hero{
 max-inline-size:calc(var(--craft-width) + 2*var(--craft-gutter));
 margin-inline:auto;
 padding-inline:var(--craft-gutter);
 align-items:center;
}
/* The incumbent media margin is !important in surface-v2/site.css. */
.v3-upgrade .v2-hero .v2-hero-media{margin:0!important;min-inline-size:0}
.v3-upgrade .v2-hero h1{letter-spacing:-.03em;text-wrap:balance}
.v3-upgrade .v2-hero-copy>p{max-inline-size:48ch}
.v3-upgrade .v2-hero .v2-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.v3-upgrade .v2-hero .v2-actions>a{margin:0;min-block-size:44px;display:inline-flex;align-items:center}
.v2-site .conversion-quick{
 max-inline-size:var(--craft-width);
 margin-inline:auto;
 inline-size:calc(100% - 2*var(--craft-gutter));
 align-items:center;
 gap:16px 24px;
}
.v2-site .conversion-quick code{min-inline-size:0;overflow-wrap:anywhere;line-height:1.8}
.v2-site .conversion-quick .v2-button{flex-shrink:0}
.m02-panel{border-radius:var(--craft-radius);padding:clamp(24px,3.2vw,40px)}
.m02-panel .m02-heading{align-items:baseline;gap:12px 24px}
.m02-panel .m02-heading>*{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere}
.m02-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;border-radius:var(--craft-radius)}
.m02-panel dt{line-height:1.5}
.m02-panel dd{line-height:1.65;margin-block-start:8px;font-variant-numeric:tabular-nums}
.m02-panel .v2-button,.m02-panel input{border-radius:var(--craft-control)}
.m02-panel .m02-actions{gap:12px 16px;align-items:center}
.m02-panel .m02-supply>div,.m02-panel .m02-supply p{flex-wrap:wrap;gap:8px 20px;align-items:baseline}
@media(max-width:768px){
 .v2-site .v2-header,.site-header,.wallet-mast,.topbar{min-block-size:76px}
 .v2-site .v2-header-actions{gap:12px}
}
@media(max-width:480px){
 .v2-site .conversion-quick{padding:24px;gap:16px}
 .v2-site .conversion-quick code{flex-basis:100%}
 .v2-site .conversion-quick .v2-button{inline-size:100%;justify-content:center}
 .m02-panel{padding:24px 20px}
 .m02-panel dl{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}
 .m02-panel .m02-actions>.v2-button{inline-size:100%;justify-content:center}
}