.ovr-shell{max-width:1120px;margin:40px auto 72px;padding:0 24px;color:#1c252c}.ovr-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;margin-bottom:40px}.ovr-breadcrumb a,.ovr-shell a{color:#245c9f;text-underline-offset:3px}.ovr-hero{max-width:870px;margin-bottom:36px}.ovr-hero h1{font-size:clamp(32px,4.5vw,56px);line-height:1.1;letter-spacing:-.035em;margin:14px 0 20px}.ovr-hero p{font-size:20px;line-height:1.6}.ovr-article,.ovr-builder,.ovr-sources{padding:28px 32px;border:1px solid #dce0da;border-radius:20px;background:#fff;margin:24px 0;line-height:1.7}.ovr-article h2,.ovr-sources h2,.ovr-builder h2{font-size:25px;letter-spacing:-.02em}.ovr-article li,.ovr-builder li{margin-bottom:10px}.ovr-scope{font-size:14px;line-height:1.65;color:#465563}.ovr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ovr-card{padding:28px;border:1px solid #dce0da;border-radius:20px;background:#fff;text-decoration:none!important;color:#1c252c!important}.ovr-card h2{font-size:25px;line-height:1.3}.ovr-card p{line-height:1.7;color:#465563}.ovr-card>span:last-child{font-size:14px;color:#245c9f}.ovr-builder fieldset{border:0;padding:12px 0;margin:0}.ovr-builder legend{font-weight:600}.ovr-builder label{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ovr-builder fieldset label{margin:12px 0}.ovr-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ovr-inputs label{display:flex;flex-direction:column;align-items:flex-start;font-size:14px;font-weight:600}.ovr-inputs input,.ovr-inputs select{box-sizing:border-box;min-height:44px;width:100%;padding:10px;border:1px solid #bcc6ce;border-radius:8px;background:#fff;color:#1c252c}.ovr-code-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0}.ovr-code-head strong{margin-right:auto}.ovr-shell button{min-height:44px;padding:8px 16px;border:1px solid #a5b9cb;border-radius:8px;background:#eef4f9;color:#17436a;cursor:pointer}.ovr-builder pre{overflow:auto;background:#101d2b;color:#edf4fa;border-radius:12px;padding:22px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:620px;white-space:pre}.ovr-builder code{font:inherit;background:none;color:inherit}.ovr-feedback{min-height:25px;color:#245c9f;font-size:14px}.ovr-sources ul{display:flex;gap:12px 24px;flex-wrap:wrap;padding:0;list-style:none}.ovr-sources p{font-size:14px;color:#465563}.ovr-warning{padding:16px;border-left:4px solid #bb7620;background:#fff3de;line-height:1.65}.ovr-shell :focus-visible{outline:3px solid #3b73a5;outline-offset:3px}.ovr-shell details{margin-top:20px}.ovr-shell summary{cursor:pointer;font-weight:600;min-height:44px}@media(max-width:680px){.ovr-shell{padding:0 18px}.ovr-grid,.ovr-inputs{grid-template-columns:1fr}.ovr-article,.ovr-builder,.ovr-sources{padding:20px}.ovr-breadcrumb{margin-bottom:28px}.ovr-builder pre{padding:16px}}

.ovr-assistant{border:1px solid #d9dfdd;border-radius:18px;padding:clamp(20px,4vw,40px);margin:32px 0;background:#f6f8f7}.ovr-assistant form{display:grid;gap:16px}.ovr-assistant label{display:grid;gap:8px}.ovr-assistant textarea{width:100%;max-width:100%;font:inherit;padding:12px;border:1px solid #aebcb6;border-radius:8px;background:#fff;box-sizing:border-box}.ovr-assistant .ovr-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px}.ovr-assistant button{width:fit-content;padding:10px 18px;border-radius:8px;border:1px solid #213c31;background:#213c31;color:white;cursor:pointer}.ovr-assistant button:disabled{opacity:.5;cursor:default}.ovr-assistant button:focus-visible,.ovr-assistant textarea:focus-visible{outline:3px solid #68aeb3;outline-offset:3px}.ovr-assistant-result pre{max-height:520px;overflow:auto;background:#11251c;color:#f6f8f7;padding:16px;border-radius:10px}.ovr-assistant-result a,.ovr-assistant-result button,.ovr-assistant-history button{display:inline-block;margin:8px 12px 8px 0}.ovr-library-downloads a{display:inline-block;margin:8px 0}

/* v0.2.1 — reading text and editable fields remain comfortable on mobile. */
.ovr-article p,.ovr-article li,.ovr-hero>p{font-size:1rem;line-height:1.75}
.ovr-scope,.ovr-library-downloads{font-size:.875rem;line-height:1.65}
.ovr-shell input,.ovr-shell select,.ovr-shell textarea,.ovr-assistant textarea{font-size:16px;min-height:44px}
.ovr-assistant{max-width:800px}

.ovr-language{margin:36px 0}.ovr-vertical-list{display:flex;flex-direction:column;gap:16px}.ovr-vertical-list .ovr-card{display:block;width:100%;box-sizing:border-box}.ovr-vertical-list h3{font-size:22px;line-height:1.3;margin:12px 0}.ovr-language-label{display:inline-block;padding:5px 10px;border:1px solid #dde1e5;border-radius:6px;margin:8px 0}

/* Shared action appearance for downloads and contribution controls. */
body.openvist-public-ui .ovr-library-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}
body.openvist-public-ui .ovr-shell .ovr-library-downloads>a,
body.openvist-public-ui .ovr-shell .ov-core-button,
body.openvist-public-ui .ovr-shell .ovr-code-head>button{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:44px;margin:0!important;padding:10px 18px!important;border:1px solid #d8dddf!important;border-radius:10px!important;background:#fff!important;background-image:none!important;color:#20262b!important;font-family:inherit!important;font-size:14px!important;line-height:1.5!important;font-weight:600!important;text-decoration:none!important;text-align:center;box-shadow:none!important;cursor:pointer;white-space:normal}
body.openvist-public-ui .ovr-shell .ovr-library-downloads>a:first-child{background:#20262b!important;border-color:#20262b!important;color:#fff!important}
body.openvist-public-ui .ovr-shell .ovr-library-downloads>a:is(:hover,:focus-visible),
body.openvist-public-ui .ovr-shell .ov-core-button:is(:hover,:focus-visible),
body.openvist-public-ui .ovr-shell .ovr-code-head>button:is(:hover,:focus-visible){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
body.openvist-public-ui .ovr-shell .ovr-library-downloads>a:focus-visible,
body.openvist-public-ui .ovr-shell .ov-core-button:focus-visible,
body.openvist-public-ui .ovr-shell .ovr-code-head>button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:620px){body.openvist-public-ui .ovr-library-downloads>a{flex:1 1 220px}}

.ovr-recipe-search{margin:28px 0 12px}.ovr-search-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #bfc9d2;border-radius:13px;padding:8px 8px 8px 17px;background:#fff;box-shadow:0 10px 32px rgba(23,32,51,.05)}.ovr-search-bar svg{color:#66747b}.ovr-search-bar input{width:100%;min-width:0;border:0!important;outline:none;background:transparent!important;padding:10px 0!important;box-shadow:none!important;color:#171d21;height:auto!important;font:inherit;font-size:16px}.ovr-search-bar:focus-within{outline:3px solid rgba(37,99,235,.15);border-color:#6e8fba}.ovr-search-bar button{min-height:44px;border:1px solid #171d21;border-radius:10px;color:#fff!important;background:#171d21!important;padding:0 19px;cursor:pointer;font:inherit;font-size:13px;font-weight:800;line-height:1.2;transition:background .16s,border-color .16s,transform .16s}.ovr-search-bar button:hover{background:#2563eb!important;border-color:#2563eb!important;transform:translateY(-1px)}.ovr-search-bar button span{margin-left:8px}.ovr-search-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end;margin-top:16px;padding:18px;background:#f7f8f9;border:1px solid #e0e5e8;border-radius:13px}.ovr-search-filters label{font-size:12px;font-weight:700;display:grid;gap:7px;min-width:0;color:#56636b}.ovr-search-filters select{width:100%;min-width:0;min-height:44px;padding:10px 32px 10px 12px;border:1px solid #cbd3d9;border-radius:10px;color:#171d21;background-color:#fff;font:inherit;font-size:14px}.ovr-clear{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #cbd3d9;border-radius:10px;padding:0 14px;background:#fff;font-size:13px;font-weight:700;white-space:nowrap}.ovr-clear:hover{color:#fff;background:#2563eb;border-color:#2563eb}.ovr-result-count{font-size:13px;color:#66747b;margin:12px 0 26px}.ovr-empty{padding:28px;border:1px dashed #cbd3d9;border-radius:13px;background:#f7f8f9;margin-bottom:28px}.ovr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ovr-recipe-search :is(button,select,a):focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}
@media(max-width:760px){.ovr-search-filters{grid-template-columns:1fr 1fr}.ovr-clear{white-space:normal}}@media(max-width:480px){.ovr-search-bar{grid-template-columns:auto minmax(0,1fr);padding:10px 11px;gap:8px}.ovr-search-bar button{grid-column:1/-1;width:100%}.ovr-search-filters{grid-template-columns:1fr;gap:12px;padding:14px}.ovr-empty{padding:20px}}

.ovr-task-image{margin:24px 0 32px}.ovr-task-image img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #d8dddf}

/* Live task suggestions: scoped, scrollable and keyboard accessible. */
.ovr-recipe-search{position:relative}.ovr-suggestions{position:absolute;z-index:50;top:80px;left:0;right:0;max-height:420px;overflow:auto;padding:12px;background:#fff;border:1px solid #bfdbfe;border-top:3px solid #93c5fd;border-radius:12px;box-shadow:0 12px 28px #2563eb1f}.ovr-suggestions[hidden]{display:none!important}.ovr-suggestions>strong{display:block;padding:6px 12px;color:#475569;font-size:12px}.ovr-suggestions>a{display:block;padding:12px;color:#171d21!important;text-decoration:none!important;border-radius:8px}.ovr-suggestions>a>strong,.ovr-suggestions>a>span{display:block}.ovr-suggestions>a>span{margin-top:4px;color:#475569;font-size:13px}.ovr-suggestions>a:is(:hover,:focus-visible){background:#eff6ff!important;outline:2px solid #2563eb;outline-offset:-2px}.ovr-suggestions p{padding:12px;font-size:14px}@media(max-width:680px){.ovr-suggestions{position:relative;top:auto;margin:8px 0;max-height:340px}}

/* Keep the example title separate from its equal-size actions on small screens. */
body.openvist-public-ui .ovr-shell .ovr-code-head{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px;align-items:center;gap:12px;width:100%;box-sizing:border-box}
body.openvist-public-ui .ovr-shell .ovr-code-head>strong{min-width:0;margin:0;overflow-wrap:anywhere}
body.openvist-public-ui .ovr-shell .ovr-code-head>button{width:100%!important;height:48px!important;min-height:48px!important;padding:8px 12px!important;margin:0!important;font-size:14px!important;line-height:1.35!important}
@media(max-width:680px){
 body.openvist-public-ui .ovr-shell .ovr-code-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.openvist-public-ui .ovr-shell .ovr-code-head>strong{grid-column:1 / -1}
}