/* Visitor information uses the same typography and colors as the lessons. */
.site-header nav{flex-wrap:wrap}
footer{flex-wrap:wrap}
footer .site-information-links{display:flex;flex:1 0 100%;flex-wrap:wrap;align-items:center;gap:4px 24px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px;font-size:.875rem;line-height:1.5}
.site-information-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #a96800;outline-offset:4px}
.information-page{font-size:1rem;line-height:1.75}
.information-page main{max-width:1000px}
.info-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0;font-size:.875rem;color:var(--muted)}
.info-breadcrumb a,.information-content a:not(.primary-button){color:#2042c9;text-decoration:underline;text-underline-offset:3px}
.information-content{max-width:820px;margin:0 auto 48px;overflow-wrap:anywhere}
.information-content h1{font-size:clamp(1.9rem,5vw,2.75rem);line-height:1.25;letter-spacing:-.5px;margin:30px 0 12px}
.information-content h2{font-size:1.4rem;line-height:1.4;margin:0 0 14px}
.information-content h3{font-size:1.1rem;line-height:1.5;margin:24px 0 9px}
.information-content section{border-top:1px solid var(--line);padding-top:26px;margin-top:30px;scroll-margin-top:24px}
.information-content p{margin:12px 0}
.information-content li{margin:9px 0}
.information-content ul{padding-left:1.4rem}
.information-content .info-lead{font-size:1.125rem;line-height:1.7;color:#344d72;margin:26px 0}
.information-content .info-updated,.information-content .info-small{font-size:.875rem;color:var(--muted)}
.information-content details{background:white;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:20px 0}
.information-content summary{cursor:pointer;font-weight:700}
.information-content code{font-size:.875rem;overflow-wrap:anywhere;white-space:normal}
.info-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:white}
.information-content table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.6}
.information-content th,.information-content td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px}
.information-content th{font-weight:700}
.information-content thead{background:#eaf0ff}
.information-content tbody tr:last-child>*{border-bottom:0}
.local-data-panel{padding:23px;background:white;border:1px solid #bdcbed;border-radius:14px;margin:20px 0}
.local-data-panel fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
.local-data-panel legend{font-weight:700;margin-bottom:14px}
.local-data-panel label{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 0;cursor:pointer}
.local-data-panel input{width:20px;height:20px;flex-shrink:0;margin:4px 0 0;accent-color:var(--blue)}
.local-data-panel small{display:block;color:var(--muted);font-size:.875rem}
.local-data-panel button{min-height:44px;font-size:1rem;white-space:normal}
.local-data-panel button:disabled{opacity:.6}
.clear-confirmation{border:1px solid #c6d3ee;border-radius:10px;background:#f5f7ff;padding:18px;margin-top:20px}
.clear-confirmation h3{margin-top:0}
.info-actions{display:flex;gap:12px;flex-wrap:wrap}
#data-status{font-size:.925rem;margin-bottom:0}
@media(max-width:650px){footer .site-information-links{gap:4px 18px}.information-content h1{margin-top:22px}.local-data-panel{padding:17px}.information-content th,.information-content td{padding:11px}.info-breadcrumb{margin-top:20px}.information-content .primary-button{max-width:100%;white-space:normal}}