/** * Improvement Service Microsite – Global theme tokens * Include this file once per page (e.g. in layout or page template) so components * can be themed per microsite. Use class on or a wrapper to switch theme: * - Default / National Framework: .is-theme-national-framework (or no class) * - Main Improvement Service site: .is-theme-improvement-service */ /* ========================================================================== National Framework (default microsite theme – from provided logo) Primary: #E8714B, Secondary: #47A8BD, Tertiary: #F7A86B ========================================================================== */ :root, .is-theme-national-framework { /* Brand */ --is-primary-color: #00395C; --is-primary-bg-color: #e8f4f7; --is-secondary-color: #f50002; --is-secondary-bg-color: #fef5f2; --is-tertiary-color: #5799ad; --is-tertiary-bg-color: #f7faff; /* UI */ --is-heading-color: #252626; --is-text-color: #262626; --is-text-inverse: #fff; --is-default-bg: #fff; --is-border-color: #e0e0e0; --is-dark-bg-color: #252626; /* Buttons (map to sq-* if using component lib) */ --is-btn-primary-bg: var(--is-primary-color); --is-btn-primary-color: var(--is-text-inverse); --is-btn-secondary-bg: var(--is-secondary-color); --is-btn-secondary-color: var(--is-text-inverse); /* Header / footer */ --is-header-bg: var(--is-primary-color); --is-header-text: var(--is-text-inverse); --is-footer-bg: #252626; --is-footer-text: var(--is-text-inverse); --is-header-height: 72px; --is-font-family: 'IBM Plex Sans', 'Open Sans', Arial, sans-serif; } /* ========================================================================== Improvement Service main site (pull final values from improvementservice.org.uk) ========================================================================== */ .is-theme-improvement-service { --is-primary-color: #1e3a5f; --is-primary-bg-color: #f0f4f8; --is-secondary-color: #2563eb; --is-secondary-bg-color: #eff6ff; --is-tertiary-color: #0ea5e9; --is-tertiary-bg-color: #f0f9ff; --is-heading-color: #1e293b; --is-text-color: #334155; --is-default-bg: #fff; --is-border-color: #e2e8f0; --is-btn-primary-bg: var(--is-primary-color); --is-btn-primary-color: #fff; --is-btn-secondary-bg: var(--is-secondary-color); --is-btn-secondary-color: #fff; --is-header-bg: var(--is-primary-color); --is-header-text: #fff; --is-footer-bg: #1e293b; --is-footer-text: #e2e8f0; --is-header-height: 72px; --is-font-family: 'IBM Plex Sans', 'Open Sans', Arial, sans-serif; } /* layout css/microsite-sidebar-main-layout.css */ /** * Page layout: ~30% sidebar / ~70% main (large screens). * Bundled into dist/microsite.css via scripts/build-css.js + bundle-for-cms.js */ .microsite-layout { width: 100%; } .microsite-layout__banner { width: 100%; } .microsite-layout__wrapper { display: grid; grid-template-columns: 30% 1fr; gap: 1.5rem; width: 100%; align-items: start; box-sizing: border-box; } .microsite-layout__sidebar, .microsite-layout__main { padding: 1rem; } @media (min-width: 768px) { .microsite-layout__sidebar { grid-area: sidebar; min-width: 0; } .microsite-layout__main { grid-area: main; min-width: 0; } .microsite-layout--sidebar-left .microsite-layout__wrapper { grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); grid-template-areas: "sidebar main"; } .microsite-layout--sidebar-right .microsite-layout__wrapper { grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); grid-template-areas: "main sidebar"; } } @media (max-width: 767px) { .microsite-layout__wrapper { display: grid; grid-template-columns: 1fr; flex-direction: column; gap: 1.5rem; } .microsite-layout--sidebar-left .microsite-layout__sidebar { order: 1; } .microsite-layout--sidebar-left .microsite-layout__main { order: 2; } .microsite-layout--sidebar-right .microsite-layout__main { order: 1; } .microsite-layout--sidebar-right .microsite-layout__sidebar { order: 2; } } /* css/is-hero.css */ .is-hero--default.is-hero--text-light .is-hero__btn { background: #fff; color: var(--is-default-bg); } .is-hero--main.is-hero--text-light .is-hero__btn { background: #fff; color: var(--is-primary-color); } .is-hero--primary.is-hero--text-light .is-hero__btn { background: #fff; color: var(--is-primary-bg-color); } .is-hero--secondary.is-hero--text-light .is-hero__btn { background: #fff; color: var(--is-secondary-bg-color); } .is-hero--tertiary.is-hero--text-light .is-hero__btn { background: #fff; color: var(--is-tertiary-bg-color); } .is-hero--dark.is-hero--text-light .is-hero__btn { background: #fff; color: var(--is-dark-bg-color); } .is-hero { font-family: var(--is-font-family); position: relative; padding: 3rem 1rem; min-height: 200px; display: flex; align-items: center; background-size: cover; background-position: center; background-color: var(--is-primary-color); } .is-hero--default { background-color: var(--is-default-bg); } .is-hero--main { background-color: var(--is-primary-color); } .is-hero--primary { background-color: var(--is-primary-bg-color); } .is-hero--secondary { background-color: var(--is-secondary-bg-color); } .is-hero--tertiary { background-color: var(--is-tertiary-bg-color); } .is-hero--dark { background-color: var(--is-dark-bg-color); } .is-hero__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); pointer-events: none; } .is-hero__container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; width: 100%; } .is-hero__heading { margin: 0 0 0.5rem; font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700; line-height: 1.2; } .is-hero--text-light .is-hero__heading, .is-hero--text-light .is-hero__subheading { color: #fff; } .is-hero--text-dark .is-hero__heading, .is-hero--text-dark .is-hero__subheading { color: var(--is-heading-color); } .is-hero__subheading { margin: 0 0 1.5rem; font-size: 1.125rem; opacity: 0.95; } .is-hero__btn { display: inline-block; padding: 0.6rem 1.25rem; background: var(--is-btn-primary-bg); color: var(--is-btn-primary-color); text-decoration: none; font-weight: 600; border-radius: 4px; transition: opacity 0.2s; } .is-hero__btn:hover { opacity: 0.9; } .is-hero--text-dark .is-hero__btn { background: var(--is-primary-color); color: #fff; } .is-hero--video .is-hero__video-wrap { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 1rem; } .is-hero--video .is-hero__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .is-hero--video .is-hero__caption { font-size: 0.9rem; opacity: 0.9; margin-top: 0.5rem; } .is-hero--text-light .is-hero__caption { color: #fff; } .is-hero--text-dark .is-hero__caption { color: var(--is-heading-color); } .is-hero--opacity:before { position: absolute; top: 0; right: 0; left: 0; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5019607843); z-index: 0; } .is-hero--full_width { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: flex; } /* css/is-breadcrumbs.css */ @charset "UTF-8"; /** * Microsite breadcrumbs – tokenised; trail matches UoH-style API output. */ .is-breadcrumbs { font-family: var(--is-font-family, system-ui, sans-serif); width: 100%; } .is-breadcrumbs__nav { margin: 0 0 0.75rem; } .is-breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; list-style: none; margin: 0; padding: 0; font-size: 0.875rem; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; line-height: 1.3; } .is-breadcrumbs__item { display: inline-flex; align-items: center; color: var(--is-text-color, #262626); } .is-breadcrumbs__item:not(:last-child)::after { content: "/"; margin-left: 0.5rem; color: var(--is-border-color, #e0e0e0); font-weight: 400; letter-spacing: normal; text-transform: none; } .is-breadcrumbs__link { color: var(--is-tertiary-color, #5799ad); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s ease, color 0.2s ease; } .is-breadcrumbs__link:hover, .is-breadcrumbs__link:focus-visible { border-bottom-color: currentcolor; outline: none; } .is-breadcrumbs__link:focus-visible { outline: 2px solid var(--is-primary-color, #00395c); outline-offset: 2px; } .is-breadcrumbs__item--current { color: var(--is-heading-color, #252626); font-weight: 600; } .is-breadcrumbs__back { margin: 0 0 0.75rem; } .is-breadcrumbs__back-link { font-size: 0.875rem; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; color: var(--is-tertiary-color, #5799ad); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s ease; } .is-breadcrumbs__back-link:hover, .is-breadcrumbs__back-link:focus-visible { border-bottom-color: currentcolor; } .is-breadcrumbs__back-link:focus-visible { outline: 2px solid var(--is-primary-color, #00395c); outline-offset: 2px; } /* css/is-content.css */ .is-content { font-family: var(--is-font-family); color: var(--is-text-color); } .is-content--mt-0 { margin-top: 0; } .is-content--pt-0 { padding-top: 0; } .is-content--pb-0 { padding-bottom: 0; } .is-content--mb-0 { margin-bottom: 0; } .is-content--mt-1 { margin-top: 0.25rem; } .is-content--pt-1 { padding-top: 0.25rem; } .is-content--pb-1 { padding-bottom: 0.25rem; } .is-content--mb-1 { margin-bottom: 0.25rem; } .is-content--mt-2 { margin-top: 0.5rem; } .is-content--pt-2 { padding-top: 0.5rem; } .is-content--pb-2 { padding-bottom: 0.5rem; } .is-content--mb-2 { margin-bottom: 0.5rem; } .is-content--mt-3 { margin-top: 1.5rem; } .is-content--pt-3 { padding-top: 1.5rem; } .is-content--pb-3 { padding-bottom: 1.5rem; } .is-content--mb-3 { margin-bottom: 1.5rem; } .is-content--mt-4 { margin-top: 2.5rem; } .is-content--pt-4 { padding-top: 2.5rem; } .is-content--pb-4 { padding-bottom: 2.5rem; } .is-content--mb-4 { margin-bottom: 2.5rem; } .is-content--mt-5 { margin-top: 3.5rem; } .is-content--pt-5 { padding-top: 3.5rem; } .is-content--pb-5 { padding-bottom: 3.5rem; } .is-content--mb-5 { margin-bottom: 3.5rem; } .is-content--default { background-color: var(--is-default-bg); } .is-content--main { background-color: var(--is-primary-color); } .is-content--primary { background-color: var(--is-primary-bg-color); } .is-content--secondary { background-color: var(--is-secondary-bg-color); } .is-content--tertiary { background-color: var(--is-tertiary-bg-color); } .is-content--dark { background-color: var(--is-dark-bg-color); } .is-content--text-light { color: #fff; } .is-content--text-light .is-content__heading { color: #fff; } .is-content--text-light .is-content__body h1, .is-content--text-light .is-content__body h2, .is-content--text-light .is-content__body h3 { color: #fff; } .is-content--text-light .is-content__body a { color: #fff; } .is-content--text-light .is-content__media-caption { color: #fff; } .is-content--text-dark { color: var(--is-heading-color); } .is-content--text-dark .is-content__heading { color: var(--is-heading-color); } .is-content--text-dark .is-content__body h1, .is-content--text-dark .is-content__body h2, .is-content--text-dark .is-content__body h3 { color: var(--is-heading-color); } .is-content--text-dark .is-content__body a { color: var(--is-heading-color); } .is-content--text-dark .is-content__media-caption { color: var(--is-heading-color); } .is-content__container { margin: 0 auto; padding: 0 1rem; } .is-content__heading { color: var(--is-heading-color); margin: 0 0 0.75em; font-size: 1.5rem; line-height: 1.3; } .is-content__body h1, .is-content__body h2, .is-content__body h3 { color: var(--is-heading-color); margin: 1.25em 0 0.5em; } .is-content__body p { margin: 0.75em 0; line-height: 1.6; } .is-content__body a { color: var(--is-primary-color); } .is-content__media { margin: 1.5rem 0; } .is-content__media-img { max-width: 100%; height: auto; display: block; } .is-content__media-video-wrap { position: relative; padding-bottom: 56.25%; height: 0; } .is-content__media-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .is-content__media-caption { font-size: 0.9rem; color: var(--is-text-muted, #666); margin-top: 0.5rem; } /* css/is-cta-section.css */ .is-cta-section--default.is-cta-section--text-light .is-cta-section__btn { background: #fff; color: var(--is-default-bg); } .is-cta-section--main.is-cta-section--text-light .is-cta-section__btn { background: #fff; color: var(--is-primary-color); } .is-cta-section--primary.is-cta-section--text-light .is-cta-section__btn { background: #fff; color: var(--is-primary-bg-color); } .is-cta-section--secondary.is-cta-section--text-light .is-cta-section__btn { background: #fff; color: var(--is-secondary-bg-color); } .is-cta-section--tertiary.is-cta-section--text-light .is-cta-section__btn { background: #fff; color: var(--is-tertiary-bg-color); } .is-cta-section--dark.is-cta-section--text-light .is-cta-section__btn { background: #fff; color: var(--is-dark-bg-color); } .is-cta-section { font-family: var(--is-font-family); padding: 2rem 1rem; } .is-cta-section--default { background-color: var(--is-default-bg); } .is-cta-section--main { background-color: var(--is-primary-color); } .is-cta-section--primary { background-color: var(--is-primary-bg-color); } .is-cta-section--secondary { background-color: var(--is-secondary-bg-color); } .is-cta-section--tertiary { background-color: var(--is-tertiary-bg-color); } .is-cta-section--dark { background-color: var(--is-dark-bg-color); } .is-cta-section--text-light .is-cta-section__content { color: #fff; } .is-cta-section--text-light .is-cta-section__content a { color: #fff; text-decoration: underline; } .is-cta-section--text-light .is-cta-section__heading { color: #fff; } .is-cta-section--text-light .is-cta-section__link { color: #fff; } .is-cta-section--text-dark .is-cta-section__content { color: var(--is-heading-color); } .is-cta-section--text-dark .is-cta-section__content a { color: var(--is-heading-color); } .is-cta-section--text-dark .is-cta-section__heading { color: var(--is-heading-color); } .is-cta-section--text-dark .is-cta-section__link { color: var(--is-heading-color); } .is-cta-section__content { margin-bottom: 1rem; } .is-cta-section__content h2 { margin: 0 0 0.5rem; font-size: 1.5rem; } .is-cta-section__content p { margin: 0.5rem 0; } .is-cta-section__btn-wrap { margin: 1rem 0 0; } .is-cta-section__btn { display: inline-block; padding: 0.6rem 1.25rem; background: #fff; color: var(--is-primary-color); text-decoration: none; font-weight: 600; border-radius: 4px; } .is-cta-section__btn:hover { opacity: 0.9; } .is-cta-section--text-dark .is-cta-section__btn { background: var(--is-primary-color); color: #fff; } .is-cta-section__heading { margin: 0 0 0.75rem; font-size: 1.25rem; } .is-cta-section__list { list-style: none; margin: 0.75rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; } .is-cta-section__item { margin: 0; } .is-cta-section__link { color: inherit; text-decoration: underline; font-weight: 600; } .is-cta-section--spotlight .is-cta-section__container { max-width: 900px; } .is-cta-section--spotlight .is-cta-section__spotlight { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: start; } .is-cta-section--spotlight .is-cta-section__image img { width: 100%; height: auto; display: block; } .is-cta-section--spotlight .is-cta-section__date { font-size: 0.9rem; opacity: 0.9; margin-bottom: 0.5rem; } @media (max-width: 768px) { .is-cta-section--spotlight .is-cta-section__spotlight { grid-template-columns: 1fr; } } .is-cta-section--spotlight.is-cta-section--text-light .is-cta-section__date { color: #fff; } .is-cta-section--spotlight.is-cta-section--text-dark .is-cta-section__date { color: var(--is-heading-color); } .is-cta-section--cards .is-cta-section__container { width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; } .is-cta-section__cards { display: grid; gap: 1.5rem; width: 100%; margin: 0; padding: 0; } .is-cta-section__cards--side-by-side { grid-template-columns: repeat(auto-fit, minmax(min(100%, 17.5rem), 1fr)); } .is-cta-section__cards--stacked { grid-template-columns: minmax(0, 1fr); } .is-cta-section--cards .is-cta-section__card { display: block; width: auto; max-width: none; min-width: 0; margin: 0; } .is-cta-section--cards .is-cta-section__card-inner { display: flex; flex-direction: column; height: 100%; } .is-cta-section--cards .is-cta-section__card-heading { margin: 0 0 0.75rem; font-size: 1.25rem; } .is-cta-section--cards .is-cta-section__card-content { flex: 1; margin-bottom: 1rem; } .is-cta-section--cards.is-cta-section--text-light .is-cta-section__card-heading, .is-cta-section--cards.is-cta-section--text-light .is-cta-section__card-content { color: #fff; } .is-cta-section--cards.is-cta-section--text-dark .is-cta-section__card-heading, .is-cta-section--cards.is-cta-section--text-dark .is-cta-section__card-content { color: var(--is-heading-color); } /* css/is-multi-column.css */ .is-multi-column { font-family: var(--is-font-family); padding: 2rem 1rem; color: var(--is-text-color); } .is-multi-column--default { background-color: var(--is-default-bg); } .is-multi-column--main { background-color: var(--is-primary-color); } .is-multi-column--primary { background-color: var(--is-primary-bg-color); } .is-multi-column--secondary { background-color: var(--is-secondary-bg-color); } .is-multi-column--tertiary { background-color: var(--is-tertiary-bg-color); } .is-multi-column--dark { background-color: var(--is-dark-bg-color); } .is-multi-column--text-light { color: #fff; } .is-multi-column--text-light .is-multi-column__section-title, .is-multi-column--text-light .is-multi-column__intro { color: #fff; } .is-multi-column--text-light .is-multi-column__col-heading { color: #fff; } .is-multi-column--text-light .is-multi-column__col-link { color: #fff; } .is-multi-column--text-light .is-multi-column__date { color: #fff; } .is-multi-column--text-light .is-multi-column__link-name { color: #fff; } .is-multi-column--text-light .is-multi-column__link-text { color: #fff; } .is-multi-column--text-light .is-multi-column__link-text p { color: #fff; } .is-multi-column--text-dark { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__section-title, .is-multi-column--text-dark .is-multi-column__intro { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__col-heading { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__col-link { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__date { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__link-name { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__link-text { color: var(--is-heading-color); } .is-multi-column--text-dark .is-multi-column__link-text p { color: var(--is-heading-color); } .is-multi-column__container { max-width: 1200px; margin: 0 auto; } .is-multi-column__section-title { margin: 0 0 1rem; font-size: 1.5rem; color: var(--is-heading-color); } .is-multi-column__intro { max-width: 800px; margin-bottom: 1.5rem; } .is-multi-column__grid { display: grid; gap: 1.5rem; } .is-multi-column--cols-1 .is-multi-column__grid { grid-template-columns: 1fr; } .is-multi-column--cols-2 .is-multi-column__grid { grid-template-columns: repeat(2, 1fr); } .is-multi-column--cols-3 .is-multi-column__grid { grid-template-columns: repeat(3, 1fr); } .is-multi-column--cols-4 .is-multi-column__grid { grid-template-columns: repeat(4, 1fr); } .is-multi-column__col-heading { margin: 0 0 0.5rem; font-size: 1.125rem; color: var(--is-heading-color); } .is-multi-column__col-body { line-height: 1.6; } .is-multi-column__col-body p { margin: 0.5rem 0; } .is-multi-column__col-link { display: inline-block; margin-top: 0.5rem; color: var(--is-primary-color); font-weight: 600; } .is-multi-column__image { margin-bottom: 0.75rem; } .is-multi-column__image img { width: 100%; height: auto; display: block; } .is-multi-column__date { font-size: 0.9rem; color: var(--is-text-muted, #666); margin: 0.25rem 0; } .is-multi-column--card-overlay .is-multi-column__image { position: relative; margin-bottom: 0; } .is-multi-column--card-overlay .is-multi-column__image-text-container { position: absolute; left: 0; bottom: 0; color: #fff; padding: 0 8px; background: rgba(0, 0, 0, 0.5294117647); width: 100%; } .is-multi-column--card-overlay .is-multi-column__image-text-container .is-multi-column__col-heading { color: #fff; margin-top: 8px; } .is-multi-column--card-overlay .is-multi-column__image-text-container .is-multi-column__col-body { color: #fff; } .is-multi-column--card-overlay .is-multi-column__image-text-container .is-multi-column__col-body p { margin: 0.5rem 0; } .is-multi-column--card-overlay .is-multi-column__col-inner:hover .is-multi-column__col-heading, .is-multi-column--card-overlay .is-multi-column__col-inner:hover .is-multi-column__col-body { text-decoration: underline; } .is-multi-column--card-overlay a.is-multi-column__col-inner { display: block; text-decoration: none; color: inherit; } .is-multi-column--links .is-multi-column__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } .is-multi-column--links .is-multi-column__item { margin: 0; } .is-multi-column--links .is-multi-column__link { display: block; padding: 1rem; border: 1px solid var(--is-border-color, #ddd); border-radius: 4px; text-decoration: none; color: inherit; } .is-multi-column--links .is-multi-column__link:hover { border-color: var(--is-primary-color); } .is-multi-column--links .is-multi-column__link-name { font-weight: 600; color: var(--is-heading-color); display: block; margin-bottom: 0.25rem; } .is-multi-column--links .is-multi-column__link-text { font-size: 0.95rem; color: var(--is-text-color); } .is-multi-column--links .is-multi-column__link-text p { margin: 0; } .is-multi-column--carousel .is-multi-column__carousel { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.5rem; } .is-multi-column--carousel .is-multi-column__col { flex: 0 0 280px; scroll-snap-align: start; } @media (max-width: 768px) { .is-multi-column__grid { grid-template-columns: 1fr !important; } } /* css/is-newsletter.css */ .is-newsletter { font-family: var(--is-font-family); padding: 2rem 1rem; color: var(--is-text-color); } .is-newsletter__heading { margin: 0 0 0.5rem; font-size: 1.25rem; color: var(--is-heading-color); } .is-newsletter__description { margin: 0 0 1rem; font-size: 0.95rem; } .is-newsletter__form { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: flex-end; max-width: 480px; } .is-newsletter__field { flex: 1; min-width: 200px; } .is-newsletter__label { display: block; font-size: 0.875rem; margin-bottom: 0.25rem; } .is-newsletter__input { width: 100%; padding: 0.6rem; font-size: 1rem; border: 1px solid var(--is-border-color, #ccc); border-radius: 4px; } .is-newsletter__btn { padding: 0.6rem 1.25rem; font-size: 1rem; font-weight: 600; background: var(--is-primary-color); color: var(--is-btn-primary-color, #fff); border: none; border-radius: 4px; cursor: pointer; } .is-newsletter__btn:hover { opacity: 0.9; } /* css/is-accordion.css */ .is-accordion { font-family: var(--is-font-family); } .is-accordion__title { margin: 0 0 1rem; font-size: 1.25rem; color: var(--is-heading-color); } .is-accordion__list { border: 1px solid var(--is-border-color); border-radius: 4px; overflow: hidden; } .is-accordion__item { border-bottom: 1px solid var(--is-border-color); } .is-accordion__item:last-child { border-bottom: 0; } .is-accordion__trigger { width: 100%; padding: 0.75rem 1rem; text-align: left; font: inherit; font-weight: 600; color: var(--is-heading-color); background: var(--is-default-bg); border: 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .is-accordion__trigger::after { content: ""; width: 0.5rem; height: 0.5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-left: auto; transition: transform 0.2s; } .is-accordion__trigger[aria-expanded=true]::after { transform: rotate(-135deg); } .is-accordion__trigger:hover { background: var(--is-primary-bg-color); } .is-accordion__panel { background: var(--is-default-bg); } .is-accordion__body { padding: 1rem; color: var(--is-text-color); line-height: 1.6; } /* css/is-sidebar.css */ .is-sidebar { font-family: var(--is-font-family); color: var(--is-text-color); } .is-sidebar__heading { font-size: 1rem; font-weight: 700; margin: 0 0 0.75rem; color: var(--is-heading-color); } .is-sidebar__nav { margin: 0; } .is-sidebar__list { list-style: none; margin: 0; padding: 0; } .is-sidebar__item { margin: 0 0 0.25rem; border: 1px solid var(--is-primary-color); padding: 0 8px; } .is-sidebar__item:hover { background-color: var(--is-primary-color); } .is-sidebar__item:hover .is-sidebar__link { color: white; text-decoration: none; } .is-sidebar__item--parent .is-sidebar__sublist { margin: 0.25rem 0 0.75rem 1rem; padding: 0; list-style: none; } .is-sidebar__link { display: block; padding: 0.35rem 0; color: var(--is-primary-color); text-decoration: none; font-size: 0.95rem; } .is-sidebar__link:hover { text-decoration: underline; } .is-sidebar__content { margin: 0 0 1rem; font-size: 0.95rem; line-height: 1.5; } .is-sidebar__content p { margin: 0.5rem 0; } .is-sidebar__cta { margin: 0.75rem 0 0; } /* css/is-separator.css */ .is-separator--small { padding: 0.75rem 0; } .is-separator--medium { padding: 1.5rem 0; } .is-separator--large { padding: 2.5rem 0; } .is-separator__line { border: 0; margin: 0; height: 0; border-top: 1px solid var(--is-border-color); } .is-separator--thick .is-separator__line { border-top-width: 3px; } .is-separator--dotted .is-separator__line { border-top-style: dotted; } .is-separator--spacing-only .is-separator__line { display: none; } /* css/is-header.css */ .is-header { font-family: var(--is-font-family); background-color: var(--is-header-bg); color: var(--is-header-text); min-height: var(--is-header-height); position: relative; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .is-header--sticky { position: sticky; top: 0; z-index: 1000; } .is-header--default { background-color: var(--is-default-bg); } .is-header--main { background-color: var(--is-primary-color); } .is-header--primary { background-color: var(--is-primary-bg-color); } .is-header--secondary { background-color: var(--is-secondary-bg-color); } .is-header--tertiary { background-color: var(--is-tertiary-bg-color); } .is-header--dark { background-color: var(--is-dark-bg-color); } .is-header--text-light { color: #fff; } .is-header--text-light .is-header__nav-link, .is-header--text-light .is-header__brand-text { color: #fff; } .is-header--text-dark { color: var(--is-heading-color); } .is-header--text-dark .is-header__nav-link, .is-header--text-dark .is-header__brand-text { color: var(--is-heading-color); } .is-header--align { padding-top: 16px; } .is-header--align .is-header__container { flex-wrap: wrap; } .is-header--align .is-header__nav { padding: 24px 0; width: 100%; display: flex; } .is-header--align.is-header--align-left .is-header__nav { justify-content: flex-start; } .is-header--align.is-header--align-center .is-header__nav { justify-content: center; } .is-header--align.is-header--align-right .is-header__nav { justify-content: flex-end; } .is-header__container { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 2rem; min-height: var(--is-header-height); } .is-header__logo-img { max-height: 48px; width: auto; display: block; } .is-header__nav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; } .is-header__nav-link { color: inherit; text-decoration: none; font-weight: 500; padding: 0.25em 0; } .is-header__nav-link:hover { text-decoration: underline; } .is-header__brand-text { font-size: 0.875rem; opacity: 0.9; } @media (max-width: 768px) { .is-header__container { flex-wrap: wrap; padding: 0.75rem 1rem; } .is-header__nav-list { margin-top: 0.5rem; width: 100%; } } /* css/is-footer.css */ .is-footer { font-family: var(--is-font-family); color: var(--is-footer-text); padding: 2rem 0 1.5rem; } .is-footer--default { background-color: var(--is-default-bg); } .is-footer--main { background-color: var(--is-primary-color); } .is-footer--primary { background-color: var(--is-primary-bg-color); } .is-footer--secondary { background-color: var(--is-secondary-bg-color); } .is-footer--tertiary { background-color: var(--is-tertiary-bg-color); } .is-footer--dark { background-color: var(--is-dark-bg-color); } .is-footer--text-light { color: #fff; } .is-footer--text-light a { color: #fff; } .is-footer--text-dark { color: var(--is-heading-color); } .is-footer--text-dark a { color: var(--is-heading-color); } .is-footer__container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .is-footer__logos { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: 1rem; } .is-footer__logos-img { max-height: 48px; width: auto; } .is-footer__org { font-weight: 600; margin: 0 0 0.5rem; } .is-footer__contact { margin-bottom: 1rem; opacity: 0.95; font-size: 0.9375rem; } .is-footer__address, .is-footer__phone, .is-footer__email { margin: 0.25rem 0; } .is-footer__columns { display: flex; flex-wrap: wrap; gap: 2rem 3rem; margin-top: 1.5rem; } .is-footer__column-title { font-size: 1rem; margin: 0 0 0.5rem; } .is-footer__links { list-style: none; margin: 0; padding: 0; } .is-footer__links li { margin: 0.25rem 0; } .is-footer__links a { color: inherit; text-decoration: none; } .is-footer__links a:hover { text-decoration: underline; } .is-footer__copyright { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 0.875rem; opacity: 0.9; } .is-footer--light .is-footer__copyright { border-top-color: var(--is-border-color); } /* css/is-table.css */ .is-table-wrap { font-family: var(--is-font-family); overflow-x: auto; margin: 1.5rem 1rem; } .is-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; color: var(--is-text-color); } .is-table__caption { font-weight: 700; margin-bottom: 0.5rem; text-align: left; color: var(--is-heading-color); } .is-table th, .is-table td { padding: 0.5rem 0.75rem; border: 1px solid var(--is-border-color, #ddd); text-align: left; } .is-table th { background: var(--is-default-bg, #f5f5f5); font-weight: 600; color: var(--is-heading-color); } .is-table tr:nth-child(even) td { background: rgba(0, 0, 0, 0.02); } /* css/nested-content.css */ @charset "UTF-8"; :root { --nested-content-border-color: #dee2e6; --nested-content-error-color: #dc3545; --nested-content-error-bg: #f8d7da; --nested-content-empty-color: #6c757d; --nested-content-empty-bg: #f8f9fa; --nested-content-border-radius: 0.375rem; --nested-content-padding: 1rem; --nested-content-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .nested-content { font-family: var(--nested-content-font-family); } .nested-content * { max-width: 100%; } .nested-content img { height: auto; max-width: 100%; display: block; } .nested-content table { width: 100%; max-width: 100%; overflow-x: auto; display: block; white-space: nowrap; } @media (min-width: 768px) { .nested-content table { display: table; white-space: normal; } } .nested-content--error { border: 1px solid var(--nested-content-error-color); border-radius: var(--nested-content-border-radius); background-color: var(--nested-content-error-bg); padding: var(--nested-content-padding); } .nested-content--error .nested-content__error { color: var(--nested-content-error-color); margin: 0; font-weight: 500; } .nested-content--error .nested-content__error::before { content: "⚠️ "; margin-right: 0.5rem; } .nested-content__empty { color: var(--nested-content-empty-color); background-color: var(--nested-content-empty-bg); padding: var(--nested-content-padding); border-radius: var(--nested-content-border-radius); border: 1px dashed var(--nested-content-border-color); text-align: center; font-style: italic; margin: 0; } .nested-content__empty::before { content: "📄 "; margin-right: 0.5rem; } .nested-content__fallback { margin-top: 1rem; padding: var(--nested-content-padding); background-color: var(--nested-content-empty-bg); border-radius: var(--nested-content-border-radius); border-left: 4px solid #ffc107; } .nested-content__fallback::before { content: "🔄 Fallback Content: "; font-weight: 600; color: #856404; } .nested-content__fallback p:first-child { margin-top: 0; } .nested-content__fallback p:last-child { margin-bottom: 0; } .nested-content[data-esi=true] { position: relative; } .nested-content[data-esi=true]::before { content: "ESI Fragment"; position: absolute; top: -10px; right: 10px; background: #17a2b8; color: white; padding: 2px 8px; font-size: 10px; border-radius: 3px; font-weight: bold; text-transform: uppercase; z-index: 1000; opacity: 0.8; } @media (max-width: 576px) { .nested-content--error, .nested-content__empty, .nested-content__fallback { padding: 0.75rem; } .nested-content { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } } @media print { .nested-content__error, .nested-content__empty { display: none !important; } .nested-content__fallback { display: block !important; } }