/* page-module.optional-reading — heading + teaser visible,
   full content collapsed behind a native <details>/<summary>.
   Summary inherits its loud-rectangle look from [data-action='featured']
   in scratch.css; this file just removes the default disclosure marker. */

page-module.optional-reading {
	.warning {
		color: var(--ink-error);
	}

	.section-heading + text-content {
		margin-top:  1em;
	}

	details {
		margin-top: 1.3em;
	}

	summary {
		display: inline-block;          /* lay out as the button it is */
		cursor: pointer;
		list-style: none;               /* hide default marker (FF) */

		&::-webkit-details-marker {
			display: none;              /* hide default marker (Webkit) */
		}

		text-content {
			margin-top: 0.5em;
		}
	}

	details[open] {

		text-content {
			margin-top: 1.5em;
		}

		summary {
			display: none;
		}
	}
}