/* ==== UTIL ==== */
.vh {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}
.vgn {
	position:relative;
}
.js .rv.out {
	opacity:0;
	transform:translateY(18px);
}
.js .rv.here {
	opacity:1;
	transform:none;
	transition:opacity .6s, transform .6s;
}
/* ==== HERO CARD ==== */
.stg-crd {
	position:absolute;
	left:var(--space-l);
	bottom:var(--space-l);
	z-index:2;
	width:min(360px, calc(100% - 2 * var(--space-m)));
	padding:var(--space-m);
	color:var(--color-text-inv);
	background:var(--color-stage);
	border-left:3px solid var(--color-plum);
	border-radius:var(--radius-soft);
}
.sc-m {
	display:flex;
	gap:.6rem;
	font-size:.8rem;
	color:var(--color-muted);
}
.sc-m span {
	font-weight:600;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--color-plum-soft);
}
.sc-h {
	margin-top:.4rem;
	font-family:var(--font-head);
	font-size:1.15rem;
	line-height:1.3;
}
.sc-n {
	display:inline-block;
	margin-top:.6rem;
	padding:.15rem .55rem;
	font-size:.8rem;
	color:var(--color-text);
	background:var(--color-plum-soft);
	border-radius:var(--radius-soft);
}
.sc-d {
	display:grid;
	gap:.25rem;
	margin-top:.6rem;
	font-size:.85rem;
}
.ok::before,
.df::before {
	display:inline-block;
	width:8px;
	height:8px;
	margin-right:.45rem;
	content:"";
	background:var(--color-plum-soft);
	border-radius:50%;
}
.df::before {
	background:var(--color-signal);
}
/* ==== DEMO ==== */
.dm-frm {
	display:flex;
	gap:var(--space-xs);
	max-width:760px;
	margin:0 auto;
}
.dm-in {
	flex:1;
	min-width:0;
	min-height:56px;
	padding:0 1.1rem;
	font-size:1.05rem;
	color:var(--color-text);
	background:var(--color-light);
	border:1.5px solid var(--color-text);
	border-radius:var(--radius-soft);
}
.dm-in::placeholder {
	color:var(--color-text);
}
.dm-in:hover {
	border-color:var(--color-plum);
}
.dm-go {
	min-height:56px;
}
.dm-msg {
	min-height:1.6em;
	margin-top:.3rem;
	font-size:.9rem;
	text-align:center;
	color:var(--color-plum);
}
.chps {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:.5rem;
	max-width:860px;
	margin:var(--space-xs) auto 0;
}
.chp {
	min-height:44px;
	padding:.3rem 1rem;
	font-size:.92rem;
	color:var(--color-text);
	background:var(--color-tint);
	border:1.5px solid var(--color-tint);
	border-radius:var(--radius-soft);
	transition:border-color .2s, background-color .2s;
}
.chp:hover {
	border-color:var(--color-plum);
}
.chp[aria-pressed="true"] {
	color:var(--color-text);
	background:var(--color-plum-soft);
	border-color:var(--color-plum);
}
.chp[disabled] {
	cursor:not-allowed;
	color:var(--color-muted);
}
.dm-fx {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:var(--space-s);
	max-width:860px;
	margin:var(--space-l) auto 0;
}
.dm-fx li {
	padding:var(--space-m);
	font-size:.95rem;
	text-align:center;
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.dm-fx b {
	display:block;
	font-family:var(--font-head);
	font-size:1.9rem;
	font-weight:500;
	color:var(--color-plum);
}
.dm-pnl {
	max-width:980px;
	margin:var(--space-l) auto 0;
	padding:var(--space-m) var(--space-l) var(--space-l);
	color:var(--color-text-inv);
	background:var(--grain-noise), var(--color-stage);
	border-top:3px solid var(--color-plum);
	border-radius:var(--radius-soft);
}
.dm-pnl:focus {
	outline:none;
}
.dm-top {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--space-s);
}
.dm-ttl {
	display:flex;
	align-items:center;
	gap:.6rem;
	margin-right:auto;
	font-size:1.05rem;
}
.dm-dot {
	width:10px;
	height:10px;
	background:var(--color-signal);
	border-radius:50%;
	animation:dm-pulse 1.2s ease-in-out infinite;
}
.dm-pnl[data-st="end"] .dm-dot {
	background:var(--color-plum-soft);
	animation:none;
}
@keyframes dm-pulse {
	50% {
		transform:scale(1.6);
	}
}
.dm-eta {
	font-size:.9rem;
	font-variant-numeric:tabular-nums;
	color:var(--color-muted);
}
.dm-x {
	min-height:44px;
	color:var(--color-text-inv);
}
.dm-bar {
	height:4px;
	margin-top:var(--space-s);
	overflow:hidden;
	background:var(--color-stage-2);
}
.dm-bar span {
	display:block;
	height:100%;
	background:linear-gradient(90deg, var(--color-plum), var(--color-signal));
	transform:scaleX(0);
	transform-origin:left;
}
.dm-ph {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:var(--space-xs);
	margin-top:var(--space-s);
	counter-reset:ph;
}
.dm-ph li {
	padding:.55rem .7rem;
	font-size:.85rem;
	color:var(--color-muted);
	background:var(--color-stage-2);
	border-bottom:2px solid var(--color-stage-2);
	border-radius:var(--radius-soft);
}
.dm-ph li[data-st="run"] {
	color:var(--color-text-inv);
	border-bottom-color:var(--color-signal);
}
.dm-ph li[data-st="done"] {
	color:var(--color-plum-soft);
	border-bottom-color:var(--color-plum);
}
.dm-log {
	display:grid;
	gap:.2rem;
	margin-top:var(--space-m);
	font-size:.88rem;
	font-variant-numeric:tabular-nums;
}
.dm-log li {
	display:grid;
	grid-template-columns:5.2rem 9.5rem 1fr;
	gap:.6rem;
	animation:dm-in .35s ease-out;
}
.dm-log time {
	color:var(--color-muted);
}
.dm-log i {
	font-style:normal;
	color:var(--color-plum-soft);
}
@keyframes dm-in {
	from {
		transform:translateY(6px);
	}
}
.dm-out {
	margin-top:var(--space-l);
}
.dm-tag {
	display:inline-block;
	margin-bottom:var(--space-s);
	padding:.25rem .7rem;
	font-size:.78rem;
	font-weight:600;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--color-text);
	background:var(--color-plum-soft);
	border-radius:var(--radius-soft);
}
.dm-res {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:var(--space-s);
}
.str {
	display:flex;
	flex-direction:column;
	gap:.35rem;
	padding:var(--space-m);
	color:var(--color-text-inv);
	background:var(--color-stage-2);
	border-radius:var(--radius-soft);
}
.dm-out .str {
	animation:dm-in .5s ease-out both;
}
.str-m {
	font-size:.8rem;
	color:var(--color-muted);
}
.str h3 {
	font-size:1.12rem;
}
.str-n {
	align-self:flex-start;
	padding:.1rem .55rem;
	font-size:.8rem;
	color:var(--color-text);
	background:var(--color-plum-soft);
	border-radius:var(--radius-soft);
}
.str-c {
	font-size:.88rem;
}
.str-c span {
	display:inline-block;
	min-width:5.2rem;
	font-weight:600;
}
.str-or {
	align-self:flex-start;
	min-height:44px;
	margin-top:.3rem;
	padding:0 .8rem;
	font-size:.85rem;
	color:var(--color-text-inv);
	background:transparent;
	border:1px solid var(--color-muted);
	border-radius:var(--radius-soft);
}
.dm-note {
	margin-top:var(--space-m);
	font-size:.9rem;
	color:var(--color-text-inv);
}
.dm-note a {
	color:var(--color-plum-soft);
}
.dm-stat {
	max-width:980px;
	margin:var(--space-l) auto 0;
	padding:var(--space-l);
	color:var(--color-text-inv);
	background:var(--color-stage);
	border-radius:var(--radius-soft);
}
/* ==== STICKY STEPS ==== */
.stk {
	display:grid;
	grid-template-columns:260px minmax(0, 1fr);
	gap:var(--space-xl);
	align-items:start;
}
.stk-nav {
	position:sticky;
	top:110px;
	padding:var(--space-m);
	background:var(--color-stage-2);
	border-radius:var(--radius-soft);
}
.stk-nav ol {
	display:grid;
	gap:.2rem;
}
.stk-nav a {
	display:flex;
	align-items:center;
	gap:.8rem;
	min-height:44px;
	padding:0 .6rem;
	text-decoration:none;
	color:var(--color-text-inv);
	border-left:2px solid var(--color-stage-2);
	transition:border-color .2s, color .2s;
}
.stk-nav a span {
	font-size:.8rem;
	color:var(--color-muted);
}
.stk-nav a.here {
	color:var(--color-plum-soft);
	border-left-color:var(--color-signal);
}
.stk-art .ld {
	margin-bottom:var(--space-l);
	color:var(--color-text-inv);
}
.stk-st {
	padding:var(--space-m) 0;
	border-top:1px solid var(--color-stage-2);
}
.stk-st h3 {
	display:flex;
	align-items:baseline;
	gap:.8rem;
	margin-bottom:.5rem;
	font-size:1.5rem;
}
.stk-st h3 span {
	font-family:var(--font-body);
	font-size:.85rem;
	color:var(--color-plum-soft);
}
.stk-st p {
	max-width:62ch;
}
.stk-fg {
	margin:var(--space-m) 0;
}
.stk-fg img {
	width:100%;
	max-height:52vh;
	object-fit:cover;
}
.stk-fg figcaption,
.alt-fg figcaption {
	position:relative;
	z-index:1;
	margin-top:.6rem;
	font-size:.88rem;
	color:var(--color-muted);
}
/* ==== PATH ==== */
.pth-in {
	position:relative;
}
.pth-ln {
	position:absolute;
	pointer-events:none;
}
.pth-ln path {
	fill:none;
	stroke:var(--color-plum);
	stroke-width:2.5;
	stroke-dasharray:1;
	stroke-dashoffset:0;
	vector-effect:non-scaling-stroke;
}
.js .pth-ln path {
	stroke-dashoffset:1;
	transition:stroke-dashoffset 1.6s ease-in-out;
}
.js .pth.here .pth-ln path {
	stroke-dashoffset:0;
}
.pth-h {
	top:-10px;
	left:0;
	width:100%;
	height:200px;
}
.pth-v {
	display:none;
}
.pth-st {
	position:relative;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:var(--space-l);
	padding-top:140px;
}
.pth-st li {
	padding:var(--space-m);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.pth-st li:nth-child(2) {
	margin-top:-60px;
}
.pth-n {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	margin-bottom:var(--space-s);
	font-weight:600;
	color:var(--color-text-inv);
	background:var(--color-plum);
	border-radius:var(--radius-soft);
}
.pth-st h3 {
	margin-bottom:.4rem;
}
.pth-st a {
	display:inline-flex;
	align-items:center;
	min-height:44px;
	margin-top:.4rem;
	font-weight:600;
	color:var(--color-plum);
}
/* ==== LEDGER ==== */
.ldg-in {
	display:grid;
	grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
	gap:var(--space-xl);
	align-items:center;
}
.ldg-hd .ld {
	color:var(--color-text-inv);
}
.ldg-ls {
	padding:var(--space-s) var(--space-l);
	background:var(--color-stage-2);
	border-radius:var(--radius-soft);
}
.ldg-r {
	display:flex;
	align-items:baseline;
	gap:var(--space-s);
	padding:var(--space-s) 0;
	border-bottom:1px dashed var(--color-muted);
}
.ldg-r:last-child {
	border-bottom:0;
}
.ldg-r dt {
	display:flex;
	gap:var(--space-s);
	margin-right:auto;
}
.ldg-r dt span {
	font-size:.85rem;
	font-variant-numeric:tabular-nums;
	color:var(--color-muted);
}
.ldg-r dd {
	font-size:.95rem;
	color:var(--color-muted);
}
.ldg-r b {
	font-family:var(--font-head);
	font-size:2.2rem;
	font-weight:500;
	font-variant-numeric:tabular-nums;
	color:var(--color-text-inv);
}
/* ==== RUBRICS ==== */
.rbr {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:var(--space-s);
	padding-bottom:var(--space-l);
}
.rbr li {
	padding:var(--space-m);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.rbr li:nth-child(even) {
	transform:translateY(var(--space-l));
}
.rbr span {
	display:block;
	margin-bottom:var(--space-s);
	font-family:var(--font-head);
	font-size:2.4rem;
	line-height:1;
	color:var(--color-plum);
}
.rbr h3 {
	margin-bottom:.4rem;
}
.rbr p {
	font-size:.95rem;
}
/* ==== TABLE ==== */
.tbl-w {
	overflow-x:auto;
}
.tbl {
	width:100%;
	min-width:640px;
	font-size:.98rem;
}
.tbl caption {
	padding-bottom:var(--space-s);
	font-size:.9rem;
	text-align:left;
	color:var(--color-muted);
}
.tbl th,
.tbl td {
	padding:.85rem 1rem;
	text-align:left;
	border-bottom:1px solid var(--color-stage);
}
.tbl thead th {
	font-family:var(--font-head);
	font-size:1.3rem;
	font-weight:500;
	background:var(--color-stage-2);
}
.tbl thead th:first-child {
	font-family:var(--font-body);
	font-size:.8rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--color-muted);
}
.tbl tbody th {
	font-weight:400;
	color:var(--color-text-inv);
}
.tbl tbody tr {
	background:var(--color-stage-2);
}
.tbl tbody tr:nth-child(even) {
	background:var(--color-stage);
}
.tbl td:nth-child(3) {
	color:var(--color-plum-soft);
}
.tbl b {
	font-family:var(--font-head);
	font-size:1.4rem;
	font-weight:500;
}
.tbl-go {
	margin-top:var(--space-l);
}
/* ==== SIGNUP ==== */
.alt {
	display:grid;
	grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);
	gap:var(--space-xl);
	align-items:center;
}
.alt-fg {
	margin-top:var(--space-l);
}
.alt-fg img {
	width:100%;
	max-height:46vh;
	object-fit:cover;
}
.alt-bx {
	padding:var(--space-l);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.alt-ok h3 {
	margin-bottom:.6rem;
	font-size:1.8rem;
}
/* ==== FORMS ==== */
.frm {
	display:grid;
	gap:var(--space-s);
}
.fld {
	display:grid;
	gap:.35rem;
}
.fld label {
	font-size:.92rem;
	font-weight:600;
}
.fld input[type="email"],
.fld input[type="password"],
.fld input[type="text"],
.fld textarea {
	width:100%;
	min-height:50px;
	padding:.7rem .9rem;
	font-size:1rem;
	color:var(--color-text);
	background:var(--color-light);
	border:1.5px solid var(--color-muted);
	border-radius:var(--radius-soft);
	transition:border-color .2s;
}
.fld textarea {
	min-height:130px;
	resize:vertical;
}
.fld input:hover,
.fld textarea:hover {
	border-color:var(--color-text);
}
.fld [aria-invalid="true"] {
	border-color:var(--color-signal-hover);
}
.chk {
	grid-template-columns:24px 1fr;
	align-items:center;
}
.chk input {
	width:22px;
	height:22px;
	margin:0;
	accent-color:var(--color-plum);
}
.chk label {
	font-weight:400;
}
.chk .err {
	grid-column:1 / -1;
}
.err {
	font-size:.85rem;
	color:var(--color-plum);
}
.err:empty,
.frm-msg:empty {
	display:none;
}
.frm-msg {
	font-size:.9rem;
	color:var(--color-plum);
}
.hp {
	position:absolute;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}
/* ==== FAQ ==== */
.faq {
	display:grid;
	grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
	gap:var(--space-xl);
}
.faq-ls {
	display:grid;
	gap:var(--space-xs);
}
.faq-ls details {
	background:var(--color-stage-2);
	border-radius:var(--radius-soft);
}
.faq-ls summary {
	display:flex;
	align-items:center;
	min-height:56px;
	padding:.6rem var(--space-m);
	font-family:var(--font-head);
	font-size:1.15rem;
	cursor:pointer;
	list-style:none;
}
.faq-ls summary::-webkit-details-marker {
	display:none;
}
.faq-ls summary::after {
	margin-left:auto;
	padding-left:var(--space-s);
	content:"+";
	color:var(--color-signal);
}
.faq-ls details[open] summary::after {
	content:"–";
}
.faq-ls details p {
	padding:0 var(--space-m) var(--space-m);
}
/* ==== FINAL BAND ==== */
.fin {
	padding:var(--space-xl) var(--space-l);
	text-align:center;
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.fin p {
	margin-top:var(--space-s);
}
.fin-bt {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:var(--space-s);
	margin-top:var(--space-l);
}
/* ==== INNER PAGES ==== */
.ins {
	display:grid;
	grid-template-columns:260px minmax(0, 1fr);
	gap:var(--space-xl);
	align-items:start;
}
.toc {
	position:sticky;
	top:110px;
	padding:var(--space-m);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.toc ol {
	display:grid;
	gap:.1rem;
}
.toc a {
	display:flex;
	align-items:center;
	min-height:44px;
	font-size:.95rem;
	color:var(--color-text);
	text-decoration:none;
}
.toc a:hover {
	color:var(--color-plum);
	text-decoration:underline;
}
.doc {
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	min-width:0;
	gap:var(--space-l);
}
.doc h2 {
	margin-bottom:var(--space-s);
	font-size:clamp(1.6rem, 2.6vw, 2.1rem);
}
.doc p + p {
	margin-top:.8rem;
}
.doc a {
	color:var(--color-plum);
}
.blk {
	padding:var(--space-l);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.blk.acc {
	border-left:3px solid var(--color-plum);
}
.crds {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:var(--space-s);
	margin-top:var(--space-s);
}
.crds li {
	padding:var(--space-m);
	background:var(--color-light);
	border-radius:var(--radius-soft);
}
.crds h3 {
	margin-bottom:.4rem;
	font-size:1.12rem;
}
.req {
	display:grid;
	grid-template-columns:minmax(0, 12rem) minmax(0, 1fr);
	margin-top:var(--space-s);
}
.req dt,
.req dd {
	padding:.7rem 0;
	border-bottom:1px solid var(--color-muted);
}
.req dt {
	font-weight:600;
}
.req dd {
	overflow-wrap:anywhere;
}
.req a {
	color:var(--color-plum);
}
.jt {
	width:100%;
	margin-top:var(--space-s);
	font-size:.95rem;
}
.tbl-w .jt {
	min-width:540px;
}
.jt caption {
	padding-bottom:.5rem;
	font-size:.9rem;
	text-align:left;
}
.jt th,
.jt td {
	padding:.7rem .8rem;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid var(--color-muted);
}
.jt thead th {
	font-size:.8rem;
	letter-spacing:.14em;
	text-transform:uppercase;
	background:var(--color-light);
}
.cn {
	display:grid;
	grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);
	gap:var(--space-l);
	align-items:start;
}
.cn-bx {
	padding:var(--space-l);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.cn-bx h2,
.cn .blk h2 {
	margin-bottom:var(--space-m);
	font-size:1.8rem;
}
.nxt {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:var(--space-s);
}
.nxt li {
	padding:var(--space-m);
	background:var(--color-tint);
	border-radius:var(--radius-soft);
}
.nxt span {
	display:block;
	margin-bottom:.6rem;
	font-family:var(--font-head);
	font-size:2rem;
	color:var(--color-plum);
}
.nxt h3 {
	margin-bottom:.4rem;
}
.nxt a {
	display:inline-flex;
	align-items:center;
	min-height:44px;
	font-weight:600;
	color:var(--color-plum);
}
.dk .nxt li {
	color:var(--color-text-inv);
	background:var(--color-stage-2);
}
.dk .nxt span,
.dk .nxt a {
	color:var(--color-plum-soft);
}
.cn-in {
	margin-bottom:var(--space-m);
}
.cn-ft {
	max-width:70ch;
	margin-top:var(--space-l);
	padding-left:var(--space-m);
	border-left:3px solid var(--color-plum);
}
.ask {
	margin-top:var(--space-l);
}
/* ==== COOKIE ==== */
.cc-notice {
	position:fixed;
	right:var(--space-s);
	bottom:var(--space-s);
	z-index:30;
	display:grid;
	gap:var(--space-s);
	width:min(370px, calc(100% - 2 * var(--space-s)));
	padding:var(--space-m);
	font-size:.92rem;
	line-height:1.5;
	color:var(--color-text-inv);
	background:var(--color-stage-2);
	border:1px solid var(--color-plum);
	border-radius:var(--radius-soft);
}
.cc-notice[hidden] {
	display:none;
}
.cc-notice a {
	color:var(--color-plum-soft);
}
.cc-bts {
	display:flex;
	gap:var(--space-xs);
}
.cc-bts .bt {
	flex:1;
	min-height:44px;
	padding:.4rem .8rem;
	color:var(--color-text-inv);
}
.cc-bts .bt:hover {
	color:var(--color-text);
}
.cc-bts .bt-go,
.cc-bts .bt-go:hover {
	color:var(--color-on-signal);
}
/* ==== RESPONSIVE ==== */
@media (max-width:1020px) {
	.stk,
	.ins {
		grid-template-columns:minmax(0, 1fr);
		gap:var(--space-l);
	}
	.stk-nav,
	.toc {
		position:static;
	}
	.ldg-in,
	.faq,
	.alt,
	.cn {
		grid-template-columns:1fr;
		gap:var(--space-l);
	}
	.rbr {
		grid-template-columns:repeat(2, 1fr);
	}
}
@media (max-width:760px) {
	.pth-h {
		display:none;
	}
	.pth-v {
		display:block;
		top:0;
		left:0;
		width:40px;
		height:100%;
	}
	.pth-st {
		grid-template-columns:1fr;
		gap:var(--space-m);
		padding-top:0;
		padding-left:56px;
	}
	.pth-st li:nth-child(2) {
		margin-top:0;
	}
	.dm-res,
	.crds,
	.nxt {
		grid-template-columns:1fr;
	}
	.dm-ph {
		grid-template-columns:repeat(2, 1fr);
	}
	.dm-log li {
		grid-template-columns:4.6rem 1fr;
	}
	.dm-log i {
		display:none;
	}
	.stg-crd {
		left:var(--space-s);
		bottom:var(--space-s);
	}
}
@media (max-width:560px) {
	.dm-frm {
		flex-direction:column;
	}
	.dm-fx {
		grid-template-columns:1fr;
		gap:var(--space-xs);
	}
	.dm-fx li {
		display:flex;
		align-items:baseline;
		gap:.6rem;
		padding:var(--space-s);
		text-align:left;
	}
	.dm-fx b {
		display:inline;
		font-size:1.4rem;
	}
	.dm-pnl,
	.dm-stat,
	.alt-bx,
	.blk,
	.cn-bx {
		padding:var(--space-m);
	}
	.rbr {
		grid-template-columns:1fr;
	}
	.rbr li:nth-child(even) {
		transform:translateX(var(--space-m));
	}
	.rbr {
		padding-right:var(--space-m);
		padding-bottom:0;
	}
	.req {
		grid-template-columns:1fr;
	}
	.req dt {
		padding-bottom:0;
		border-bottom:0;
	}
	.ldg-ls {
		padding:var(--space-xs) var(--space-m);
	}
	.ldg-r {
		flex-wrap:wrap;
	}
	.ldg-r b {
		font-size:1.8rem;
	}
	.fld textarea {
		min-height:96px;
	}
	.cc-notice {
		right:var(--space-xs);
		bottom:var(--space-xs);
		width:calc(100% - 2 * var(--space-xs));
		padding:var(--space-s);
		font-size:.86rem;
	}
	.fin {
		padding:var(--space-l) var(--space-m);
	}
}
/* ==== STATE ==== */
[hidden],
.frm[hidden],
.alt-ok[hidden],
.dm-pnl[hidden],
.dm-out[hidden],
.dm-stat[hidden] {
	display:none;
}