/* Shared presentation for every EUR-Lex identifier guide. */
#konrad-preview .guidance .subpage-title{white-space:normal}
#konrad-preview .guidance pre{max-width:100%;overflow-x:auto}
#konrad-preview .guidance pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;hyphens:none}
#konrad-preview .guidance .numbered-heading{display:flex;align-items:baseline;gap:.25em}
#konrad-preview .guidance .heading-number{flex:none;margin-right:0}
#konrad-preview .guidance .numbered-heading > span:last-child{min-width:0}
#konrad-preview .guidance h4.numbered-subsubheading{font-size:18.8px;font-weight:400;font-style:normal;line-height:1.4;letter-spacing:.07em;margin:24px 0 6.5px}
@media(max-width:400px){#konrad-preview .guidance h4.numbered-subsubheading{font-size:17px}}

/* Contents indentation follows heading depth. */
#konrad-preview .guidance-toc{margin:28px 0 32px}
#konrad-preview .guidance-toc h2{font-size:18.8px;margin:0 0 10px}
#konrad-preview .guidance-toc ol{list-style:none;margin:0;padding:0}
#konrad-preview .guidance-toc li{font-size:18.8px;line-height:1.45;margin:0 0 7px}
#konrad-preview .guidance-toc .toc-level-3{margin-left:1.4em}
#konrad-preview .guidance-toc .toc-level-4{margin-left:2.8em}
#konrad-preview .guidance-toc a{display:flex;align-items:baseline;gap:.45em}
#konrad-preview .guidance-toc .outline-number{flex:none;white-space:nowrap;color:var(--body-ink)}
@media(max-width:400px){#konrad-preview .guidance-toc li,#konrad-preview .guidance-toc h2{font-size:17px}}


/* Show section depth in the guide text as well as the contents. */
#konrad-preview .guidance h3.numbered-heading.numbered-subheading{margin-left:1.4em}
#konrad-preview .guidance h4.numbered-heading.numbered-subsubheading{margin-left:2.8em}

/* EUR-Lex guides use a reading area 50% wider than the standard page. */
#konrad-preview .page.eurlex-guide{max-width:960px}

/* Subsection text and examples align with their numbered headings. */
#konrad-preview .guidance .guide-depth-1{margin-left:1.4em}
#konrad-preview .guidance .guide-depth-2{margin-left:2.8em}

#konrad-preview .guidance{--guide-indent:26.32px}
#konrad-preview .guidance h3.numbered-heading.numbered-subheading,
#konrad-preview .guidance .guide-depth-1{margin-left:var(--guide-indent)}
#konrad-preview .guidance h4.numbered-heading.numbered-subsubheading,
#konrad-preview .guidance .guide-depth-2{margin-left:calc(2 * var(--guide-indent))}
@media(max-width:400px){#konrad-preview .guidance{--guide-indent:23.8px}}