/* Cross-cutting prototype tweaks applied to all 12 pages (all designs). */
/* item 6 - default graph height (main graphs 420px across all designs) */
.chartbox{height:420px!important}
.chartbox.sm{height:330px!important}
/* item 1 - folded dashboard nav (accordion), used by all three designs */
/* the .nv-acc accordion lives in shared/shared.css - same declarations,
   one stylesheet earlier in the cascade, so the four dashboards paint identically and
   reading-the-data.html, which loads no lab.css, gets the component too. */

/* Documentation page: collapse sections into accordion panels */
body.doc-page .wrap > section{
	border-bottom:1px solid var(--line);
	padding:0.2em 0 0.2em 0;
}
body.doc-page .wrap > section.accordion > h2,
body.doc-page .wrap > section.accordion > h1{
	margin:.5rem;
	padding:0.22em 44px 0.22em 12px; /* reduced vertical spacing */
	cursor:pointer;
	font-size:1.25rem;
	line-height:1.2; /* the compact header height the removed max-height clamped to */
	position:relative;
	white-space:pre-line;
}
body.doc-page .wrap > section.accordion > h2::after,
body.doc-page .wrap > section.accordion > h1::after{
	content:"▾";
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	transition:transform .2s ease;
	color:var(--mut);
}
/* hide everything except header when closed to avoid clipping */
body.doc-page .wrap > section.accordion:not(.open) > *:not(h1):not(h2){
    display:none;
}
/* closed sections size to their header height (allow wrapping) */
body.doc-page .wrap > section.accordion:not(.open){
	/* no fixed max-height so header can wrap naturally */
	overflow:visible;
}
/* when opened, ensure content shows with standard padding */
body.doc-page .wrap > section.accordion.open > *:not(h1):not(h2){
	display:block;
    margin-left: 1rem; 
    margin-right: .5rem;
    padding-bottom: .5rem;
}
body.doc-page .wrap > section > p{margin:0}

/* also ensure plain paragraphs respect preserved newlines */
body.doc-page .wrap > section > p{white-space:pre-line}