/* Editorial UX layer. Loaded after the original public stylesheet. */
.home-hero{min-height:760px;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:72px;padding-top:52px;padding-bottom:92px}
.home-hero .hero-visual{min-width:0}
.home-hero .hero-visual>img{width:100%;height:580px;aspect-ratio:4/5;object-fit:cover;object-position:center 42%;border-radius:2px}
.home-band{margin:0;padding:0}
.home-band .section,.home-band>.shell{padding-top:86px;padding-bottom:92px}
.home-band-dark{background:var(--green);color:#f8f2eb}
.home-band-dark .eyebrow{color:#ef9d86}
.home-band-dark .section-head p{color:#d8d0c7}
.home-band-dark .section-head>a,.home-band-dark .empty a{color:#efb19e}
.home-band-dark .article-card,.home-band-dark .empty{background:#fff;color:var(--ink)}
.home-band-light{background:var(--cream);color:var(--ink)}
.home-topics .topic-grid{margin-top:12px;border-color:#d9cfc4}
.home-topics .topic-card{background:var(--white);border-color:#d9cfc4;color:var(--ink)}
.home-topics .topic-card p{color:var(--muted)}
.home-topics .topic-card:hover{background:#fff8f2}
.home-stories .empty{border:0;border-radius:4px;padding:46px}
.share-cta.home-band-light{background:var(--paper);color:var(--ink);padding:0}
.public-search{max-width:760px;margin-top:28px}
.public-search label{display:block;font-weight:700;margin-bottom:8px}
.public-search>div{display:grid;grid-template-columns:1fr auto;gap:10px}
.public-search input{min-width:0;border:1px solid var(--line);background:#fff;padding:14px 16px}
.search-hero{padding-bottom:55px}
.search-results{padding-top:32px;min-height:340px}
.search-navigation{margin-bottom:58px}
.search-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.search-link-grid>a{display:flex;flex-direction:column;min-height:170px;padding:22px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.search-link-grid>a:hover{transform:translateY(-2px);border-color:var(--coral)}
.search-link-grid small{color:var(--coral);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.search-link-grid b{font-family:var(--serif);font-size:1.55rem;margin:8px 0}
.search-link-grid span{color:var(--muted);line-height:1.5;flex:1}
.search-link-grid i{font-style:normal;font-weight:700;margin-top:14px}
.search-article-heading{margin-top:20px}
.search-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:42px}
.search-pagination a{font-weight:700}.search-pagination span{color:var(--muted)}
.story-upload{display:grid;gap:8px;border:1px solid var(--line);background:#fffaf5;padding:20px}
.story-upload label{font-weight:700}
.story-upload input{display:block;margin-top:8px;width:100%}
.story-upload p,.story-upload small{margin:0;color:var(--muted)}
.image-preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.image-preview-list>span{grid-column:1/-1;color:var(--muted)}
.image-preview-list figure{margin:0;border:1px solid var(--line);background:#fff;padding:8px;min-width:0}
.image-preview-list img{width:100%;height:130px;object-fit:cover}
.image-preview-list figcaption{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}
.live-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#9a463b;font-size:13px}
.live-counter b{font-variant-numeric:tabular-nums}
.live-counter .counter-ok{color:#2d654f;font-weight:700}

@media(max-width:1100px){
  .home-hero{min-height:680px;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:42px}
  .home-hero .hero-visual>img{height:510px}
}
@media(max-width:900px){
  .home-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:70px}
  .home-hero .hero-visual>img{height:500px;aspect-ratio:16/11;object-position:center 42%}
  .home-band .section,.home-band>.shell{padding-top:68px;padding-bottom:72px}
  .search-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .home-hero{gap:28px;padding-bottom:48px}
  .home-hero .hero-visual>img{height:370px;aspect-ratio:4/5;object-position:center 40%}
  .home-band .section,.home-band>.shell{padding-top:54px;padding-bottom:58px}
  .public-search>div{grid-template-columns:1fr}
  .public-search .button{width:100%}
  .search-link-grid{grid-template-columns:1fr}
  .search-link-grid>a{min-height:0}
  .search-pagination{justify-content:space-between;gap:10px}
  .image-preview-list{grid-template-columns:1fr 1fr}
  .image-preview-list img{height:110px}
  .live-counter{align-items:flex-start;flex-direction:column;gap:2px}
}


/* 2026-08-23 search result spacing polish */
.search-link-grid>a{gap:0}.search-link-grid small,.search-link-grid b,.search-link-grid span,.search-link-grid i{display:block;min-width:0}
.search-link-grid small{margin:0 0 7px}.search-link-grid b{margin:0 0 10px;line-height:1.15;overflow-wrap:anywhere}.search-link-grid span{margin:0;overflow-wrap:anywhere}.search-link-grid i{margin-top:16px}

/* Zone 8 editorial polish */
.article-card .card-content{display:flex;flex-direction:column}
.article-card .card-content h3{min-height:3.6em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card .card-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card .card-content small{margin-top:auto;padding-top:10px}
.share-copy{border:0;background:transparent;padding:0;color:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.share-copy.copied{color:var(--green)}
.story-form-section{display:grid;gap:22px;padding:6px 0 30px;border-bottom:1px solid var(--line)}
.story-form-section:last-of-type{border-bottom:0;padding-bottom:8px}
.form-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:2px}
.form-section-title>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;flex:0 0 auto}
.form-section-title h2{font:30px/1.1 var(--serif);margin:0 0 4px}
.form-section-title p{margin:0;color:var(--muted);font-size:14px}
.error-page{max-width:820px}
.error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}
.error-search{max-width:560px;margin:28px auto 0;text-align:left}
.error-search label{display:block;font-weight:700;margin-bottom:8px}
.error-search>div{display:flex}
.error-search input{flex:1;min-width:0;border:1px solid var(--line);padding:13px;background:#fff}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px 0;transition:.2s}
@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto auto;gap:10px}
  .nav-toggle{display:block;grid-column:2;justify-self:end}
  .site-header>.button{grid-column:3}
  .site-header nav{display:none;grid-column:1/4;grid-row:2;flex-direction:column;align-items:stretch;padding:12px 0 8px;border-top:1px solid var(--line);gap:0}
  .site-header nav.is-open{display:flex}
  .site-header nav a{padding:11px 4px;border-bottom:1px solid #eee6de}
  .site-header nav a.active{border-color:var(--terracotta)}
}
@media(max-width:600px){
  .site-header>.button{font-size:11px;padding:9px 10px}
  .share-row{gap:14px}
  .error-search>div{display:grid;gap:8px}
  .article-card .card-content h3{min-height:0}
}


/* Zone 9 final visual polish */
.home-hero{min-height:700px;padding-top:28px;padding-bottom:76px}
.home-hero .hero-visual>img{height:545px}
.home-hero .quote-card{width:184px;padding:23px 24px}
.home-hero .quote-card p{font-size:17px;line-height:1.48}
.home-hero .question-card{left:-24px;bottom:30px;width:190px;padding:17px 20px}
.home-hero .actions .text-link{border-bottom:1px solid rgba(38,36,31,.32);padding-left:10px;padding-right:10px;text-decoration:none}
.home-hero .trust{color:#57534c;font-weight:500}
.top-strip{height:34px}
.site-header>.button.small{padding:10px 16px;font-size:13px}
.home-blog .section{padding-top:104px;padding-bottom:96px}
.home-blog .article-grid{row-gap:36px}
.home-blog .article-card .card-content{padding:20px 22px 18px}
.home-blog .article-card .tags{margin-bottom:12px}
.home-blog .article-card .card-content h3{margin-bottom:10px;line-height:1.18}
.home-blog .article-card .card-content p{margin:0 0 8px}
.home-blog .article-card .card-content small{padding-top:8px}
.analytics-migration-note{margin:14px 0 26px;padding:12px 14px;border-left:3px solid var(--terracotta);background:#fff8ef;color:var(--muted);font-size:13px}
@media(max-width:1100px){.home-hero{min-height:650px}.home-hero .hero-visual>img{height:500px}}
@media(max-width:900px){.top-strip{height:auto;min-height:34px;padding:7px 16px}.home-hero{padding-top:34px}.home-blog .section{padding-top:76px}.site-header>.button.small{padding:9px 12px;font-size:12px}}
@media(max-width:600px){.home-hero .question-card{left:-8px;width:176px}.home-hero .quote-card{right:-6px;width:168px}.home-blog .section{padding-top:62px}}

/* Zone 23: homepage article groups */
.home-article-group { margin-top: 2.4rem; }
.home-article-group + .home-article-group { margin-top: 3.25rem; padding-top: 2.5rem; border-top: 1px solid rgba(255,255,255,.18); }
.home-article-group-head { margin-bottom: 1.15rem; }
.home-article-group-head .eyebrow { margin-bottom: .35rem; }
.home-article-group-head h3 { margin: 0; font-family: var(--font-serif, Georgia, serif); font-size: clamp(1.55rem, 2.1vw, 2.25rem); line-height: 1.08; color: inherit; }
@media (max-width: 720px) {
  .home-article-group { margin-top: 1.8rem; }
  .home-article-group + .home-article-group { margin-top: 2.25rem; padding-top: 2rem; }
}

/* Zone 24: homepage article section cleanup */
.home-blog-footer { display:flex; justify-content:center; margin-top:2.5rem; }
.home-blog-footer .button { min-width:220px; padding:16px 30px; font-size:16px; }


/* Zone 25: final homepage CTA has clear breathing room and stays centered. */
.home-blog-footer { display:flex; width:100%; justify-content:center; align-items:center; margin-top:4.5rem; padding-top:1.25rem; }
.home-blog-footer .button { min-width:300px; padding:19px 38px; font-size:18px; }
@media (max-width: 600px) { .home-blog-footer { margin-top:3rem; } .home-blog-footer .button { width:100%; min-width:0; } }

/* Zone 30: compact AI history controls */
.ai-history-more{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(40,35,30,.12)}
.ai-history-more small{opacity:.7}

/* Zone 31: sisuturundus */
.home-sponsored-group{margin-top:5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.22)}
.home-sponsored-group .home-article-group-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.home-sponsored-group .home-article-group-head h3{margin:0;font-size:1.8rem}
.home-sponsored-group .home-article-group-head p{margin:0;color:#d5cec4;font-size:.9rem}
.sponsored-card{outline:2px solid rgba(199,103,80,.45)}
.sponsored-disclosure{display:inline-flex;align-items:center;gap:.75rem;background:#f3ede5;border-left:4px solid #c76750;padding:.65rem .9rem;margin:0 0 1.25rem;font-size:.9rem}
.sponsored-disclosure strong{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#9d4c3d}
.comment-edited{display:block;margin-top:.6rem;color:#736f67;font-size:.75rem;font-style:italic}
@media(max-width:600px){.home-sponsored-group .home-article-group-head{display:block}.home-sponsored-group .home-article-group-head p{margin-top:.5rem}}

/* Zone 34: readable article body spacing */
.story-body p{margin:0 0 1.35em}
.story-body p:last-child{margin-bottom:0}
.story-body h2 + p,.story-body h3 + p{margin-top:0}


/* Zone 35: reader stories are an article category; homepage keeps alternating bands. */
.share-cta.home-band-dark{background:var(--green);color:#f8f2eb;padding:0}
.share-cta.home-band-dark p{color:#d8d0c7}
.share-cta.home-band-dark small{color:#d8d0c7}
.share-cta.home-band-dark .eyebrow{color:#ef9d86}


/* Zone 36: homepage bands alternate clearly from top to bottom. */
.home-sponsored.home-band-light{background:var(--cream);color:var(--ink)}
.home-sponsored>.shell{padding-top:86px;padding-bottom:92px}
.home-sponsored .home-sponsored-group{margin:0;padding:0;border:0}
.home-sponsored .home-article-group-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:0 0 1.5rem}
.home-sponsored .home-article-group-head h3{margin:0;font-size:clamp(1.8rem,2.8vw,2.6rem);font-family:var(--serif)}
.home-sponsored .home-article-group-head p{margin:0;color:var(--muted);font-size:.9rem}

.home-topics.home-band-dark{background:var(--green);color:#f8f2eb}
.home-topics.home-band-dark .section-head h2{color:#f8f2eb}
.home-topics.home-band-dark .section-head>a{color:#efb19e}
.home-topics.home-band-dark .topic-grid{border-color:rgba(255,255,255,.24)}
.home-topics.home-band-dark .topic-card{background:transparent;border-color:rgba(255,255,255,.24);color:#f8f2eb}
.home-topics.home-band-dark .topic-card p{color:#d8d0c7}
.home-topics.home-band-dark .topic-card:hover{background:rgba(255,255,255,.06)}

.share-cta.home-band-light{background:var(--paper);color:var(--ink);padding:0}
.share-cta.home-band-light p,.share-cta.home-band-light small{color:var(--muted)}
.share-cta.home-band-light .eyebrow{color:var(--terracotta)}

/* Newsletter stays dark; homepage footer becomes light so the rhythm continues. */
.home-page .site-footer{background:var(--paper);color:var(--muted);border-top:1px solid var(--line)}
.home-page .site-footer .brand.light{color:var(--ink)}
.home-page .site-footer .footer-grid a{color:inherit}
.home-page .site-footer .footer-grid small{color:var(--muted)}

@media(max-width:900px){
  .home-sponsored>.shell{padding-top:68px;padding-bottom:72px}
}
@media(max-width:600px){
  .home-sponsored>.shell{padding-top:54px;padding-bottom:58px}
  .home-sponsored .home-article-group-head{display:block}
  .home-sponsored .home-article-group-head p{margin-top:.5rem}
}

/* Zone 37: homepage colour rhythm — light / dark / light / dark / light / dark / light. */
.home-page{background:var(--paper)}

/* 1. Hero + header: warm paper. */
.home-page .site-header,
.home-page .home-hero{background:var(--paper);color:var(--ink)}

/* 2. Editorial articles: primary dark green. */
.home-page .home-blog.home-band-dark{background:var(--green);color:#f8f2eb}

/* 3. Sponsored content: warmer cream, clearly separate from the dark article band. */
.home-page .home-sponsored.home-band-light{background:var(--cream);color:var(--ink)}
.home-page .home-sponsored .article-card{background:#fffdf9}

/* 4. Topics: dark again, but a slightly deeper green so the same brand colour does not feel flat. */
.home-page .home-topics.home-band-dark{background:#193a30;color:#f8f2eb}
.home-page .home-topics.home-band-dark .topic-grid{border-color:#d9cfc4}
.home-page .home-topics.home-band-dark .topic-card{background:#fbf8f4;border-color:#d9cfc4;color:#26241f}
.home-page .home-topics.home-band-dark .topic-card p{color:#736f67}
.home-page .home-topics.home-band-dark .topic-card:hover{background:#fff8f2}

/* 5. Share your story: light paper. */
.home-page .share-cta.home-band-light{background:var(--paper);color:var(--ink)}

/* 6. Newsletter: darkest green for a clear final CTA. */
.home-page .newsletter{background:#172f27;color:#fff}

/* 7. Footer: light cream so the page does not end in a stack of dark bands. */
.home-page .site-footer{background:var(--cream);color:var(--muted);border-top:1px solid var(--line)}
.home-page .site-footer .brand.light{color:var(--ink)}
.home-page .site-footer .footer-grid a{color:inherit}
.home-page .site-footer .footer-grid small{color:var(--muted)}


/* ZONE39 — force light category cards on dark Topics band */
.home-page .home-topics.home-band-dark .topic-grid{
  border-color:#d9cfc4 !important;
}
.home-page .home-topics.home-band-dark .topic-card{
  background:#fbf8f4 !important;
  border-color:#d9cfc4 !important;
  color:#26241f !important;
}
.home-page .home-topics.home-band-dark .topic-card h3,
.home-page .home-topics.home-band-dark .topic-card a{
  color:#26241f !important;
}
.home-page .home-topics.home-band-dark .topic-card p{
  color:#736f67 !important;
}
.home-page .home-topics.home-band-dark .topic-card:hover{
  background:#fff8f2 !important;
}

/* Zone 54: long-form news feed homepage and persistent category navigation. */
.site-header-sticky{position:sticky;top:0;z-index:50;background:rgba(251,248,244,.97);border-bottom:1px solid rgba(222,214,205,.9);box-shadow:0 8px 24px rgba(38,36,31,.06);backdrop-filter:blur(12px)}
.site-header-sticky .site-header{background:transparent!important}
.category-menu{position:relative}
.category-menu summary{list-style:none;cursor:pointer;padding:8px 0;border-bottom:1px solid transparent;white-space:nowrap}
.category-menu summary::-webkit-details-marker{display:none}
.category-menu summary:after{content:"⌄";display:inline-block;margin-left:6px;font-size:12px;transition:transform .2s ease}
.category-menu[open] summary:after{transform:rotate(180deg)}
.category-menu[data-active="true"] summary{border-color:var(--terracotta)}
.category-menu-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:2px;width:max-content;max-width:min(440px,calc(100vw - 30px));padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(38,36,31,.16)}
.category-menu:not([open]) .category-menu-panel{display:none}
.category-menu-panel a{padding:10px 12px!important;border:0!important;font-size:13px}
.category-menu-panel a:hover,.category-menu-panel a.active{background:var(--cream);text-decoration:none}

.home-stream-section,.home-category-index{scroll-margin-top:115px}
.home-stream-section>.shell,.home-category-index>.shell{padding-top:82px;padding-bottom:88px}
.home-stream-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.home-stream-head>div{max-width:760px}
.home-stream-head .eyebrow{margin-bottom:10px}
.home-stream-head h2{font:400 clamp(38px,4vw,54px)/1.05 var(--serif);letter-spacing:-1px;margin:0 0 12px}
.home-stream-head p:last-child{margin:0;color:var(--muted)}
.home-stream-head>a{flex:0 0 auto;margin-bottom:8px;font-weight:800;font-size:14px}
.home-band-dark .home-stream-head p:last-child{color:#d8d0c7}
.home-band-dark .home-stream-head>a{color:#efb19e}
.home-feed-grid{row-gap:30px}
.home-feed-grid .article-card .card-content h3{margin-bottom:8px}
.home-feed-grid .article-card .card-content p{margin:0 0 10px;-webkit-line-clamp:5}
.home-feed-grid .article-card .card-content>b{display:none}
.home-stream-footer{display:flex;justify-content:center;margin-top:42px;padding-top:28px;border-top:1px solid rgba(38,36,31,.14)}
.home-stream-footer>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid currentColor;font-weight:800;font-size:14px}
.home-stream-footer>a:hover{text-decoration:none;background:rgba(38,36,31,.05)}
.home-band-dark .home-stream-footer{border-top-color:rgba(255,255,255,.2)}
.home-band-dark .home-stream-footer>a{color:#f5c0af}
.home-band-dark .home-stream-footer>a:hover{background:rgba(255,255,255,.07)}
.home-sponsored.home-band-dark{background:#193a30;color:#f8f2eb}
.home-sponsored.home-band-dark .article-card{background:#fffdf9;color:var(--ink)}
.home-category-index{background:var(--cream)}
.home-category-index>.shell{padding-top:68px;padding-bottom:68px}
.home-category-index .home-stream-head{margin-bottom:24px}
.home-category-chips{display:flex;flex-wrap:wrap;gap:10px}
.home-category-chips a{display:inline-flex;padding:10px 15px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px}
.home-category-chips a:hover{background:var(--green);border-color:var(--green);color:#fff;text-decoration:none}
.home-category-section.home-band-dark{background:var(--green);color:#f8f2eb}
.home-category-section.home-band-dark .article-card{background:#fff;color:var(--ink)}
.home-category-section.home-band-light{background:var(--paper);color:var(--ink)}

@media(max-width:900px){
  .site-header-sticky{backdrop-filter:none}
  .category-menu summary{padding:11px 4px;border-bottom:1px solid #eee6de}
  .category-menu-panel{position:static;transform:none;width:auto;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 8px;padding:8px;box-shadow:none;background:var(--cream)}
  .category-menu-panel a{background:#fff}
  .home-stream-section>.shell,.home-category-index>.shell{padding-top:66px;padding-bottom:70px}
  .home-stream-head{align-items:start}
}

@media(max-width:600px){
  .site-header-sticky{position:sticky;top:0}
  .category-menu-panel{grid-template-columns:1fr}
  .home-stream-section,.home-category-index{scroll-margin-top:94px}
  .home-stream-section>.shell,.home-category-index>.shell{padding-top:52px;padding-bottom:56px}
  .home-stream-head{display:block;margin-bottom:24px}
  .home-stream-head h2{font-size:38px}
  .home-stream-head>a{display:none}
  .home-feed-grid{row-gap:20px}
  .home-stream-footer{margin-top:30px;padding-top:22px}
  .home-stream-footer>a{width:100%;text-align:center}
  .home-category-chips{display:grid;grid-template-columns:1fr 1fr}
  .home-category-chips a{justify-content:center;text-align:center}
}

/* Zone 61: two-row header aligned to the site's standard content shell. */
.site-header{
  width:min(1180px,calc(100% - 48px));
  min-height:130px;
  height:auto;
  padding:19px 0 16px;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:13px;
}
.site-header .brand{grid-column:1;grid-row:1;font-size:41px;white-space:nowrap}
.header-menu{display:contents}
.site-header .header-category-nav{
  grid-column:1/3;
  grid-row:2;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:17px;
  min-width:0;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
  font-size:13px;
}
.site-header .header-category-nav::-webkit-scrollbar{display:none}
.site-header .header-category-nav a,
.header-tools>a{padding:7px 0;border-bottom:1px solid transparent;white-space:nowrap}
.site-header .header-category-nav a.active,
.header-tools>a.active{border-color:var(--terracotta)}
.header-tools{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:13px;min-width:0;font-size:14px}
.header-search{display:grid;grid-template-columns:minmax(135px,185px) auto;height:40px;border:1px solid #cfc6bc;background:#fff;border-radius:3px;overflow:hidden}
.header-search:focus-within{border-color:var(--terracotta);box-shadow:0 0 0 2px rgba(199,103,80,.13)}
.header-search input{min-width:0;width:100%;border:0;background:transparent;padding:8px 11px;outline:0;color:var(--ink)}
.header-search input::placeholder{color:#777168;opacity:1}
.header-search button{border:0;border-left:1px solid #d9d0c7;background:var(--cream);color:var(--ink);padding:0 12px;font-weight:800;cursor:pointer}
.header-search button:hover{background:var(--terracotta);color:#fff}
.site-header>.button.small{grid-column:3;grid-row:1;white-space:nowrap}

@media(max-width:1500px) and (min-width:1181px){
  .site-header{width:min(1180px,calc(100% - 40px));min-height:126px;column-gap:11px;row-gap:12px}
  .site-header .brand{font-size:39px}
  .site-header .header-category-nav{gap:15px;font-size:12.5px}
  .header-tools{gap:11px;font-size:13px}
  .header-search{grid-template-columns:minmax(120px,155px) auto}
  .site-header>.button.small{padding:10px 14px;font-size:12px}
}

@media(max-width:1180px){
  .site-header{
    width:min(1180px,calc(100% - 38px));
    height:auto;
    min-height:0;
    grid-template-columns:1fr auto auto;
    grid-template-rows:auto auto;
    gap:12px;
    padding:16px 0;
  }
  .site-header .brand{font-size:37px}
  .nav-toggle{display:block;grid-column:2;justify-self:end}
  .site-header>.button{grid-column:3;grid-row:1}
  .header-menu{display:none;grid-column:1/4;grid-row:2;flex-direction:column;align-items:stretch;gap:14px;padding:16px 0 2px;border-top:1px solid var(--line)}
  .header-menu.is-open{display:flex}
  .site-header .header-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:auto;grid-row:auto;gap:4px 10px;overflow:visible;white-space:normal;font-size:14px;padding-top:0;border-top:0}
  .site-header .header-category-nav a{padding:9px 10px;border:1px solid var(--line);background:#fff}
  .site-header .header-category-nav a:hover,.site-header .header-category-nav a.active{background:var(--cream);text-decoration:none;border-color:#cdbfb2}
  .header-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:center;font-size:14px}
  .header-search{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr) auto;width:100%;height:46px}
  .header-tools>a{padding:10px;border:1px solid var(--line);background:#fff;text-align:center}
}

@media(max-width:600px){
  .site-header{width:calc(100% - 28px);gap:8px;padding:13px 0}
  .site-header .brand{font-size:31px}
  .site-header>.button.small{padding:9px 10px;font-size:11px}
  .site-header .header-category-nav{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px}
  .header-tools{grid-template-columns:1fr 1fr}
}