.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-catalog{max-width:1440px;margin:auto;padding:28px 4% 0}.home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-category-cell{display:flex;flex-direction:column;min-height:225px;padding:25px 26px;border:1px solid #e5e5e8;border-radius:6px;background:#f5f5f6;transition:border-color .15s,background .15s}.home-category-cell:nth-child(2),.home-category-cell:nth-child(6){background:#fff1e2}.home-category-cell:nth-child(4){background:#222328;color:#fff;border-color:#222328}.home-cell-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.1px;color:#777}.home-cell-count{letter-spacing:0;white-space:nowrap;color:#a13d00;min-height:14px}.home-category-cell h2{font-size:23px;letter-spacing:-.5px;font-weight:650;line-height:1.25;margin:24px 0 10px;max-width:320px}.home-category-cell p{font-size:12px;line-height:1.7;color:#74747b;margin:0 0 24px;max-width:340px}.home-cell-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#a13d00;margin-top:auto}.home-cell-link>span{font-size:22px;line-height:1}.home-category-cell:nth-child(4) .home-cell-top,.home-category-cell:nth-child(4) p{color:#babac1}.home-category-cell:nth-child(4) .home-cell-count,.home-category-cell:nth-child(4) .home-cell-link{color:#ff9a45}.home-category-cell:hover{border-color:#ee8c40;background:#fff5ec}.home-category-cell:nth-child(4):hover{background:#303136}.home-catalog-foot{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e8;margin-top:23px;padding-bottom:24px;font-size:12px}.home-catalog-foot p{margin:0;color:#777}.home-catalog-foot a{color:#a13d00;font-weight:600}#materials{padding-top:36px}@media(max-width:1000px){.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-cell{min-height:210px}}@media(max-width:580px){.home-catalog{padding:18px 20px 0}.home-category-grid{grid-template-columns:1fr;gap:12px}.home-category-cell{min-height:185px;padding:21px}.home-category-cell h2{font-size:23px;margin-top:18px}.home-category-cell p{margin-bottom:18px}.home-catalog-foot{align-items:flex-start;gap:15px;line-height:1.6}.home-catalog-foot a{white-space:nowrap}}

.catalog-tree {max-width:620px;padding:20px 0 30px;display:grid;gap:4px}
.catalog-tree > a,.catalog-tree summary {display:block;padding:12px 16px;font-weight:600;border-radius:4px}
.catalog-tree summary {display:list-item;cursor:pointer;list-style-position:inside}
.catalog-tree a:hover,.catalog-tree summary:hover {background:#fff1e5;color:#b74600}
.catalog-tree details > div {margin:4px 0 12px 24px;padding-left:20px;border-left:1px solid #ddd;display:grid}
.catalog-tree details a {padding:10px 16px}

/* Keep the home guides on the same columns as the category tiles. */
.home-catalog + #materials {max-width:1440px;margin:0 auto;padding:36px 4% 60px}
.home-catalog + #materials .guide-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.home-catalog + #materials .guide-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.home-catalog + #materials {padding:30px 20px 40px}.home-catalog + #materials .guide-grid {grid-template-columns:1fr;gap:24px}}

/* Alternate resting colors; dark emphasis follows the pointer or keyboard focus. */
.home-category-cell:nth-child(odd){background:#f5f5f6}
.home-category-cell:nth-child(even){background:#fff1e2}
.home-category-cell:nth-child(4){color:var(--ink);border-color:#e5e5e8}
.home-category-cell:nth-child(4) .home-cell-top{color:#777}
.home-category-cell:nth-child(4) p{color:#74747b}
.home-category-cell:nth-child(4) .home-cell-count,.home-category-cell:nth-child(4) .home-cell-link{color:#a13d00}
.home-category-grid .home-category-cell:is(:hover,:focus-visible):not(.home-category-grid:has(.home-category-cell:hover) .home-category-cell:not(:hover)){background:#222328;color:#fff;border-color:#222328}
.home-category-grid .home-category-cell:is(:hover,:focus-visible):not(.home-category-grid:has(.home-category-cell:hover) .home-category-cell:not(:hover)) .home-cell-top,
.home-category-grid .home-category-cell:is(:hover,:focus-visible):not(.home-category-grid:has(.home-category-cell:hover) .home-category-cell:not(:hover)) p{color:#babac1}
.home-category-grid .home-category-cell:is(:hover,:focus-visible):not(.home-category-grid:has(.home-category-cell:hover) .home-category-cell:not(:hover)) .home-cell-count,
.home-category-grid .home-category-cell:is(:hover,:focus-visible):not(.home-category-grid:has(.home-category-cell:hover) .home-category-cell:not(:hover)) .home-cell-link{color:#ff9a45}

/* Shared outer edges for header and the home content. */
header {max-width:1440px;margin-inline:auto;padding-inline:4%}
@media(max-width:580px){header {padding-inline:20px}}

.home-cell-top{justify-content:flex-end}.home-category-cell h2{margin-top:14px}.article{max-width:1000px;margin-inline:auto;line-height:1.75}.article h1{line-height:1.15}.article p,.article li{max-width:760px}.article h2{font-size:26px;margin-top:32px}.article a{color:#a13d00;text-decoration:underline;text-underline-offset:3px}.article-sources{font-size:13px;color:#68696f;border-top:1px solid #ddd;padding-top:18px}.guide h3{margin-top:18px}

/* Catalogue flyouts retain the storefront typography and palette. */
#mega.catalog-flyout {overflow:visible;max-height:none}
.catalog-flyout-list {position:relative;width:340px;max-width:100%;padding:12px 0;display:grid;gap:4px}
.catalog-flyout-list > a,.catalog-branch > button,.catalog-submenu a {display:block;padding:12px 16px;font:inherit;font-weight:600;text-align:left;border:0;border-radius:4px;color:inherit;background:transparent;text-decoration:none;width:100%;cursor:pointer}
.catalog-branch {position:relative}
.catalog-branch > button {display:flex;align-items:center;justify-content:space-between;gap:16px}
.catalog-flyout-list > a:hover,.catalog-branch > button:hover,.catalog-branch > button[aria-expanded="true"],.catalog-submenu a:hover {background:#fff1e5;color:#b74600}
.catalog-flyout-list a:focus-visible,.catalog-branch > button:focus-visible {outline:2px solid #b74600;outline-offset:-2px}
.catalog-submenu {position:absolute;top:0;left:calc(100% + 8px);width:340px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 24px 35px #17312918;z-index:1}
.catalog-submenu[hidden] {display:none}
@media(max-width:760px) {
 #mega.catalog-flyout {overflow-y:auto;max-height:calc(100dvh - 88px)}
 .catalog-flyout-list {width:100%}
 .catalog-submenu {position:static;width:auto;margin:4px 0 8px 16px;border:0;border-left:1px solid var(--line);box-shadow:none;padding:0 0 0 8px}
}

/* Every top-level dropdown is anchored to its own header button. */
#mega.catalog-flyout {left:var(--menu-left);right:auto;top:var(--menu-top);width:var(--menu-width);padding:8px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 24px 35px #17312918;max-height:calc(100dvh - var(--menu-top) - 12px)}
#mega.catalog-flyout .menu-heading {padding:4px 8px 8px;gap:8px}
#mega.catalog-flyout .menu-heading > a {font-size:16px;font-weight:600}
#mega.catalog-flyout .menu-heading span {display:block;margin:4px 0 0;font-size:12px}
#mega.catalog-flyout .menu-heading button {padding:4px 8px}
#mega.catalog-flyout .catalog-flyout-list {width:100%;padding:8px 0 0;max-height:calc(100dvh - var(--menu-top) - 85px)}
#mega.catalog-flyout .catalog-flyout-list > a,#mega.catalog-flyout .catalog-branch > button,#mega.catalog-flyout .catalog-submenu a {font-size:14px;padding:10px 12px}
.dropdown-separator {height:1px;background:var(--line);margin:6px 12px}
@media(max-width:760px) {
 #mega.catalog-flyout {overflow-y:auto}
 #mega.catalog-flyout .catalog-flyout-list {max-height:none}
}

/* Compact mobile header and right-aligned navigation. */
@media(max-width:1000px) {
 header {height:72px;padding:0 16px;gap:8px;justify-content:flex-start}
 header .logo {width:152px;flex:0 0 152px;height:39px;margin-right:auto}
 header .logo img {width:168px;left:-8px;top:-10px}
 header .locale {display:none}
 header #searchToggle,header #mobileToggle {display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;padding:0;margin:0;color:var(--ink,#191a1c);background:transparent;border:0;font-size:23px}
 header #mobileToggle {font-size:0}
 header #mobileToggle::before {content:'';width:20px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
 header #nav {display:none;position:fixed;top:72px;left:auto;right:12px;width:min(320px,calc(100vw - 24px));margin:0;padding:8px;gap:0;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 16px 30px #17312918;max-height:calc(100dvh - 84px);overflow-y:auto;z-index:21}
 header #nav.open {display:flex;flex-direction:column;align-items:stretch}
 header #nav button {width:100%;padding:11px 12px;text-align:left;font:inherit;font-size:14px;color:inherit;box-shadow:none;border-radius:4px;white-space:normal}
 header #nav button:hover {background:#fff1e5;color:#b74600}
 #mega.catalog-flyout {left:auto;right:12px;top:72px;width:min(340px,calc(100vw - 24px));overflow-y:auto;max-height:calc(100dvh - 84px)}
 #mega.catalog-flyout .catalog-flyout-list {max-height:none}
 #mega.catalog-flyout .catalog-submenu {position:static;width:auto;margin:4px 0 8px 12px;padding:0 0 0 8px;border:0;border-left:1px solid var(--line);box-shadow:none}
}