body { margin:0; background:#FFFFFF; }
#nomos-preview-app { --nomos-ink:#18354B; --nomos-blue:#2CB5FF; --nomos-pale:#ECF8FE; --nomos-line:#C6D8E3; color-scheme:light; color:var(--nomos-ink); background:#FFFFFF; font:400 16px/1.6 Manrope,Arial,sans-serif; width:100%; }
#nomos-preview-app * { box-sizing:border-box; color:#18354B !important; -webkit-text-fill-color:#18354B !important; }
#nomos-preview-app [hidden] { display:none !important; }
#nomos-preview-app h1,#nomos-preview-app h2,#nomos-preview-app h3 { line-height:1.25; font-weight:600; margin:0 0 1rem; letter-spacing:-.02em; }
#nomos-preview-app h1 { font-size:clamp(1.8rem,3vw,2.65rem); max-width:26ch; }
#nomos-preview-app h2 { font-size:1.45rem; }
#nomos-preview-app h3 { font-size:1.1rem; }
#nomos-preview-app p { margin:0 0 1rem; }
#nomos-preview-app a { text-decoration:underline; text-underline-offset:.2em; overflow-wrap:anywhere; }
#nomos-preview-app button,#nomos-preview-app input,#nomos-preview-app select,#nomos-preview-app textarea { font:inherit; }
#nomos-preview-app button { background:#FFFFFF; border:1px solid #18354B; border-radius:6px; padding:.65rem .9rem; min-height:44px; text-align:left; cursor:inherit; }
#nomos-preview-app button:hover { background:var(--nomos-pale); }
#nomos-preview-app button:disabled { border-color:var(--nomos-line); cursor:not-allowed; }
#nomos-preview-app .nomos-primary { background:var(--nomos-blue); font-weight:600; }
#nomos-preview-app :focus-visible { outline:3px solid #064F79; outline-offset:3px; }
#nomos-preview-app .nomos-header { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; border-bottom:1px solid var(--nomos-line); padding:1rem 1.5rem; }
#nomos-preview-app .nomos-header img { width:76px; height:auto; object-fit:contain; }
#nomos-preview-app .nomos-header p { margin:0; }
#nomos-preview-app .nomos-product { font-weight:700; font-size:1.5rem; }
#nomos-preview-app .nomos-header .nomos-tag { margin-left:auto; }
#nomos-preview-app .nomos-demo-note { background:var(--nomos-pale); padding:1rem 1.5rem; font-size:.92rem; }
#nomos-preview-app .nomos-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:.8rem; padding:1rem 1.5rem; }
#nomos-preview-app .nomos-toolbar label { max-width:380px; flex:1 1 240px; }
#nomos-preview-app .nomos-nav { display:flex; flex-wrap:wrap; gap:.4rem; padding:.5rem 1.5rem 1rem; border-bottom:1px solid var(--nomos-line); }
#nomos-preview-app .nomos-nav button { border-color:transparent; }
#nomos-preview-app .nomos-nav button[aria-current] { background:var(--nomos-pale); border-color:var(--nomos-line); font-weight:600; }
#nomos-preview-app #nomos-content { padding:1.5rem; }
#nomos-preview-app .nomos-message { margin:0; padding:0 1.5rem; }
#nomos-preview-app .nomos-message:not(:empty) { padding-top:1rem; }
#nomos-preview-app .nomos-intro { max-width:760px; }
#nomos-preview-app .nomos-lead { font-size:1.1rem; }
#nomos-preview-app .nomos-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin:1.25rem 0; }
#nomos-preview-app .nomos-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
#nomos-preview-app .nomos-card { border:1px solid var(--nomos-line); border-radius:8px; padding:1.25rem; background:#FFFFFF; }
#nomos-preview-app .nomos-card p:last-child { margin-bottom:0; }
#nomos-preview-app .nomos-card .nomos-value { font-size:1.5rem; font-weight:600; }
#nomos-preview-app .nomos-tag { display:inline-block; padding:.3rem .6rem; border-radius:4px; background:var(--nomos-pale); font-size:.9rem; }
#nomos-preview-app .nomos-warning { background:#FFF2D6; }
#nomos-preview-app .nomos-supported { background:#E6F4EC; }
#nomos-preview-app .nomos-note { padding:1rem; border-left:4px solid var(--nomos-blue); background:var(--nomos-pale); margin:1rem 0; }
#nomos-preview-app .nomos-note p:last-child { margin-bottom:0; }
#nomos-preview-app .nomos-top { display:flex; justify-content:space-between; align-items:start; gap:1rem; flex-wrap:wrap; }
#nomos-preview-app .nomos-meta { font-size:.92rem; overflow-wrap:anywhere; }
#nomos-preview-app .nomos-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
#nomos-preview-app label { display:flex; flex-direction:column; gap:.4rem; font-weight:500; }
#nomos-preview-app form label { font-size:1rem; }
#nomos-preview-app input,#nomos-preview-app select,#nomos-preview-app textarea { width:100%; min-width:0; background:#FFFFFF; border:1px solid #839BAA; border-radius:4px; padding:.65rem .75rem; font-size:16px; }
#nomos-preview-app textarea { min-height:100px; resize:vertical; }
#nomos-preview-app ::placeholder { color:#18354B; opacity:1; }
#nomos-preview-app fieldset { border:0; padding:0; margin:1.4rem 0; min-width:0; }
#nomos-preview-app legend { font-weight:600; margin-bottom:.5rem; }
#nomos-preview-app .nomos-choices { display:flex; flex-wrap:wrap; gap:.6rem 1.25rem; }
#nomos-preview-app .nomos-choices label { flex-direction:row; align-items:center; min-height:44px; }
#nomos-preview-app input[type=checkbox] { width:20px; height:20px; margin:0; flex-shrink:0; accent-color:#18354B; }
#nomos-preview-app .nomos-split { display:grid; grid-template-columns:minmax(200px,.7fr) minmax(0,2fr); gap:1.5rem; }
#nomos-preview-app .nomos-finding-list { display:flex; flex-direction:column; gap:.5rem; }
#nomos-preview-app .nomos-finding-list button[aria-pressed=true] { background:var(--nomos-pale); border-color:#18354B; }
#nomos-preview-app .nomos-finding-list span { display:block; margin-top:.4rem; font-size:.9rem; }
#nomos-preview-app .nomos-action-row { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:center; border-top:1px solid var(--nomos-line); padding:1rem 0; }
#nomos-preview-app .nomos-action-row p { margin:0; }
#nomos-preview-app .nomos-action-row > div { flex:1 1 260px; }
#nomos-preview-app .nomos-document { border-top:1px solid var(--nomos-line); padding:1rem 0; }
#nomos-preview-app blockquote { margin:1rem 0; padding:1rem; background:var(--nomos-pale); }
#nomos-preview-app dl { display:grid; grid-template-columns:minmax(100px,.5fr) 1.5fr; gap:.5rem 1rem; }
#nomos-preview-app dt { font-weight:600; }
#nomos-preview-app dd { margin:0; overflow-wrap:anywhere; }
#nomos-preview-app pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.9rem; background:var(--nomos-pale); padding:1rem; }
#nomos-preview-app .nomos-footer { padding:1rem 1.5rem; border-top:1px solid var(--nomos-line); font-size:.9rem; }
@media(max-width:760px) { #nomos-preview-app .nomos-grid { grid-template-columns:1fr; } #nomos-preview-app .nomos-split { grid-template-columns:1fr; } #nomos-preview-app .nomos-finding-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { #nomos-preview-app .nomos-form-grid { grid-template-columns:1fr; } #nomos-preview-app .nomos-header,#nomos-preview-app .nomos-demo-note,#nomos-preview-app .nomos-toolbar,#nomos-preview-app .nomos-nav,#nomos-preview-app #nomos-content,#nomos-preview-app .nomos-footer { padding-left:1rem;padding-right:1rem; } #nomos-preview-app .nomos-finding-list { grid-template-columns:1fr; } #nomos-preview-app dl { grid-template-columns:1fr; } #nomos-preview-app dd { margin-bottom:.5rem; } }