.iis-search-form { display:flex; flex-wrap:wrap; align-items:end; gap:20px; margin:32px 0; }
.iis-search-form label,.iis-url-form label { display:block; font-weight:700; margin-bottom:8px; }
.iis-search-input { position:relative; flex:1 1 300px; }
.iis-search-form input,.iis-search-form select,.iis-url-form input,.iis-url-form textarea { width:100%; padding:12px; border:1px solid #64748b; border-radius:4px; background:#fff; color:#001128; font:inherit; min-height:46px; }
.iis-search-form input:focus,.iis-search-form select:focus,.iis-url-form input:focus,.iis-url-form textarea:focus { outline:3px solid #007c91; outline-offset:3px; }
.iis-suggestions { position:absolute; top:100%; left:0; right:0; z-index:10; padding:0; margin:4px 0; list-style:none; background:#fff; color:#001128; border:1px solid #64748b; box-shadow:0 4px 16px #00112833; }
.iis-suggestions li { padding:12px; cursor:pointer; border-bottom:1px solid #d7dfe5; }
.iis-suggestions li[aria-selected="true"],.iis-suggestions li:hover { background:#deeff1; }
.iis-search-status { flex-basis:100%; min-height:1.5em; }
.iis-url-form { max-width:850px; margin:32px 0; }
.iis-url-form textarea,.iis-url-form input { margin-bottom:20px; }
.iis-url-output { overflow-wrap:anywhere; }
.iis-url-output:empty { display:none; }
.iis-url-output dl { display:grid; grid-template-columns:minmax(100px,1fr) minmax(0,3fr); gap:12px; padding:20px; border:1px solid #64748b; }
.iis-url-output dt { font-weight:700; }.iis-url-output dd { margin:0; }
.iis-url-form .iis-button { border:1px solid #64748b; cursor:pointer; }
.iis-url-lessons { margin-block:3rem; }
.iis-url-lessons code { overflow-wrap:anywhere; word-break:break-word; }
.iis-url-lessons article { min-width:0; }
.iis-url-lessons .iis-button { white-space:normal; }
.iis-url-output { scroll-margin-top:7rem; }
@media(max-width:600px) { .iis-search-form>label,.iis-search-form>button { width:100%; } .iis-url-output dl { grid-template-columns:1fr; } }