#analytics-consent{position:fixed;inset:auto auto 24px 24px;z-index:1000;box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);padding:16px;background:#fff;color:#253044;border:1px solid #e2e6eb;border-radius:16px;box-shadow:0 8px 40px #15233826;font-family:inherit;text-align:start}
#analytics-consent[hidden]{display:none!important}
#analytics-consent h2{margin:0 0 8px;font-weight:700;font-family:inherit;font-size:16px;line-height:1.35;letter-spacing:-.02em;color:#172235}
#analytics-consent p{margin:0;font-size:14px;line-height:1.45;color:#546173}
#analytics-consent .analytics-consent-actions{display:flex;gap:10px;margin-top:12px}
#analytics-consent button,#analytics-settings{box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:normal;text-transform:none}
#analytics-consent button{flex:1;min-height:44px;padding:11px 16px;border:1px solid #cbd2dc;border-radius:8px;background:#fff;color:#253044}
#analytics-consent #analytics-accept{background:#253044;color:#fff;border-color:#253044}
#analytics-consent button:hover{filter:brightness(.94)}
#analytics-settings{position:fixed;inset:auto auto 8px 24px;z-index:999;padding:5px 10px;border:1px solid #e2e6eb;border-radius:6px;background:#fff;color:#546173;font-size:11px;box-shadow:0 2px 8px #1523380d}
#analytics-consent:not([hidden])~#analytics-settings{visibility:hidden}
#analytics-consent button:focus-visible,#analytics-settings:focus-visible{outline:3px solid #557eb5;outline-offset:3px}
@media(max-width:520px){#analytics-consent{inset:auto 16px 16px 16px;width:auto;padding:12px;border-radius:12px}#analytics-settings{left:16px}#analytics-consent h2{font-size:15px}}
@media(prefers-reduced-motion:no-preference){#analytics-consent button{transition:filter .15s}}

/* public-quality-v4 */

html[data-layout] .site-nav-menu[open] > .site-nav--drawer { display:block; }
.home-archive { margin:2rem auto; max-width:var(--max-width,76rem); padding:1rem; text-align:center; }
.home-archive a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:.2em; }
/* Keep descriptive copy in the page introduction, not the navigation row. */
html[data-layout] .site-tagline { display:none; }
html[data-layout] .site-brand:has(.site-brand__logo) { min-width:0; max-width:100%; }
html[data-layout] .site-brand__logo[src^="/assets/site-name-v1.svg"] { width:180px; max-width:100%; height:auto; max-height:44px; object-fit:contain; }
html[data-layout] .site-nav a { font-weight:500; line-height:1.4; text-transform:none; letter-spacing:normal; }
html[data-layout] .site-nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:.3em; }
html[data-layout] .site-nav .site-nav__archive { font-weight:400; }
html[data-layout] .site-nav a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
html[data-layout] .article-archive .topic-index { display:block; margin:1.25rem 0 0; padding:0; border:0; background:transparent; }
html[data-layout] .article-archive .topic-index__label { font:500 .8rem/1.4 var(--font-body); margin:0 0 .5rem; }
html[data-layout] .article-archive .topic-index__list { display:flex; flex-wrap:wrap; gap:.4rem; }
html[data-layout] .article-archive .topic-index__list a { display:inline-flex; align-items:center; min-height:44px; height:auto; padding:.45rem .7rem; font:500 .85rem/1.4 var(--font-body); }
html[data-layout] .article-archive .topic-index__list a::before,
html[data-layout] .article-archive .topic-index__list a::after { content:none; }
@media(min-width:48rem) {
 html[data-layout] .site-header__inner:not(:has(.site-search-link)) { flex-wrap:wrap; padding-block:.65rem; gap:.35rem 1rem; }
 html[data-layout] .site-header__inner:not(:has(.site-search-link)) > .site-nav--bar { order:5; flex:1 0 100%; min-width:0; }
 html[data-layout] .site-nav--bar ul { justify-content:flex-start; gap:.25rem 1rem; }
}
@media(max-width:47.99rem) {
  html[data-layout] .site-nav--drawer a { display:flex; align-items:center; min-height:44px; padding:.5rem .65rem; }
  html[data-layout] .article-archive .listing { padding-top:1.5rem; margin-top:0; }
  html[data-layout="plant-atlas-v1"] .listing__media img { aspect-ratio:3/2; }

  html[data-layout] .site-brand__name { white-space:normal; overflow:visible; text-overflow:clip; font-size:clamp(.95rem,4vw,1.3rem); line-height:1.15; }
}
@media(max-width:30rem) {
 html[data-layout] .listing .listing__card:has(.listing__media) { display:flex; flex-direction:column; gap:.75rem; }
 html[data-layout] .listing .listing__card:has(.listing__media) > .listing__media { width:100%; max-width:none; flex:none; aspect-ratio:3/2; height:auto; min-height:0; }
 html[data-layout] .listing .listing__card:has(.listing__media) > .listing__media img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
 html[data-layout] .listing__body { min-width:0; }
 html[data-layout] .listing__item-title { line-height:1.3; }
}

html[data-layout] .article-next-links { display:flex; flex-wrap:wrap; gap:1rem; padding-block:1.5rem; border-top:1px solid var(--color-border, #d8d8d8); }
html[data-layout] .article-next-links a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }
html[data-layout] .site-banner { margin-bottom:0; }
html[data-layout] .site-banner img { height:clamp(160px,23vw,320px); }
html[data-layout] .site-banner + .home .home-hero { padding-block:0; }
html[data-layout] .site-banner + .home .home-hero .home-hero__inner { padding-block:1.5rem; }
/* Large opening topic tiles belong on a wide screen, not above every mobile story. */
@media(max-width:47.99rem) {
 html:is([data-layout="engineering-notes-v1"],[data-layout="silver-screen-v1"]) .topic-index { display:block; padding:1rem; margin-block:1rem; }
 html:is([data-layout="engineering-notes-v1"],[data-layout="silver-screen-v1"]) .topic-index__list { display:flex; flex-wrap:wrap; gap:.4rem; }
 html:is([data-layout="engineering-notes-v1"],[data-layout="silver-screen-v1"]) .topic-index__list a { display:flex; align-items:center; min-height:44px; height:auto; padding:.5rem .7rem; gap:.4rem; }
 html:is([data-layout="engineering-notes-v1"],[data-layout="silver-screen-v1"]) .topic-index__list a::before { content:none; }
 html[data-layout] .site-banner img { height:160px; }
 html[data-layout] .home > .home-hero { margin-bottom:1rem; }
 html[data-layout] .home-hero__lede { font-size:1rem; line-height:1.65; }
 html[data-layout] .home > .topic-index { margin-block:1rem; }
 html:is([data-layout="independent-publishing-v1"],[data-layout="occasion-journal-v1"],[data-layout="language-reference-v1"],[data-layout="growth-ledger-v1"]) .home-hero__title { font-size:clamp(1.9rem,7.5vw,2.4rem); line-height:1.15; }
 html[data-layout="agronomy-editorial-v1"] .ag-hero { padding-block:1.5rem 2rem; }
 html[data-layout="agronomy-editorial-v1"] .ag-hero__image img { height:auto; aspect-ratio:3/2; }
 html[data-layout="architectural-landscape-v1"] .home-hero { min-height:360px; }
 html[data-layout="architectural-landscape-v1"] .home-hero__inner { padding-block:2rem; }
 html[data-layout="architectural-landscape-v1"] .home-hero__title { font-size:clamp(2rem,8vw,2.7rem); }
 html[data-layout="architectural-landscape-v1"] .home-hero__lede { margin-top:1rem; }
 html[data-layout="technical-workbench-v1"] .workbench-tools { padding:1rem; margin-block:1rem; }
 html[data-layout="technical-workbench-v1"] .listing__header .png-tool-callout { margin-block:1rem 0; }
}
/* Compact lists retain their own typefaces and colors. */
html:is([data-layout="kitchen-journal-v1"],[data-layout="companion-journal-v1"],[data-layout="playroom-journal-v1"],[data-layout="slow-travel-v1"]) .listing__excerpt { line-height:1.6; }
html[data-layout] .listing__item-title { text-wrap:pretty; }
html[data-layout] :is(.site-search-link,.site-lang__opt) { display:inline-flex; min-width:32px; min-height:32px; align-items:center; justify-content:center; }
@media(prefers-reduced-motion:reduce) {
 html[data-layout] { scroll-behavior:auto; }
 html[data-layout] :is(.listing__card img,.ag-card__image img) { transition:none; }
}

#analytics-consent{width:340px;padding:12px 16px}
#analytics-consent h2{font-size:15px;line-height:1.3;margin:0 0 5px}
#analytics-consent p{font-size:12px;line-height:1.5;margin:0}
#analytics-consent .analytics-consent-actions{gap:8px;margin-top:10px}
#analytics-consent button{min-height:44px;padding:8px 12px}
@media(max-width:520px){#analytics-consent{inset:auto 16px 16px 16px;width:auto;padding:12px}}