/* Authored canister articles use the site's existing editorial palette and type. */
.canister-depth { margin-block: var(--space-5); }
.canister-depth :where(p, li, summary) { overflow-wrap: anywhere; }
.canister-depth-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	margin-block: var(--space-4);
}
.canister-depth-card {
	min-width: 0;
	padding: var(--space-4);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
}
.canister-depth-card > :last-child { margin-bottom: 0; }
.canister-depth-note {
	padding: var(--space-3) var(--space-4);
	border-left: 3px solid var(--color-gold);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	background: var(--color-sand);
}
.canister-depth-flow { display: grid; gap: var(--space-3); margin-block: var(--space-4); padding-left: 1.5rem; }
.canister-depth-flow li { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-white); }
.canister-depth-flow li::marker { color: var(--color-gold); font-weight: 700; }
.canister-faq-item { margin-block: var(--space-2); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-white); }
.canister-faq-item summary { min-height: 44px; padding: var(--space-3); color: var(--color-ocean); font-weight: 650; cursor: pointer; }
.canister-faq-item summary::marker { color: var(--color-gold); }
.canister-faq-item[open] { border-color: var(--color-aqua); }
.canister-faq-item > :not(summary) { margin-inline: var(--space-3); }
.canister-faq-item > :last-child { margin-bottom: var(--space-3); }
@media (max-width: 680px) {
	.canister-depth-grid { grid-template-columns: minmax(0, 1fr); }
	.canister-depth-card { padding: var(--space-3); }
	.canister-depth-flow { padding-left: 1.25rem; }
}