:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#211f1d;background:#f7f5f0;--ink:#211f1d;--muted:#6f6a62;--line:#ddd7ce;--accent:#b64f2d;--paper:#fffdf8}
*{box-sizing:border-box}body{margin:0;line-height:1.58;background:#f7f5f0}a{color:inherit}.wrap{width:min(1440px,calc(100% - 48px));margin:0 auto}
.site-header{background:rgba(255,253,248,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.site-header .wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:850;text-decoration:none;font-size:21px}.site-header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.site-header nav a{text-decoration:none;color:#554f48}
.page{margin:0;padding:clamp(46px,6vw,86px) 0}.page>h1{margin:0 0 26px;font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:610;max-width:1100px}.content{max-width:none;font-size:17px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:850}
.decoder-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(28px,5vw,70px);padding:clamp(28px,4vw,50px);border-radius:30px;background:#26211d;color:#fff9ef}.decoder-hero h2,.barcode-tool h2{font-size:clamp(30px,4vw,52px);line-height:1.03;letter-spacing:-.04em;font-weight:580;margin:8px 0 14px}.decoder-hero p{color:#cfc3b5}.decoder code{font-weight:800}
.decoder{padding:24px;background:#fffaf2;color:var(--ink);border-radius:22px;display:grid;gap:13px}.decoder label,.barcode-tool label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#625b53}.decoder input,.barcode-tool input{min-height:54px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 14px;font:600 17px inherit}.decoder button,.barcode-tool button{min-height:52px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.decoder-results{display:grid;gap:9px}.decoder-hit{display:block;padding:14px 15px;border:1px solid #e6dbcf;border-radius:12px;background:#fff;text-decoration:none}.decoder-hit b{display:block;font-size:17px}.decoder-hit span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.wp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0 0}.wp-card{min-height:175px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.wp-card b{font-size:22px}.wp-card span{color:var(--muted);font-size:14px}.wp-card:hover{border-color:#c8b7a8;box-shadow:0 16px 40px rgba(72,54,40,.07)}
.wp-section{padding:clamp(52px,7vw,90px) 0}.wp-section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;font-weight:580;margin:0 0 16px}.lead,.category-copy>p{max-width:900px;font-size:21px;color:var(--muted)}
.barcode-tool{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.barcode-tool form{display:grid;gap:12px;align-content:center}.barcode-result{grid-column:1/-1;padding:18px;border-radius:14px;background:#f4e9df}.barcode-result b{font-size:20px}
.mark-card{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,.65fr);gap:32px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.mark-code{min-height:190px;border-radius:18px;background:#27221e;color:#fff8ec;display:grid;place-items:center;font-size:clamp(36px,6vw,72px);font-weight:850;text-align:center;padding:20px}.mark-card h2{font-size:24px;margin:18px 0 7px}.mark-card p{color:#4e4842}.source-note{font-size:13px!important;color:var(--muted)!important;margin-top:24px!important}.source-note a{color:#6c493b}
.category-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.category-list a{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--paper);text-decoration:none}.category-list b{display:block}.category-list span{color:var(--muted);font-size:13px}
.site-footer{padding:34px 0 48px;color:#7a7269;font-size:14px}
@media(max-width:1000px){.decoder-hero,.barcode-tool{grid-template-columns:1fr}.wp-grid{grid-template-columns:repeat(2,1fr)}.category-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wrap{width:min(100% - 28px,1440px)}.site-header{position:relative}.site-header .wrap{align-items:flex-start;flex-direction:column;padding:16px 0}.site-header nav{gap:10px 16px}.page{padding-top:36px}.page>h1{font-size:clamp(42px,14vw,62px)}.decoder-hero{padding:20px;border-radius:20px}.wp-grid,.category-list{grid-template-columns:1fr}.mark-card{grid-template-columns:1fr}.mark-code{min-height:150px}}

.catalog-controls{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.catalog-controls h2{font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 12px;font-weight:580}.catalog-controls p{color:var(--muted)}.catalog-form{display:grid;gap:12px;align-content:center}.catalog-form label,.checkdigit label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#625b53}.catalog-form input,.catalog-form select,.checkdigit input,.checkdigit select{min-height:50px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 13px;font:600 15px inherit;color:var(--ink)}.catalog-count{padding:20px 0 12px;color:var(--muted);font-size:14px}.marking-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.marking-tile{display:grid;grid-template-rows:auto 1fr;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-decoration:none}.marking-tile__code{display:flex;align-items:center;justify-content:center;min-height:72px;padding:12px;border-radius:13px;background:#2a241f;color:#fff8ed;text-align:center;font-size:22px;font-weight:850}.marking-tile__meta{padding-top:14px}.marking-tile__meta b{display:block;line-height:1.2}.marking-tile__meta span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.checkdigit{display:grid;grid-template-columns:1fr 1fr;gap:24px}.checkdigit form{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:end}.checkdigit button{min-height:50px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;padding:0 18px}.checkdigit .barcode-result{grid-column:1/-1}@media(max-width:1050px){.marking-catalog{grid-template-columns:repeat(3,1fr)}.checkdigit,.catalog-controls{grid-template-columns:1fr}.checkdigit form{grid-template-columns:1fr 1fr}}@media(max-width:720px){.marking-catalog{grid-template-columns:1fr 1fr}.checkdigit form{grid-template-columns:1fr}.catalog-controls{padding:20px}}@media(max-width:480px){.marking-catalog{grid-template-columns:1fr}}

.entity-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;color:var(--muted);font-size:13px}.entity-nav a{color:inherit;text-decoration:none}.entity-nav a:hover{color:var(--accent)}.entity-nav span{opacity:.5}.entity-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 clamp(24px,4vw,54px)}.entity-actions a{display:inline-flex;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--accent);font-weight:800;text-decoration:none}.entity-actions a:hover{border-color:#c8b7a8}.related-markings{padding-top:34px}


.identify-link{margin:18px 0 0}.identify-link a,.appearance-cta{color:var(--accent);font-weight:850;text-decoration:none}.appearance-intro{max-width:900px;color:var(--muted);font-size:21px}.appearance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:28px}.appearance-grid>a{min-height:220px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-decoration:none;display:flex;flex-direction:column}.appearance-grid b{margin-top:14px;font-size:17px;line-height:1.2}.appearance-grid small{margin-top:7px;color:var(--muted);line-height:1.4}.appearance-mark{display:grid;place-items:center;min-height:84px;border-radius:14px;background:#2a241f;color:#fff8ed;font-size:27px;font-weight:900;line-height:1;text-align:center}.appearance-mark em{font-size:13px;font-style:normal;margin-top:4px}.appearance-mark.diamond{margin:9px auto 0;width:68px;min-height:68px;border:4px solid #c33;transform:rotate(45deg);background:#fff;color:#111}.appearance-mark.diamond::first-letter{transform:rotate(-45deg)}.appearance-mark.recycle{font-size:22px}.appearance-mark.jar{border:3px solid #2a241f;background:transparent;color:#2a241f;min-height:70px;margin-top:7px}.appearance-mark.energy{background:linear-gradient(135deg,#305f38,#dfbc38,#a84234)}@media(max-width:1100px){.appearance-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.appearance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.appearance-grid{grid-template-columns:1fr}}

.brand-logo,.brand-footer{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-logo img{display:block;width:52px;height:52px;flex:none}.brand-logo span{font-size:20px;font-weight:650;color:#173457}.brand-footer img{display:block;width:48px;height:48px;flex:none}.brand-footer{color:#173457}.brand-footer span{display:grid;gap:2px}.brand-footer b{font-size:17px;font-weight:650}.brand-footer small{font-size:12px;color:#756e67}@media(max-width:720px){.brand-logo img{width:42px;height:42px}.brand-logo span{font-size:19px}}

/* 2026-10-08: lighter, more legible marking catalogue */
.marking-tile{border-color:#e4e0da;background:#fffefa;min-height:178px;padding:17px;border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease}
.marking-tile:hover,.appearance-grid>a:hover{border-color:#c7d5e3;box-shadow:0 8px 24px rgba(33,54,73,.055)}
.marking-tile__code{min-height:70px;padding:12px 14px;border-radius:11px;background:#edf3f8;color:#244364;font-size:clamp(16px,1.35vw,19px);font-weight:570;line-height:1.35;letter-spacing:-.012em;text-shadow:none}
.marking-tile__meta b{font-weight:620;font-size:15px;line-height:1.4;color:#292c30}
.marking-tile__meta span{font-size:12px;color:#807a74}
.appearance-grid>a{border-color:#e4e0da;background:#fffefa}
.appearance-grid b{font-size:16px;font-weight:610;line-height:1.38;color:#292c30}
.appearance-mark:not(.diamond):not(.jar):not(.energy){background:#edf3f8;color:#244364;font-size:clamp(17px,1.5vw,21px);font-weight:560;line-height:1.35;letter-spacing:-.012em;padding:15px;text-align:center;overflow-wrap:anywhere}
.mark-code{background:#edf3f8;color:#244364;font-weight:580;line-height:1.2}
.category-list b,.wp-card b{font-weight:620}

/* 2026-10-08 — global lighter typography and logo-blue link palette */
:root{--accent:#1264d8;--accent-hover:#074baf;--link:#135bc2}
body{font-weight:400}
a{color:var(--link)}
a:hover{color:var(--accent-hover)}
.site-header nav a,.brand-logo,.brand-footer{color:#234363}
.site-header nav a:hover,.brand-logo:hover,.brand-footer:hover{color:var(--accent-hover)}
.page>h1{font-weight:480}
.content h2,.content h3,.wp-section h2,.catalog-controls h2,.decoder-hero h2,.barcode-tool h2,.mark-card h2{font-weight:510}
.content b,.content strong{font-weight:580}
.marking-tile__meta b,.category-list b,.wp-card b,.appearance-grid b,.decoder-hit b{font-weight:560}
.marking-tile__code,.mark-code,.appearance-mark:not(.diamond):not(.jar):not(.energy){font-weight:500}
.kicker,.decoder label,.barcode-tool label,.catalog-form label,.checkdigit label{font-weight:550;color:#285a96}
.entity-actions a,.identify-link a,.appearance-cta{font-weight:550;color:var(--accent);text-decoration:none}
.entity-actions a:hover,.identify-link a:hover,.appearance-cta:hover{color:var(--accent-hover);border-color:#9abdea}
.decoder button,.barcode-tool button,.checkdigit button{background:var(--accent);font-weight:570}
.decoder button:hover,.barcode-tool button:hover,.checkdigit button:hover{background:var(--accent-hover)}
.source-note a,.content a:not([class]){color:var(--link);text-decoration-color:#a5c4ec;text-underline-offset:3px}
.source-note a:hover,.content a:not([class]):hover{color:var(--accent-hover)}
.brand-logo span,.brand-footer b{font-weight:580}
.entity-nav a:hover{color:var(--accent)}
.marking-tile:hover .marking-tile__meta b,.category-list a:hover b,.related-markings a:hover b{color:var(--accent)}

/* informative footer */
.site-footer{margin-top:clamp(30px,5vw,70px);padding:42px 0 24px;border-top:1px solid #dcdfe3;background:#f0f3f6;color:#36506d}
.footer-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(145px,1fr));gap:clamp(20px,3vw,54px);align-items:start}
.footer-about p{max-width:330px;margin:17px 0 0;color:#627181;font-size:14px;line-height:1.7}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-column h2{margin:3px 0 8px;font-size:15px;line-height:1.4;font-weight:570;color:#203c60}
.footer-column a,.footer-bottom a{color:#285f9f;text-decoration:none;font-size:14px;line-height:1.5}
.footer-column a:hover,.footer-bottom a:hover{color:#0862d5;text-decoration:underline;text-underline-offset:3px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding-top:18px;border-top:1px solid #d9e0e7;color:#74808e;font-size:12px;line-height:1.6}
.footer-bottom a{flex:none;font-size:12px}
@media(max-width:950px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:540px){.site-footer{padding-top:32px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-column{gap:9px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}}

/* Clear hero section label on dark background */
.decoder-hero .kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 7px 12px;
  border: 1px solid rgba(147, 196, 255, .38);
  border-radius: 8px;
  background: rgba(56, 132, 222, .15);
  color: #c4e1ff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .065em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* Animated reference-panel background — deliberately quiet, CSS only */
.mark-card .mark-code {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #d6e5f2;
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 12% 16%, rgba(255,255,255,.88), transparent 55%),
    radial-gradient(ellipse at 87% 85%, rgba(86,159,215,.21), transparent 62%),
    linear-gradient(135deg, #edf5fc 0%, #e1eef9 52%, #f1f7fd 100%);
  color: #214b76;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.9);
  font-weight: 460;
  letter-spacing: -.025em;
}
.mark-card .mark-code__value {
  position: relative;
  z-index: 2;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.mark-card .mark-code::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: -38%;
  opacity: .65;
  background:
    radial-gradient(circle at 49% 48%, transparent 0 21%, rgba(50,124,186,.15) 21.15% 21.45%, transparent 21.6% 34%, rgba(50,124,186,.10) 34.15% 34.45%, transparent 34.6%),
    repeating-linear-gradient(90deg, transparent 0 69px, rgba(55,117,168,.055) 70px 71px),
    repeating-linear-gradient(0deg, transparent 0 69px, rgba(55,117,168,.055) 70px 71px);
  transform: translate3d(-2%, 0, 0) rotate(-12deg);
  animation: mark-panel-drift 19s ease-in-out infinite alternate;
}
.mark-card .mark-code::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  inset: -48%;
  opacity: .46;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.05) 44%, rgba(255,255,255,.67) 49%, rgba(255,255,255,.06) 55%, transparent 64%);
  transform: translate3d(-24%, 0, 0) rotate(-7deg);
  animation: mark-panel-shimmer 15s ease-in-out infinite alternate;
}
@keyframes mark-panel-drift {
  from { transform: translate3d(-2%, 0, 0) rotate(-12deg); }
  to   { transform: translate3d(3%, -3%, 0) rotate(-7deg); }
}
@keyframes mark-panel-shimmer {
  from { transform: translate3d(-24%, 0, 0) rotate(-7deg); }
  to   { transform: translate3d(24%, 0, 0) rotate(-7deg); }
}
@media (prefers-reduced-motion: reduce) {
  .mark-card .mark-code::before,
  .mark-card .mark-code::after { animation: none; }
}

/* Catalog V2: focused controls and explicit navigation. */
.catalog-active{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.catalog-active:empty{display:none}
.catalog-filter-chip{border:1px solid #b8d0e7;border-radius:999px;background:#edf3fa;color:#244364;padding:8px 13px;font:inherit;font-size:13px;cursor:pointer}
.catalog-filter-chip:focus-visible,.catalog-reset:focus-visible,.catalog-pages button:focus-visible{outline:3px solid #6da0c8;outline-offset:2px}
.catalog-reset{border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:10px 14px;cursor:pointer;font:inherit;font-size:14px}
.catalog-reset[hidden]{display:none}
.catalog-pages{display:flex;justify-content:center;gap:12px;margin:24px 0 0}
.catalog-pages[hidden]{display:none}
.catalog-pages button{border:1px solid #b8d0e7;background:#fff;border-radius:12px;color:#244364;padding:10px 21px;cursor:pointer;font:inherit}
.catalog-pages button:disabled{opacity:.35;cursor:default}
@media(max-width:480px){.catalog-pages button{flex:1}.catalog-controls{gap:14px}}

/* Server-rendered pagination for catalog and large reference hubs (P0.6). */
.wp-archive-pages{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:26px 0 18px;padding:8px 0}
.wp-archive-pages a,.wp-archive-pages strong,.wp-archive-pages>span{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:39px;padding:8px 12px;border-radius:9px;font-size:14px;text-decoration:none}
.wp-archive-pages a{border:1px solid #dbd8d2;color:inherit;background:#fff}
.wp-archive-pages a:hover,.wp-archive-pages a:focus-visible{border-color:#70503b;color:#70503b}
.wp-archive-pages strong{color:#fff;background:#70503b;font-weight:600}
.wp-archive-pages>span{color:#686968}
@media(max-width:600px){.wp-archive-pages{gap:5px}.wp-archive-pages a,.wp-archive-pages strong{min-width:34px;min-height:36px;padding:7px 10px}}

/* P0.9: functional Unicode-emoji copy, system-font only */
.emoji-tools{margin-top:18px}
.emoji-tools__row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:14px 0}
.emoji-tools__glyph{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;font-size:clamp(64px,7vw,110px);line-height:1.25}
.emoji-tools__copy{border:1px solid #6d513d;border-radius:10px;padding:13px 19px;background:#704e35;color:white;cursor:pointer;font:inherit}
.emoji-tools__copy:hover,.emoji-tools__copy:focus-visible{background:#553b29;outline-offset:3px}
@media(max-width:560px){.emoji-tools__row{gap:10px}.emoji-tools__glyph{min-width:75px}}

/* P1.2: immediate copying and meaningful navigation, without redundant boxes. */
.entity-copy-utility{margin:12px 0 16px}
.entity-copy-utility button{background:transparent;border:1px solid #9bb5c6;border-radius:10px;color:var(--accent);font:inherit;font-size:15px;padding:10px 17px;cursor:pointer}
.entity-copy-utility button:hover,.entity-copy-utility button:focus-visible{background:#edf3f8;outline-offset:3px}
.mark-card .emoji-tools{padding:10px 0 4px;margin:0 0 12px}
.mark-card .emoji-tools h2{font-size:19px;margin:0 0 10px}
.mark-card .emoji-tools__glyph{font-size:clamp(55px,7vw,90px)}
.entity-related{margin:20px 0 28px}
.entity-related h2{font-size:clamp(21px,2.4vw,28px);font-weight:510;letter-spacing:-.015em;margin:0 0 12px}
.entity-related__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.entity-related__list a{min-width:0;padding:17px;border-radius:12px;background:var(--paper);color:var(--text);text-decoration:none;display:flex;flex-direction:column;gap:7px}
.entity-related__list a:hover,.entity-related__list a:focus-visible{box-shadow:0 0 0 2px #a2c6e7;outline:none}
.entity-related__list strong{font-size:18px;overflow-wrap:anywhere;font-weight:540}
.entity-related__list span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.entity-related__note{font-size:13px;color:var(--muted);margin:9px 0 0}
@media(max-width:720px){.entity-related__list{grid-template-columns:1fr}.entity-related__list a{padding:14px}.mark-card .emoji-tools{padding:4px 0}}

/* P1.3 tablet grid: prevent content-based min-width overflow at 721–1050 px. */
@media(min-width:721px) and (max-width:1050px){
 .marking-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
 .marking-tile{min-width:0}
 .marking-tile__code,.marking-tile__meta{min-width:0;overflow-wrap:anywhere}
}
/* Privacy-first analytics preferences: compact and keyboard-accessible. */
.wp-analytics-consent{position:fixed;z-index:1000;bottom:12px;left:12px;right:12px;max-width:920px;margin:0 auto;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:14px;background:#fffefa;box-shadow:0 10px 40px rgba(18,27,33,.22);font:inherit}
.wp-analytics-consent[hidden]{display:none}
.wp-analytics-consent__description{flex:1;min-width:0;font-size:14px;line-height:1.5}
.wp-analytics-consent__description p{margin:0 0 4px}
.wp-analytics-consent__description a{color:var(--accent)}
.wp-analytics-consent__actions{display:flex;gap:9px;flex-wrap:wrap}
.wp-analytics-consent__actions button,[data-analytics-settings]{cursor:pointer;font:inherit}
.wp-analytics-consent__actions button{border:1px solid #9bb3c6;border-radius:9px;padding:11px 14px;background:#fff;color:var(--ink)}
.wp-analytics-consent__actions .wp-analytics-consent__yes{background:#244364;color:#fff;border-color:#244364}
.analytics-links{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.analytics-links a,.analytics-links button{font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.analytics-links button{border:0;padding:0;background:transparent}
@media(max-width:640px){.wp-analytics-consent{bottom:6px;left:6px;right:6px;padding:13px;display:block}.wp-analytics-consent__actions{margin-top:11px}.wp-analytics-consent__actions button{flex:1;min-width:130px}}

/* P1.4: contextual, human-friendly homepage search; neutral and accessible. */
.home-search-intro{margin:0 0 22px}
.home-search-intro h2{font-size:clamp(24px,2.7vw,35px);font-weight:500;letter-spacing:-.026em;margin:0 0 6px}
.home-search-intro>p{font-size:15px;color:var(--muted);margin:0 0 17px}
.home-search-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-search-scenarios button{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:11px 15px;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font:inherit;font-weight:520;font-size:15px;cursor:pointer;transition:border-color .12s}
.home-search-scenarios button:hover,.home-search-scenarios button:focus-visible,.home-search-scenarios button[aria-pressed="true"]{border-color:var(--accent);outline-offset:3px}
.home-search-scenarios button[aria-pressed="true"]{background:#f6ede4}
.home-search-scenarios button span{font-size:22px;color:var(--accent);width:28px;text-align:center;flex:0 0 28px}
.home-scenario-examples{margin-top:12px;padding:14px 16px;border-radius:12px;background:var(--paper);display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.home-scenario-examples[hidden]{display:none}
.home-scenario-examples strong{font-weight:540;font-size:14px}
.home-scenario-examples .scenario-example,.home-popular-queries button{padding:7px 11px;border-radius:8px;border:1px solid var(--line);font:inherit;font-size:14px;line-height:1.35;background:#fff;color:var(--ink);cursor:pointer}
.home-scenario-examples .scenario-example:hover,.home-popular-queries button:hover{border-color:var(--accent)}
.home-scenario-examples a{font-size:14px;color:var(--accent);margin-left:5px}
.home-popular-queries{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.home-popular-queries span{font-size:14px;color:#dccfc1}
.home-popular-queries button{color:var(--ink);background:#fffbf5;border-color:#b8a89a}
.decoder-interpreted{font-size:14px;color:#4c5a43;padding:8px 11px;margin:0;background:#edf2e9;border-radius:8px}
.decoder-guide{border-style:dashed;font-size:14px}
.home-sections{margin:24px 0}
.home-sections>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:21px;font-weight:530;list-style:none;padding:16px 18px;border:1px solid var(--line);background:var(--paper);border-radius:13px}
.home-sections>summary::-webkit-details-marker{display:none}
.home-sections>summary:after{content:'⌄';font-size:23px;font-weight:400;margin-left:auto}
.home-sections[open]>summary:after{content:'⌃'}
.home-sections>summary span{font-size:13px;font-weight:400;color:var(--muted)}
.home-sections .wp-grid{margin:14px 0 25px}
.catalog-suggestion{background:var(--paper);padding:16px;min-height:55px;align-items:center;justify-content:center;text-align:left}
@media(max-width:800px){
 .home-search-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-search-scenarios button{font-size:14px}
}
@media(max-width:440px){
 .home-search-scenarios button{padding:10px 8px;gap:6px;font-size:13px;min-height:52px}
 .home-search-scenarios button span{font-size:19px;flex-basis:22px;width:22px}
 .home-scenario-examples{padding:12px}
 .home-sections>summary{font-size:17px;padding:14px 12px}
 .home-sections>summary span{font-size:11px}
 .home-popular-queries button{padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){.home-search-scenarios button{transition:none}}

/* P1.5: concise first-screen answers and practical jump; no extra visual borders. */
.reference-quick{background:var(--paper);border-radius:15px;padding:clamp(17px,2.2vw,25px);margin:16px 0 23px}
.reference-quick__label{color:var(--muted);font-weight:650;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px}
.reference-quick__lead{font-size:clamp(17px,2vw,23px);line-height:1.47;font-weight:530;letter-spacing:-.015em;overflow-wrap:anywhere;max-width:1000px;margin:0}
.reference-quick__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.reference-quick__actions button{font:inherit;font-weight:580;font-size:15px;cursor:pointer;border-radius:10px;background:var(--accent);color:#fff;padding:11px 18px;min-height:44px;border:0}
.reference-quick__actions button:hover,.reference-quick__actions button:focus-visible{background:var(--accent-hover);outline-offset:3px}
.reference-quick__actions a{color:var(--accent);font-size:15px;font-weight:550;padding:8px 2px;text-underline-offset:4px}
.reference-quick__note{font-size:13px;color:var(--muted);margin:13px 0 0;max-width:850px}
#practical{scroll-margin-top:20px}
/* Localized hub search preserves fully server-rendered reference lists and paging. */
.hub-search{padding:19px 0;margin:18px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hub-search h2{font-size:clamp(21px,2.4vw,27px);font-weight:540;margin:0 0 12px}
.hub-search__form{display:grid;gap:7px}
.hub-search__form label{font-size:14px;color:var(--muted);font-weight:560}
.hub-search__row{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap}
.hub-search__row input{flex:1 1 230px;min-width:0;min-height:49px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font:inherit;font-size:16px}
.hub-search__row button{border:1px solid var(--accent);border-radius:10px;cursor:pointer;padding:11px 17px;min-height:48px;background:var(--accent);color:#fff;font:inherit;font-weight:580}
.hub-search__row .hub-search__reset{background:transparent;color:var(--accent)}
.hub-search__examples{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0 0}
.hub-search__examples span{font-size:13px;color:var(--muted);margin-right:5px}
.hub-search__examples button{font:inherit;font-size:13px;padding:8px 11px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink)}
.hub-search__examples button:hover,.hub-search__examples button:focus-visible{border-color:var(--accent);outline-offset:2px}
.hub-search__status{font-size:14px;color:var(--muted);margin:12px 0 0}
.hub-search__all{display:inline-block;margin:9px 0 0;font-size:14px;color:var(--accent)}
.hub-search__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}
.hub-search__result{display:flex;gap:13px;align-items:start;padding:14px;border-radius:11px;background:var(--paper);text-decoration:none;min-width:0;color:var(--ink)}
.hub-search__result:hover,.hub-search__result:focus-visible{box-shadow:0 0 0 2px #9ab8d1;outline:none}
.hub-search__result>strong{flex:0 0 auto;min-width:44px;max-width:42%;font-weight:700;overflow-wrap:anywhere}
.hub-search__result>span{display:flex;flex-direction:column;gap:6px;min-width:0}
.hub-search__result b{font-size:15px;font-weight:570;overflow-wrap:anywhere}
.hub-search__result small{font-size:13px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.hub-search__hint{font-size:14px;color:var(--accent)}
.hub-search__pagination{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:17px 0 2px}
.hub-search__pagination button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;padding:10px 13px}
.hub-search__pagination button:disabled{opacity:.45;cursor:default}
.hub-search__pagination span{color:var(--muted);font-size:14px}
.hub-search [hidden],.hub-search__results[hidden],.hub-search__pagination[hidden],
.hub-search + .category-list[hidden],.hub-search ~ .wp-archive-pages[hidden]{display:none!important}
@media(max-width:690px){.hub-search__results{grid-template-columns:1fr}.hub-search__row button{flex:1 1 auto}.reference-quick__actions{gap:8px}}
@media(max-width:420px){.hub-search__row input{flex-basis:100%}.reference-quick__actions button{flex:1 1 100%}}

/* P1.5 narrow-view correction: long INCI/E-code names must not stretch SSR grids. */
.category-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-list>a,.category-list b,.category-list span{min-width:0;overflow-wrap:anywhere;word-break:normal}
@media(max-width:1000px){.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.category-list{grid-template-columns:minmax(0,1fr)}}

/* Mobile hub headings: long Russian terms must wrap within the viewport. */
@media(max-width:720px){
 .page>h1{font-size:clamp(35px,11vw,62px);overflow-wrap:anywhere;hyphens:auto}
}

/* P1.6: compact source-backed visual matching interface. Previews are schematic. */
.appearance-intro p{max-width:950px}
.visual-finder{margin:20px 0 30px}
.visual-finder__controls{padding:clamp(15px,2.2vw,25px);background:var(--paper);border-radius:16px}
.visual-finder h2{font-size:clamp(21px,2.6vw,29px);font-weight:530;letter-spacing:-.02em;margin:0 0 13px}
.visual-finder__controls h2:not(:first-child){margin-top:23px}
.visual-choice{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.visual-choice button{border:1px solid #d0d0cc;border-radius:10px;padding:10px 13px;min-height:44px;background:#fff;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.visual-choice button:hover,.visual-choice button:focus-visible{border-color:var(--accent);outline-offset:2px}
.visual-choice button[aria-pressed="true"]{background:#f1e6dc;border-color:var(--accent);color:#65351c;font-weight:630}
.visual-more-shapes{margin:10px 0 0}
.visual-more-shapes summary{display:inline-block;cursor:pointer;color:var(--accent);font-size:14px;text-underline-offset:3px;text-decoration:underline}
.visual-more-shapes .visual-choice{margin:11px 0 4px}
.visual-finder__search{margin:22px 0 0;display:grid;gap:7px}
.visual-finder__search label{font-size:14px;font-weight:580}
.visual-finder__search>div{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap}
.visual-finder__search input{flex:1 1 260px;min-width:0;min-height:49px;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font:inherit;font-size:16px;background:#fff}
.visual-finder__search button{border:1px solid var(--accent);border-radius:10px;padding:10px 15px;background:transparent;font:inherit;color:var(--accent);cursor:pointer}
.visual-finder__matches{margin:29px 0 30px}
.visual-finder__matches h2{margin:0 0 6px}
.visual-finder__matches>[role=status],.visual-finder__note{font-size:14px;color:var(--muted);margin:0 0 6px}
.visual-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:19px}
.visual-hit{display:grid;grid-template-columns:minmax(75px,105px) minmax(0,1fr);align-items:center;gap:14px;padding:15px;background:var(--paper);border-radius:13px;min-width:0;text-decoration:none;color:var(--ink)}
.visual-hit:hover,.visual-hit:focus-visible{box-shadow:0 0 0 2px #c1b8ac;outline:none}
.visual-hit__preview{position:relative;display:grid;place-items:center;width:100%;min-width:0;min-height:94px;background:#eceae7;color:#282626;border-radius:11px;text-align:center;padding:10px;font-size:16px;line-height:1.24;overflow:hidden}
.visual-hit__preview>span{position:relative;z-index:1;font-weight:680;overflow-wrap:anywhere}
.visual-hit__preview--diamond{background:#fff;border:4px solid #be322d;transform:none;border-radius:5px}
.visual-hit__preview--diamond::before{content:"";position:absolute;inset:17px;background:#fff;border:3px solid #be322d;transform:rotate(45deg);border-radius:2px}
.visual-hit__preview--triangle{background:#e8f0e6;color:#2e6132}
.visual-hit__preview--triangle::before{content:"△";position:absolute;font-size:85px;line-height:1;opacity:.28}
.visual-hit__preview--crossed{background:#f2eeed}
.visual-hit__preview--crossed::after{content:"";position:absolute;top:16%;left:12%;width:110%;height:2px;background:#ab3328;transform-origin:left center;transform:rotate(43deg)}
.visual-hit__preview--wash,.visual-hit__preview--iron{background:#e9eff4;color:#204b68}
.visual-hit__preview--jar{background:#f4eadd;color:#6f4a2e}
.visual-hit__preview--circle{background:#f4eee6;border-radius:50%}
.visual-hit__preview--fork{background:#e5f3e9;color:#2c6244}
.visual-hit__preview--colors{background:linear-gradient(145deg,#2a9352 0%,#93bb45 30%,#f0db48 53%,#e99434 77%,#c9513c 100%);color:#15221a}
.visual-hit__preview--qr{background:repeating-linear-gradient(45deg,#222 0 4px,#fff 4px 10px);color:#111}
.visual-hit__preview--qr>span{background:#fff;padding:4px}
.visual-hit__preview--flame{background:#fff0e8;color:#a34617}
.visual-hit__preview--bolt{background:#fdf2cf;color:#7b551b}
.visual-hit__preview--leaf{background:#ecf2dc;color:#3f633a}
.visual-hit__preview--time{background:#eee9ed}
.visual-hit__copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.visual-hit__copy strong{font-size:15px;font-weight:610;line-height:1.28;overflow-wrap:anywhere}
.visual-hit__copy small{font-size:13px;line-height:1.47;color:var(--muted);overflow-wrap:anywhere}
.visual-more{margin:19px auto 0;display:block;border:1px solid var(--accent);border-radius:11px;min-height:46px;padding:10px 25px;background:var(--paper);color:var(--accent);font:inherit;cursor:pointer}
.visual-more[hidden],.visual-nohit[hidden],.visual-finder__search button[hidden]{display:none!important}
.visual-nohit{margin:18px 0;padding:18px;border-radius:12px;background:var(--paper);font-size:15px}
.visual-nohit p{margin:0 0 9px}.visual-nohit a{color:var(--accent)}
.visual-legacy{border-top:1px solid var(--line);padding-top:18px;margin:25px 0}
.visual-legacy summary{cursor:pointer;color:var(--accent);font-size:16px;font-weight:600}
.visual-legacy .appearance-grid{margin-top:16px}
@media(max-width:1150px){.visual-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.visual-hit{grid-template-columns:85px minmax(0,1fr)}.visual-hit__preview{min-height:80px}.visual-finder__controls{padding:15px}}
@media(max-width:600px){.visual-results{grid-template-columns:minmax(0,1fr)}.visual-choice button{flex:1 1 calc(50% - 8px);font-size:13px;padding:9px 10px}.visual-hit{padding:12px;gap:11px}.visual-hit__preview{min-height:78px}}
@media(max-width:390px){.visual-choice button{flex-basis:100%;min-height:38px}.visual-finder__search input{flex-basis:100%}}

/* P1.7 opt-in qualitative feedback; lightweight and accessible. */
.visual-feedback{margin:26px 0 2px;padding:16px 20px;border-radius:13px;background:var(--paper)}
.visual-feedback[hidden]{display:none!important}
.visual-feedback__question{font-size:18px;font-weight:590;margin:0 0 12px}
.visual-feedback__actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.visual-feedback__actions button{font:inherit;font-size:14px;font-weight:550;cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:10px 15px}
.visual-feedback__actions button:hover,.visual-feedback__actions button:focus-visible{border-color:var(--accent);outline-offset:3px}
.visual-feedback__actions button:disabled{opacity:.55;cursor:default}
.visual-feedback__status{font-size:13px;line-height:1.5;color:var(--muted);margin:11px 0 0;max-width:900px}
@media(max-width:440px){.visual-feedback{padding:14px}.visual-feedback__actions button{flex:1 1 calc(50% - 5px);padding:9px}}

/* P1.7 photo-assisted *manual* comparison, local browser image only. */
.visual-photo-input{margin:22px 0 7px;padding:14px 19px;background:var(--paper);border-radius:13px}
.visual-photo-input label{display:block;font-size:17px;font-weight:600;margin-bottom:9px}
.visual-photo-input input[type=file]{display:block;max-width:100%;font:inherit;font-size:14px}
.visual-photo-input p{font-size:13px;color:var(--muted);line-height:1.5;margin:9px 0 0}
.visual-compare-layout{min-width:0}
.visual-compare-layout--active{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:16px;align-items:start}
.visual-compare-layout--active .visual-results{margin-top:19px;grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-photo-preview{margin:19px 0 0;padding:10px;border-radius:12px;background:var(--paper);min-width:0;position:sticky;top:12px}
.visual-photo-preview[hidden]{display:none!important}
.visual-photo-preview img{display:block;max-height:330px;width:100%;object-fit:contain;border-radius:8px;background:#eee}
.visual-photo-preview figcaption{font-size:13px;color:var(--muted);line-height:1.55;margin-top:8px}
.visual-photo-preview button{color:var(--accent);font:inherit;text-decoration:underline;border:0;cursor:pointer;background:transparent;padding:1px}
@media(max-width:1050px){.visual-compare-layout--active .visual-results{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.visual-compare-layout--active{grid-template-columns:minmax(0,1fr)}.visual-photo-preview{position:static;max-width:360px;margin:14px 0 0}}

/* P1.7 verified visual forms, not photographic renderings. */
.visual-hit__preview--square{background:#e7eef3;border:2px solid #63819a;border-radius:3px;color:#345976}
.visual-hit__preview--double-square{background:#ecf0ee;color:#334e40;border:4px double #4b725a;border-radius:2px}
.visual-hit__preview--book{background:#f4ecdf;color:#684c2c}
.visual-hit__preview--house{background:#e6f0e6;color:#345a38}

/* P1.8: short route from context to real results; responsive, not a redesign. */
.visual-context-status{font-size:14px;color:var(--muted);margin:10px 0 3px;line-height:1.4}
.visual-context-jump{display:inline-block;padding:6px 0;color:var(--accent);font-size:14px;text-underline-offset:3px;font-weight:600}
.visual-choice button[hidden],.visual-more-shapes[hidden]{display:none!important}
.visual-choice__count{display:inline-flex;justify-content:center;align-items:center;min-width:22px;padding:2px 5px;margin-left:5px;border-radius:7px;background:#e8e6e2;color:#51463e;font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}
.visual-choice button[aria-pressed="true"] .visual-choice__count{background:#e6cbb4;color:#553019}
.visual-photo-collapse{padding:10px 15px;margin:12px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.visual-photo-collapse summary{font-size:14px;font-weight:570;color:var(--accent);cursor:pointer}
.visual-photo-collapse .visual-photo-input{padding:12px 0 5px;margin:0;background:transparent}
.visual-finder__matches{scroll-margin-top:22px}
.visual-compare-layout .visual-results{align-content:start}
@media(max-width:700px){
  .visual-finder__controls{padding:13px}
  .visual-finder__controls h2:not(:first-child){margin-top:16px}
  .visual-finder__controls h2{font-size:20px;margin-bottom:9px}
  .visual-choice{gap:6px}
  .visual-choice button{min-height:40px;padding:8px 9px;font-size:13px}
  .visual-context-status{font-size:13px}
  .visual-photo-collapse{margin-top:10px}
  .visual-finder__matches{margin-top:21px}
  .visual-finder__matches h2{font-size:22px}
  .visual-results{margin-top:13px;gap:8px}
  .visual-feedback{margin:18px 0 3px}
}
@media(max-width:390px){
  .visual-choice button{flex:1 1 calc(50% - 6px);min-width:0;min-height:43px;font-size:12.5px;padding:7px 8px;overflow-wrap:anywhere}
  .visual-choice__count{padding:2px 4px;font-size:11px;margin-left:3px;min-width:18px}
}

/* P1.8b: readable, concise opener before the visual steps. */
.appearance-intro{font-size:16px;line-height:1.5;max-width:950px}
.appearance-intro p{margin:0 0 8px}
.appearance-intro .source-note{font-size:13px;line-height:1.45;margin:0 0 7px}

/* P1.8c navigation between selected filters and results. */
#visual-filters{scroll-margin-top:20px}
.visual-result-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 18px}
.visual-result-heading h2{margin:0 0 6px}
.visual-result-heading a{font-size:14px;color:var(--accent);font-weight:580;text-underline-offset:3px}

/* P1.9: search-first homepage, short understandable results, clear next action. */
.decoder-results:not(:empty){margin-top:5px}
.decoder-count{font-size:13px;font-weight:590;color:#61584e;margin:0 0 2px}
.decoder-progress{font-size:14px;color:#686058;margin:0}
.decoder-view-all{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 14px;border-radius:10px;background:#f0e4d8;color:#5d3923;font-size:14px;font-weight:590;text-decoration:none}
.decoder-view-all:hover,.decoder-view-all:focus-visible{background:#e7d4bf;outline-offset:3px}
.decoder-results .decoder-hit{border:0;background:#f4efe9;padding:11px 12px;line-height:1.35;overflow-wrap:anywhere}
.decoder-results a.decoder-hit:hover,.decoder-results a.decoder-hit:focus-visible{outline:2px solid #ccb296;outline-offset:1px}
.decoder-results .decoder-hit b{font-size:15px;font-weight:610}
.decoder-results .decoder-hit span{font-size:13px;line-height:1.4}
.home-search-intro{margin:28px 0 6px}
.home-search-intro h2{font-size:clamp(23px,2.4vw,31px)}
.home-search-intro>p{margin-bottom:12px}
.reference-quick__actions .reference-copy-link{background:transparent;color:var(--accent);border:1px solid #c8b19d;font-weight:550;font-size:14px;padding:9px 12px}
.reference-quick__actions .reference-copy-link:hover,.reference-quick__actions .reference-copy-link:focus-visible{background:#eee4da}
.reference-quick__actions .reference-return-search{font-size:14px;font-weight:540}
.reference-copy-fallback{font:inherit;font-size:14px;width:100%;max-width:430px;min-height:43px;border:1px solid var(--line);border-radius:8px;padding:8px 11px}
@media(max-width:720px){
 .decoder-hero{gap:17px;padding:17px;border-radius:16px}
 .decoder-hero h2{font-size:clamp(25px,7vw,32px)}
 .decoder-hero p{font-size:14px;line-height:1.45}
 .decoder{padding:14px;gap:10px;border-radius:14px}
 .decoder input{font-size:16px}
 .home-search-intro{margin:23px 0 6px}
 .reference-quick__actions .reference-copy-link{flex:1 1 auto}
 .reference-quick__actions .reference-return-search{flex:1 1 100%;padding:7px 0}
}
/* P2.0 source-only visual hierarchy: one answer, one article, one comparison group. */
.reference-quick{margin:12px 0 17px;padding:clamp(16px,2vw,23px);border:0;border-radius:13px;background:#fffefa}
.reference-quick__label{font-size:12px;font-weight:540;letter-spacing:.04em}
.reference-quick__lead{line-height:1.5;font-weight:520;max-width:1000px}
.mark-card{display:grid;grid-template-columns:minmax(125px,205px) minmax(0,1fr);gap:clamp(17px,3vw,40px);margin:0;padding:clamp(12px,2vw,24px) 0;border:0;border-radius:0;background:transparent;align-items:start}
.mark-card>div:last-child{min-width:0;max-width:980px}
.mark-card h2{font-size:clamp(21px,2.2vw,26px);font-weight:510;letter-spacing:-.015em;margin:0 0 9px;line-height:1.3}
.mark-card h2:not(:first-child){margin-top:26px}
.mark-card p{font-size:clamp(16px,1.3vw,18px);line-height:1.72;max-width:86ch;margin:0 0 12px;overflow-wrap:anywhere;color:#44494d}
.mark-card p.source-note{font-size:14px!important;line-height:1.6;margin:22px 0 0!important;max-width:100%}
.mark-card .kicker{display:inline-block;margin:0 0 16px;color:#285a96;font-weight:550;font-size:12px;letter-spacing:.05em}
.mark-card .mark-code{min-height:128px;padding:17px;border-radius:12px;box-shadow:none;font-size:clamp(27px,4vw,48px)}
.mark-card .mark-code::before,.mark-card .mark-code::after{content:none!important;animation:none!important}
.entity-related{margin:22px 0 12px;padding:17px 0 0;border-top:1px solid var(--line)}
.entity-related h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 13px}
.entity-related__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.entity-related__list a{border:0;border-radius:11px;min-width:0;padding:14px 15px;background:#fffefa;box-shadow:none}
.entity-related__list a strong{font-size:16px;font-weight:570}
.entity-related__list a span{font-size:13px;line-height:1.45;color:#62676d}
.entity-related__list a:hover{background:#eff5fb}
/* Unify search-result tiles and SSR archive list. Avoid box-within-box borders. */
.category-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.category-list a{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;border-radius:11px;background:#fffefa;padding:15px 16px;min-height:91px;overflow-wrap:anywhere}
.category-list a:hover,.category-list a:focus-visible{background:#eef5fc;outline:2px solid #bad7f4;outline-offset:0}
.category-list b{font-size:15px;font-weight:560;line-height:1.4;overflow-wrap:anywhere}
.category-list span{font-size:13px;line-height:1.5;color:#65717b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.hub-search__result{background:#fffefa;border-radius:11px;padding:15px 16px;align-items:start}
.hub-search__result b{font-size:15px;font-weight:560}
.hub-search__result small{color:#65717b}
.marking-tile{border:0;border-radius:12px;background:#fffefa;min-height:154px;padding:15px;box-shadow:none}
.marking-tile:hover,.marking-tile:focus-visible{outline:2px solid #bad7f4;outline-offset:0;box-shadow:none}
.marking-tile__code{min-height:56px;font-weight:520;background:#edf3f8}
.marking-tile__meta{padding-top:10px}
/* Keep the main reader wide enough, but make extremely long texts scan-friendly. */
@media(max-width:1050px){
 .mark-card{grid-template-columns:minmax(110px,165px) minmax(0,1fr)}
 .entity-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .mark-card{grid-template-columns:minmax(0,1fr);gap:15px;padding:10px 0}
 .mark-card .mark-code{min-height:84px;padding:13px 18px;font-size:clamp(25px,7vw,36px);max-width:100%;justify-items:start}
 .mark-card .kicker{margin-bottom:11px}
 .mark-card h2:not(:first-child){margin-top:19px}
 .mark-card p{font-size:16px;line-height:1.65}
 .reference-quick__actions{gap:8px}
 .entity-related{margin-top:20px}
 .entity-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .marking-tile{min-height:133px}
}
@media(max-width:480px){
 .entity-related__list,.category-list{grid-template-columns:minmax(0,1fr)}
 .entity-related__list a{padding:12px 14px}
 .mark-card{gap:11px}
 .mark-card .mark-code{min-height:70px}
 .reference-quick__lead{font-size:18px}
}
/* P2.2: use the actual available article width; remove P2.0's
   980px / 86ch caps that left the right side of desktop cards blank. */
.page>h1{max-width:none;overflow-wrap:anywhere}
.reference-quick__lead{max-width:none}
.reference-quick__note{max-width:none}
.mark-card{grid-template-columns:minmax(105px,145px) minmax(0,1fr);column-gap:clamp(16px,2vw,28px)}
.mark-card>div:last-child{max-width:none;min-width:0;width:100%}
.mark-card p{max-width:none;width:100%}
@media(max-width:1050px){
 .mark-card{grid-template-columns:minmax(100px,125px) minmax(0,1fr);column-gap:clamp(12px,2vw,20px)}
}
@media(max-width:720px){
 .mark-card{grid-template-columns:minmax(0,1fr)}
 .mark-card>div:last-child{max-width:none}
}
/* P2.7: five functional pathways into source-verified INCI.
   Server rendered links remain usable without JavaScript. */
.inci-role-guide{margin:20px 0 22px;padding:0}
.inci-role-guide h2{font-size:clamp(22px,2.4vw,29px);margin:0 0 8px}
.inci-role-guide>p{margin:0 0 13px;line-height:1.55}
.inci-role-guide__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.inci-role-guide__tile{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 15px;border-radius:12px;background:#f4f7fa;text-decoration:none;color:var(--ink);border:1px solid transparent;overflow-wrap:anywhere}
.inci-role-guide__tile strong{font-size:16px;font-weight:580;color:#254d6f}
.inci-role-guide__tile span{font-size:13px;line-height:1.45;color:#526270}
.inci-role-guide__tile:hover,.inci-role-guide__tile:focus-visible{background:#e9f3fd;border-color:#96bbdc;outline-offset:2px}
.inci-role-guide__note{font-size:13px;color:#646d76}
.inci-function-meta{font-weight:600;color:#375b78}
.inci-function-list{margin:16px 0 22px}
.inci-function-list a span{overflow-wrap:anywhere}
.inci-role-context{margin:16px 0 18px;padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:14px}
.inci-role-context>span{font-weight:600}
.inci-role-context a{color:var(--accent);padding:6px 9px;border-radius:8px;background:#f1f5f9;text-decoration:none}
.inci-role-context a:hover,.inci-role-context a:focus-visible{background:#e2edf7;text-decoration:underline}
@media(max-width:1120px){.inci-role-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.inci-role-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.inci-role-guide__grid{grid-template-columns:minmax(0,1fr)}.inci-role-guide__tile{padding:13px 14px}.inci-role-context{gap:5px 8px}}


/* P4.2 — navigable ISO regional guide, site-local (no generated extra pages). */
.subdiv-country-guide{margin:24px 0 20px;padding:16px 18px;border:1px solid #dedfdc;border-radius:14px;background:#f7f8f8}
.subdiv-country-guide>summary{cursor:pointer;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;list-style:revert;font-size:clamp(17px,2vw,21px);font-weight:560;color:#243c53}
.subdiv-country-guide>summary span{font-size:13px;color:#627386;font-weight:470}
.subdiv-country-guide>p{font-size:14px;line-height:1.55;margin:13px 0;color:#5d6d79}
.subdiv-country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.subdiv-country-grid a{display:flex;flex-direction:column;gap:5px;min-width:0;text-decoration:none;color:#24435e;background:#fff;border:1px solid #dde4e8;border-radius:10px;padding:11px 12px}
.subdiv-country-grid a:hover,.subdiv-country-grid a:focus-visible{border-color:#7fa5ca;background:#edf5fc;outline-offset:2px}
.subdiv-country-grid b{font-size:14px;font-weight:560;overflow-wrap:anywhere}
.subdiv-country-grid span{font-size:12px;color:#687887}
.category-list>.subdiv-country-heading{grid-column:1/-1;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;scroll-margin-top:115px;margin:15px 0 0;padding:12px 0 7px;border-bottom:1px solid #d6dde3;color:#294867;font-weight:550;font-size:clamp(18px,2.2vw,23px)}
.category-list>.subdiv-country-heading>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;overflow:visible}
.subdiv-country-heading>span small{font-size:13px;color:#6a7885;font-weight:480;padding-left:5px}
.category-list>.subdiv-country-heading>a{display:inline-flex;min-height:30px;align-items:center;border:0;background:none;border-radius:0;padding:2px 0;min-width:0;font-size:13px;font-weight:510;color:#285f9f;text-decoration:none}
.category-list>.subdiv-country-heading>a:hover{text-decoration:underline;background:none}
@media(max-width:1000px){.subdiv-country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.subdiv-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subdiv-country-guide{padding:13px}.subdiv-country-guide>summary{gap:6px}}
@media(max-width:370px){.subdiv-country-grid{grid-template-columns:minmax(0,1fr)}}

/* Hub search is followed by country chooser before static list. */
.hub-search ~ .category-list[hidden]{display:none!important}