/* Continuazione della lezione sui tag: stessi colori e stessi esempi affiancati. */
.hero h1{max-width:16ch}.hero p:last-child{margin-bottom:0}
.web .lesson-step .step-body{max-width:1120px}
.example-label{font-size:1rem;line-height:1.4;margin:0 0 16px;font-weight:700}
.structure-map>div{padding:15px 18px;border:1px solid var(--line);background:var(--soft);margin-bottom:10px;border-radius:8px}
.structure-map>div:nth-child(2){padding-top:25px;padding-bottom:25px;background:#fff}
.structure-map p{margin:5px 0 0}
.structure-map>.small{margin-top:16px}
.rule-reading{max-width:72ch;padding:18px 22px;background:var(--soft);border-radius:10px}
.rule-reading p{margin:0;padding:7px 0}
.result-pane iframe{height:200px;margin-bottom:18px}
.result-pane .small{margin-top:12px}
caption{text-align:left;font-weight:bold;margin:10px 0}
th code{background:transparent;padding:0}
.missions li{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
#check-results{font-size:.87rem}
#check-results .todo{color:#704314}
#preview{height:410px}
#preview-shell.phone #preview{height:500px}
#html-editor{min-height:370px}#css-editor{min-height:240px}
#save-status{min-height:3.2em}
.tabella{max-width:100%;overscroll-behavior-x:contain}
.web .code-result{gap:28px}
.web .tag-anatomy code{white-space:normal}
.web header .wrap{max-width:1260px}
.web pre{max-width:100%}
@media(max-width:650px){.rule-reading{padding:14px}.web table{font-size:.83rem}.web th,.web td{padding:9px}.web .tag-anatomy{display:grid}.hero .button{width:100%}.result-pane iframe{height:240px}#preview{height:360px}}
@media print{#banco{display:none}.structure-map{break-inside:avoid}}