/* 0017 layout only. Typography, colors and controls use the existing product stylesheet. */
[data-botai-product="0017"] #note-main{max-width:1000px;padding-top:24px}
[data-botai-product="0017"] #note-header.note-header{padding:0;margin-bottom:24px}
[data-botai-product="0017"] h1{font-size:clamp(1.8rem,3.4vw,2.55rem);max-width:none;margin-bottom:12px}
[data-botai-product="0017"] .eyebrow{font-size:1rem;letter-spacing:.04em;margin:24px 0 8px}
[data-botai-product="0017"] .product-lead{color:var(--ink);max-width:48ch;margin:0 0 12px}
[data-botai-product="0017"] nav{justify-content:space-between;align-items:center}
[data-botai-product="0017"] .actions{align-items:center}
[data-botai-product="0017"] .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
[data-botai-product="0017"] h2{margin:0 0 12px}
[data-botai-product="0017"] fieldset{border-color:var(--line);padding:20px;border-radius:12px;margin:24px 0 0}
[data-botai-product="0017"] #rows .grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px}
[data-botai-product="0017"] label[data-field="body"],
[data-botai-product="0017"] label[data-field="unknown"]{grid-column:1/-1}
[data-botai-product="0017"] .note-optional{margin-top:16px;border-top:1px solid var(--line)}
[data-botai-product="0017"] .note-optional summary{font-weight:500}
[data-botai-product="0017"] .note-settings{margin-top:20px;border-block:1px solid var(--line);padding-bottom:12px}
[data-botai-product="0017"] .note-settings:not([open]){padding-bottom:0}
[data-botai-product="0017"] .status{margin:16px 0 0;padding:12px 16px;overflow-wrap:anywhere}
[data-botai-product="0017"] .status:empty{display:none}
[data-botai-product="0017"] #result{min-height:24rem;padding:16px;border-radius:9px;box-shadow:none}
[data-botai-product="0017"] .result-note{margin-top:14px}
[data-botai-product="0017"] .draft-panel{margin:20px 0}
[data-botai-product="0017"] .draft-panel>summary{padding:0}
[data-botai-product="0017"] .draft-panel label{margin-top:20px}
[data-botai-product="0017"] .help-body{padding-bottom:16px}
[data-botai-product="0017"] .help-body ol{padding-left:1.5em}
[data-botai-product="0017"] .help-body p:last-child{margin-bottom:0}
[data-botai-product="0017"] footer{padding:12px 0 0}
[data-botai-product="0017"] .skip-link{position:absolute;top:-100px;left:16px;padding:8px 16px;background:white;z-index:5}
[data-botai-product="0017"] .skip-link:focus{top:12px}
[data-botai-product="0017"] #discard-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff}
[data-botai-product="0017"] #discard-dialog::backdrop{background:rgb(23 43 34 / .35)}
@media(max-width:600px){
  [data-botai-product="0017"] #note-main{padding:20px 16px 40px}
  [data-botai-product="0017"] .panel{padding:20px 16px}
  [data-botai-product="0017"] fieldset{padding:16px 12px}
  [data-botai-product="0017"] #rows .grid{grid-template-columns:minmax(0,1fr)}
  [data-botai-product="0017"] .form-actions .primary{flex:1 1 100%}
}

#source-results{margin:18px 0}#source-results h3{margin:0 0 10px}.source-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.source-card h4{margin:0 0 8px}.source-card p{margin:8px 0}.source-card details p{white-space:pre-wrap}.source-card a{overflow-wrap:anywhere}