/* v19z40 rest-9 rollout (materials-gallery + 8 KB sub-pages). Om cut items 1,2,8,13,14,15 of the rollout list. */
body:is([data-page^="kb-"],[data-page="materials-gallery"]){--r9-co:#B6461F;--r9-gr:linear-gradient(90deg,#F83592 0%,#EC531B 100%);--r9-lk:#0066CC}
/* 4 hero lede: 15px, sharp */
body[data-page^="kb-"] .r9-hero p.lede{font-size:15px;font-weight:400;line-height:1.45;letter-spacing:normal;color:#3a3a3c;opacity:1;filter:none;max-width:30em;-webkit-font-smoothing:antialiased}
body[data-page="materials-gallery"] .r9-hero p.lede{font-size:15px;font-weight:400;line-height:1.45;letter-spacing:normal;color:#3a3a3c;opacity:1;filter:none;max-width:30em;-webkit-font-smoothing:antialiased}
/* KB hero: gradient on the plain part of h1 (same as rolled pages) */
body[data-page^="kb-"] .r9-hero h1>.ap-gt{background:var(--r9-gr);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body[data-page^="kb-"] .r9-hero h1 em.s{font-style:italic}
body[data-page^="kb-"] .r9-hero .crumbs a{color:var(--r9-lk)}
/* 5 shared spacing */
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .sec{padding-top:64px;padding-bottom:64px}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .sec-h{margin-bottom:36px}
body[data-page^="kb-"] .kb-sub{margin-top:64px}body[data-page^="kb-"] .kb-sub:first-child{margin-top:28px}
body[data-page^="kb-"] .kb-subh{margin-bottom:36px}
/* 9 full width */
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .wrap{max-width:min(1360px,calc(100vw - 64px))}
/* 6/7/11 KB cards: vertical grid, equal cards, hierarchy coral label > bold title > grey line > meta > visual at bottom > round ↗ */
body[data-page^="kb-"] .kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:1fr;gap:20px;overflow:visible}
body[data-page^="kb-"] .kb-grid.kb-rel{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page^="kb-"] .kbc{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:0;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.07);padding:22px 22px 18px;overflow:hidden}
body[data-page^="kb-"] .kbc-b{order:1;flex:0 0 auto;padding:0;padding-right:34px}
body[data-page^="kb-"] .kbc-id{color:var(--r9-co);font-weight:600;font-size:12px;letter-spacing:.06em;margin:0 0 8px}
body[data-page^="kb-"] .kbc h3{font-size:17px;line-height:1.25;font-weight:700;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
body[data-page^="kb-"] .kbc h3 a{color:#1d1d1f;text-decoration:none}
body[data-page^="kb-"] .kbc h3 a::before{content:"";position:absolute;inset:0;z-index:1}
body[data-page^="kb-"] .kbc-d{color:#6e6e73;font-size:14px;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
body[data-page^="kb-"] .kbc-chips{margin:0 0 10px}
body[data-page^="kb-"] .kbc-ft{order:2;margin:auto 0 14px;border:0;padding:0;display:flex;align-items:center;gap:10px}
body[data-page^="kb-"] .kbc-cmp,body[data-page^="kb-"] .kbc-ft a,body[data-page^="kb-"] .kbc-ft button{position:relative;z-index:2}
body[data-page^="kb-"] .kbc .kb-th{order:3;display:block;width:100%;aspect-ratio:16/10;height:auto;border-radius:14px;overflow:hidden;margin:0;background:#f5f5f7;flex:0 0 auto}
body[data-page^="kb-"] .kbc .kb-th img,body[data-page^="kb-"] .kbc .kb-th .kb-ph{width:100%;height:100%;object-fit:cover;display:block}
body[data-page^="kb-"] .kbc::after{content:"";position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:50%;background:#f2f2f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 8.5l5-5M4.5 3.5h4v4' fill='none' stroke='%231d1d1f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;pointer-events:none}
body[data-page^="kb-"] .kbc:hover{box-shadow:0 10px 34px rgba(0,0,0,.11)}
/* 12 jump bar: KB subcategory tabs and entry contents stay in view */
body[data-page^="kb-"] .kb-tabs{position:sticky;top:var(--hdr-h,64px);z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}
body[data-page="kb-entry"] .kb-toc nav{position:sticky;top:calc(var(--hdr-h,64px) + 16px)}
/* 3 no gold: KB coral accents */
body[data-page^="kb-"] .kb-tabs a.on{border-color:var(--r9-co)}
/* ---- Materials Gallery ---- */
body[data-page="materials-gallery"] .sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:1fr;gap:18px;overflow:visible}
body[data-page="materials-gallery"] .sw figure{display:flex;flex-direction:column;height:100%;margin:0;background:#fff;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.07);padding:18px 18px 16px;overflow:hidden}
body[data-page="materials-gallery"] .sw figure[hidden]{display:none}
body[data-page="materials-gallery"] .sw figcaption{order:1;display:flex;flex-direction:column;color:#6e6e73;font-size:13.5px;line-height:1.4;margin:0 0 12px;padding:0}
body[data-page="materials-gallery"] .sw figcaption .mg-id,body[data-page="materials-gallery"] .sw figcaption .mg-id a{color:var(--r9-co);font-weight:600;font-size:11.5px;letter-spacing:.06em;margin:0 0 6px;text-decoration:none}
body[data-page="materials-gallery"] .sw figcaption b{color:#1d1d1f;font-size:16px;line-height:1.25;font-weight:700;margin:0 0 4px}
body[data-page="materials-gallery"] .sw figcaption small{display:block;color:#86868b;font-size:12.5px;margin-top:6px}
body[data-page="materials-gallery"] .sw figure img.chipimg{order:2;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:14px;margin:auto 0 12px;display:block}
body[data-page="materials-gallery"] .sw .mg-add{order:3;margin:0;width:100%}
body[data-page="materials-gallery"] .mg-tile{position:relative}
body[data-page="materials-gallery"] .mg-cnt{color:var(--r9-co)}
@media(max-width:700px){body[data-page^="kb-"] .kb-grid.kb-rel{grid-template-columns:1fr 1fr}body[data-page="materials-gallery"] .sw{grid-template-columns:1fr 1fr;gap:12px}body[data-page="materials-gallery"] .sw figure{padding:14px}body[data-page^="kb-"] .wrap,body[data-page="materials-gallery"] .wrap{max-width:calc(100vw - 32px)}}
/* v19z41 header + hero scale (same as rolled pages, without papercut cards) */
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .sec-h h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.026em;max-width:none}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .sec-h{text-align:left;margin-left:0;margin-right:auto}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.06;letter-spacing:-.034em;max-width:none}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hero h1>.ap-gt{background:var(--r9-gr);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body[data-page^="kb-"] .r9-hero.phero{background:transparent}body[data-page^="kb-"] .r9-hero.phero:before,body[data-page^="kb-"] .r9-hero.phero:after{content:none;display:none}
body[data-page="materials-gallery"] .mg-intro .c-num b{color:#1d1d1f}body[data-page="materials-gallery"] .mg-intro .c-num span,body[data-page="materials-gallery"] .mg-core{color:#6e6e73}
/* v19z42 papercut, selective (Om option A): hero visual, MG 12 category tiles, KB subcategory headers */
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:center}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hero .wrap>*{grid-column:1}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hero .wrap>.r9-hpic{grid-column:2;grid-row:1/span 8;align-self:center;--pc-iw:86%;--pc-vh:300px;padding:32px 0 0;min-height:0}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hpic .pc-v{margin:0;padding:24px 0 30px}
body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hpic .pc-v img{aspect-ratio:16/10;height:auto;align-self:flex-end}
body[data-page="kb-entry"] .r9-hero .wrap{display:block}
body[data-page="materials-gallery"] .c-hero.r9-hero .wrap{padding:56px 0 64px}
body[data-page="materials-gallery"] .mg-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
body[data-page="materials-gallery"] .mg-tile.r9-tile{--pc-pt:22px;--pc-px:20px;--pc-gap:14px;--pc-vh:150px;--pc-iw:80%;aspect-ratio:auto;height:100%;min-height:0}
body[data-page="materials-gallery"] .mg-tile.r9-tile>b{font-size:17px;line-height:1.2;color:var(--pc-ink);-webkit-text-fill-color:var(--pc-ink);text-shadow:none;position:static}
body[data-page="materials-gallery"] .mg-tile.r9-tile>.w-ey{position:static;text-shadow:none;font-size:11px}
body[data-page="materials-gallery"] .mg-tile.r9-tile .pc-v{padding:18px 0 22px}
body[data-page="materials-gallery"] .mg-tile.r9-tile .pc-v img{position:relative;inset:auto;width:var(--pc-iw);aspect-ratio:1/1;height:auto;opacity:1;filter:none}
body[data-page="materials-gallery"] .mg-tile.r9-tile::after{content:none!important;display:none!important}
body[data-page="materials-gallery"] .mg-tile.r9-tile .w-go{right:14px;bottom:14px;inset:auto 14px 14px auto;width:30px;height:30px}
html body[data-page^="kb-"] .kb-subh.pc.pc.r9-subh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:0;padding:0;--pc-px:0px}
body[data-page^="kb-"] .kb-subh.r9-subh>div:not(.pc-v){padding:36px 36px 36px 40px;align-self:center}
html body[data-page^="kb-"] .kb-subh.pc.r9-subh>.pc-v{order:2;margin:0;min-height:0;height:auto;padding:26px 0 24px;--pc-iw:72%;--pc-px:0px}
html body[data-page^="kb-"] .kb-subh.pc.r9-subh .pc-v img{max-height:220px;width:var(--pc-iw);height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;margin:0}
@media(max-width:900px){body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hero .wrap{display:block}body:is([data-page^="kb-"],[data-page="materials-gallery"]) .r9-hpic{margin-top:28px}
 body[data-page="materials-gallery"] .mg-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page^="kb-"] .kb-subh.r9-subh{grid-template-columns:1fr}}
@media(max-width:560px){body[data-page="materials-gallery"] .mg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}