.ic-search__form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.ic-search__label{flex:0 0 100%;font-weight:600}
.ic-search__input{flex:1 1 14rem;min-width:0}
.ic-results__list{list-style:none;margin:1rem 0 0;padding:0}
.ic-results__item{display:flex;flex-wrap:wrap;gap:.25rem .75rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid rgba(128,128,128,.25)}
.ic-results__title{font-weight:600}
.ic-results__lang,.ic-results__sources{font-size:.85em;opacity:.75}
.ic-results__note{margin:1rem 0 0}

/*
 * Front page (hero). No font is set: the headings and the form take the theme's faces. Colours, radii and widths are
 * custom properties with the values of the site's look as fallbacks, so a theme can override any of them on :root:
 *   --ic-ink #1A1D21, --ic-muted #59616B, --ic-rule #E4E7EB, --ic-input-border #C9CED5, --ic-surface #F5F6F8,
 *   --ic-accent #1D4E89, --ic-accent-hover #123459, --ic-radius 10px, --ic-front-column 760px, --ic-front-wide 1120px.
 * The frame container is widened on this page only, so the band runs edge to edge and the sections choose their own width.
 */
.ic-page:has(.ic-search-front){max-inline-size:none;padding-block:0;padding-inline:0}
/* Block themes with root-padding-aware alignments (theme.json useRootPaddingAwareAlignments, e.g. Twenty Twenty-Five) pad the <main> group by --wp--style--root--padding-* and mark it with the WordPress layout class has-global-padding; the band takes that padding back, the way core's `.has-global-padding > .alignfull` does. The rule is scoped to that parent, so a template whose main group carries no root padding (a customised one) is not pulled outwards (no horizontal scroll). The properties exist only on such themes (fallback 0px), the rule applies to the block path only, and !important is needed against the layout rule `margin-left/right:auto!important` of constrained groups. A classic page (.ic-page--classic) is not matched. */
.has-global-padding>.ic-page--block:has(.ic-search-front){margin-left:calc(var(--wp--style--root--padding-left,0px) * -1)!important;margin-right:calc(var(--wp--style--root--padding-right,0px) * -1)!important}
.ic-search-front__hero{background:var(--ic-surface,#F5F6F8);border-block-end:1px solid var(--ic-rule,#E4E7EB)}
.ic-search-front__inner{box-sizing:border-box;max-inline-size:var(--ic-front-column,760px);margin-inline:auto;padding:72px 24px 64px;display:flex;flex-direction:column;gap:20px}
.ic-search-front__title{margin:0;font-size:44px;line-height:1.15;font-weight:600}
.ic-search-front__intro{margin:0;font-size:18px;color:var(--ic-muted,#59616B)}
.ic-search-front__hint{margin:0;font-size:14px;color:var(--ic-muted,#59616B)}
.ic-search-front .ic-search__form{gap:12px;flex-wrap:wrap}
.ic-search-front .ic-search__label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ic-search-front .ic-search__input{flex:1 1 320px;font-family:inherit;box-sizing:border-box;block-size:56px;padding:0 18px;font-size:18px;color:var(--ic-ink,#1A1D21);background:#fff;border:1px solid var(--ic-input-border,#C9CED5);border-radius:var(--ic-radius,10px)}
.ic-search-front .ic-search__submit{font-family:inherit;box-sizing:border-box;block-size:56px;padding:0 28px;font-size:17px;font-weight:600;color:#fff;background:var(--ic-accent,#1D4E89);border:0;border-radius:var(--ic-radius,10px);cursor:pointer}
.ic-search-front .ic-search__submit:hover,.ic-search-front .ic-search__submit:focus-visible{background:var(--ic-accent-hover,#123459)}
@media (max-width:600px){
.ic-search-front__inner{padding-block:48px 40px}
.ic-search-front__title{font-size:32px}
}
