/* C007 search and page layout; the code table is shared as P006-22. */
.c007-search .kt-form-control{position:relative}
.c007-search .kt-form-control input{padding-inline-end:48px}
.c007-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.c007-search-clear{position:absolute;z-index:1;inset-inline-end:0;top:4px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:1.5rem;cursor:pointer}
.c007-search-clear[hidden]{display:none}
.c007-search-clear:focus-visible{outline:2px solid var(--color-brand-green-dark);outline-offset:-4px;border-radius:var(--radius-small)}
.c007-search{padding:var(--space-xl);max-width:760px;margin-inline:auto}
.c007-search .content-heading{margin-top:0}
.c007-search .kt-form-field{margin-top:var(--space-lg)}
.c007-search .kt-form-control{min-width:0}
.c007-search-actions,.c007-table-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}
.c007-search-actions{justify-content:flex-start;margin-top:var(--space-lg)}
.c007-search-actions .button{width:auto;min-height:44px}
.c007-page [hidden]{display:none!important}
.c007-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.c007-page #list .explanation-block{background:var(--color-surface-base)}
@media(max-width:959px){.c007-guide-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.c007-search{padding:var(--space-lg) var(--space-md)}.c007-search-actions{align-items:stretch;flex-direction:column}.c007-search-actions .button{width:100%}}

/* 2026-09-24: manuscript-led intro/search composition requested in browser comments. */
.c007-hero{padding-bottom:0}
.c007-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3xl);align-items:start}
.c007-hero-copy h2{font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.5;color:var(--color-brand-green-darker);margin:var(--space-md) 0 var(--space-lg);overflow-wrap:anywhere}
.c007-title-count{white-space:nowrap}
.c007-hero-points{list-style:none;padding:0;margin:var(--space-lg) 0;display:grid;gap:var(--space-sm);font-weight:700}
.c007-hero-points li{display:flex;gap:var(--space-xs);align-items:flex-start}
.c007-hero-points .material-symbols-outlined{color:var(--color-brand-green-darker);font-size:1.25rem;line-height:1.6;flex-shrink:0}
.c007-safety{display:flex;gap:var(--space-sm);align-items:start;border:1px solid var(--color-border-muted);border-left:3px solid var(--color-state-danger);padding:var(--space-md);font-size:var(--font-size-small);font-weight:700}
.c007-safety>.material-symbols-outlined{color:var(--color-state-danger);flex-shrink:0}
.c007-safety p{margin:0}.c007-safety a{color:var(--color-brand-green-darker);text-decoration:underline;text-underline-offset:.2em}
.c007-hero .c007-search{width:100%;max-width:none;margin:0;background:var(--color-surface-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-small);padding:var(--space-lg)}
.c007-search .kt-form-field{grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:0;border:0;margin-top:var(--space-md)}
.c007-search .kt-form-label{padding:0;justify-content:flex-start}.c007-search .kt-form-badge{display:none}
.c007-search #code-status{font-weight:700;margin-top:var(--space-md)}
.c007-search-actions{gap:var(--space-sm)}.c007-search-actions .button{padding-inline:var(--space-md)}
.c007-other-makers{border-top:1px solid var(--color-border-default);padding-top:var(--space-md);margin-top:var(--space-md)}
.c007-other-makers ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0;margin:var(--space-sm) 0 var(--space-md)}
.c007-other-makers li{border:1px solid var(--color-border-muted);border-radius:var(--radius-pill);background:var(--color-surface-base);font-size:var(--font-size-small);font-weight:700}
.c007-other-makers li a{display:block;padding:var(--space-xs) var(--space-sm);border-radius:inherit;color:var(--color-brand-green-darker);text-decoration:none}
.c007-other-makers li a:hover{text-decoration:underline;text-underline-offset:.2em}
.c007-other-makers li a:focus-visible{outline:2px solid var(--color-brand-green-darker);outline-offset:2px}
.c007-hero-cta-band{background:var(--color-brand-green-dark);margin-top:var(--space-3xl);padding-block:var(--space-lg)}
.c007-hero-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.c007-hero-cta .button{max-width:none;height:100%;min-height:4.5rem}
.c007-hero-cta small{display:block;font-size:var(--font-size-caption);font-weight:500}
@media(max-width:959px){.c007-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}}
@media(max-width:767px){.c007-hero-cta{grid-template-columns:minmax(0,1fr)}.c007-hero-cta-band{margin-top:var(--space-xl)}.c007-hero .c007-search{padding:var(--space-lg) var(--space-md)}}

/* Step 4: P003-12, aligned to the annotation on desktop. */
.c002-steps>li.c007-step-contact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.c007-step-contact__action{width:15rem;max-width:100%}
@media(max-width:959px){.c002-steps>li.c007-step-contact{grid-template-columns:auto minmax(0,1fr);align-items:start}.c007-step-contact__action{grid-column:2;min-width:0}}

@media(max-width:479px){.c007-step-contact__action{grid-column:1 / -1;justify-self:end}}

/* Browser comments: P006-14 above the CTA band and a white phone button. */
.c007-hero-warning{margin-top:var(--space-xl)}
.c007-hero-cta .c007-hero-phone{background:var(--color-surface-base,#fff);color:var(--color-brand-green-dark);flex-direction:column;gap:0;text-align:center}
.c007-hero-phone__number{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}

.c007-hero-phone__number,.c007-hero-cta>.button--cta{font-size:1.25rem}

/* Adopted FV proposal A: explanation and search, with one shared warning. */
.c007-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.c007-hero-copy h2{font-size:28px;line-height:1.6;margin:0 0 20px}
.c007-hero-copy p{margin:0 0 24px;line-height:1.9}
.c007-hero-points{display:block;list-style:disc;padding-left:1.3em;margin:0;line-height:2.2}
.c007-hero-points li{display:list-item}.c007-hero-points li::marker{color:var(--color-brand-green-dark)}
.c007-maker-disclosure{margin-top:24px}
.c007-maker-disclosure .c007-other-makers{border:0;margin:0;padding-top:8px}
.c007-hero-warning,.c007-hero-cta-band{margin-top:32px}
@media(max-width:959px){.c007-hero-grid{gap:28px}.c007-hero-copy h2{font-size:24px}}
@media(max-width:767px){.c007-hero-grid{grid-template-columns:minmax(0,1fr)}.c007-hero-points{font-size:14px}.c007-maker-disclosure{margin-top:20px}.c007-hero-warning{margin-top:24px}}

/* Compact search: input and results action share one row. */
.c007-search [data-code-search]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-sm)}
.c007-search [data-code-search][hidden]{display:none}
.c007-search .kt-form-field,.c007-search .kt-form-control{min-width:0}
.c007-search .c007-search-actions{margin:0;display:block}
.c007-search .c007-search-actions .button{height:52px;white-space:nowrap;width:auto;padding:0 16px}
@media(max-width:959px){.c007-search .c007-search-actions .button{font-size:14px;padding-inline:12px}.c007-search [data-code-search]{gap:8px}}

.c007-search .c007-search-hint{grid-column:1 / -1;margin:0}

/* Group the count and filter action at the right edge above the table. */
.c007-table-tools{flex-direction:row;justify-content:flex-end}
.c007-table-tools #code-count{margin:0;text-align:right}


/* List title and guidance share the existing split-heading structure. */
.c007-page #list .section-heading--split{grid-template-columns:repeat(2,minmax(0,1fr))}
.c007-page #list .section-heading--split>*{grid-column:auto}
.c007-page #list .section-heading__support,
.c007-page #list .section-heading__support>p{text-align:left}
@media(max-width:959px){.c007-page #list .section-heading--split{grid-template-columns:minmax(0,1fr)}.c007-page #list .section-heading__title{font-size:24px}}

/* Search beside the result count, synchronized with the introductory search. */
.c007-table-tools{justify-content:space-between;align-items:flex-end}
.c007-table-tools .c007-search--inline{padding:0;margin:0;width:520px;max-width:100%}
.c007-search--inline .kt-form-field{margin-top:0}
.c007-table-tools #code-count{margin-left:auto;padding-bottom:16px}
@media(max-width:767px){.c007-table-tools .c007-search--inline{width:100%}.c007-table-tools #code-count{padding-bottom:0}}

/* Keep the inline input label available to assistive technology only. */
.c007-search--inline .kt-form-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}