/* Fork D layer (Oct 2026): SEA-IX product pages, SEA-IX hub, ixmedia landing page, articles and industry updates.
   Loads after type.css and enh.css. Square corners, no letter-spacing, no gradients, flat teal dark panels. */

/* ===================== SEA-IX product pages (.pd) ===================== */
.pd .pd-table{font-size:1rem}
.pd .pd-cmp{font-size:.97rem}
.pd .pd-cmp td{color:#3d4a4f}
.pd .pd-ct small{font-size:.875rem}

/* benefit band under the hero */
.pd-hl{background:#fff;border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line)}
.pd-hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pd-hl-i{display:flex;gap:16px;align-items:flex-start;padding:28px 28px 30px;border-left:1px solid var(--x-line)}
.pd-hl-i:first-child{border-left:0;padding-left:0}
.pd-hl-i{--tx:var(--x-ink);--fs-body:1.0625rem}
.pd-hl-i p{margin:0;font-weight:500}
@media(max-width:860px){.pd-hl-grid{grid-template-columns:1fr}.pd-hl-i{border-left:0;border-top:1px solid var(--x-line);padding:20px 0}.pd-hl-i:first-child{border-top:0}}

/* key figures, now inside Technical data */
.pd-figs--in{background:var(--x-tint2);border:0;border-top:3px solid var(--x-teal);margin:0 0 clamp(28px,3.5vw,44px);padding:0 28px}
.pd-figs--in .pd-fig:first-child{padding-left:0}
.pd-figs--in .pd-fig b{color:var(--x-teal)}
.pd-figs--in .pd-src{padding:0 0 16px;margin:-8px 0 0}
.pd-fig span{font-size:.95rem}

/* supply band: flat teal, icons */
.pd-supply{background:var(--x-teal);color:#fff}
.pd-supply .ph{background:var(--x-teal-d)}
.pd-supply h2,.pd-supply h2 span{color:#fff}
.pd-supply h2 span{opacity:.82}
.pd-pts{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.22)}
.pd-pts div{background:var(--x-teal);padding:20px}
.pd-pts .ico{background:rgba(255,255,255,.14);color:#fff;margin-bottom:12px}
.pd-pts b{color:#fff}
.pd-pts span{color:rgba(255,255,255,.88);font-size:.95rem}
.pd-eng{border-top-color:rgba(255,255,255,.25)}
.pd-eng img{background:var(--x-teal-d)}
.pd-eng small{color:#d4f0ee}
.pd-eng{--fs-body:1rem}
.pd-supply .btn-primary{background:#fff;color:var(--x-teal);border-color:#fff}
.pd-supply .btn-primary:hover{background:var(--x-tint);color:var(--x-teal-d)}

/* application cards: frame + caption block */
.pd-app{background:#fff;border:1px solid var(--x-line);transition:border-color .25s,transform .25s}
.pd-app:hover{border-color:var(--x-teal);transform:translateY(-3px)}
.pd-app h3{margin:0;padding:20px 22px 6px}
.pd-app p{padding:0 22px 22px}

/* contaminant tiles: hover lift */
.pd-ct > div{transition:border-color .25s,transform .25s}
.pd-ct > div:hover{border-color:var(--x-teal);transform:translateY(-3px)}

/* ===================== SEA-IX hub (sea-ix-resins-datasheets) ===================== */
.hub-page .resin-card{border-top:3px solid var(--x-teal) !important;padding-top:0;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.hub-page .resin-card:hover{transform:translateY(-3px);border-color:var(--x-teal)}
.hub-page .resin-img{display:block;margin:0 -1px 16px;aspect-ratio:16/10;overflow:hidden;background:#eef3f4}
.hub-page .resin-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.hub-page .resin-card:hover .resin-img img{transform:scale(1.05)}
.hub-page .resin-card .resin-top,.hub-page .resin-card h4,.hub-page .resin-card .resin-type,.hub-page .resin-card .resin-applbl,.hub-page .resin-card p,.hub-page .resin-card .resin-more{margin-left:0;margin-right:0}
.hub-page .resin-tag{border-radius:0}
.hub-page .resin-tag i{background:var(--x-teal) !important}
.hub-page .resin-type{font-size:.875rem}
.hub-page .resin-more{margin-top:auto !important;padding-top:12px}
.hub-page #contaminant-selective .resin-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;max-width:none !important}
@media(max-width:900px){.hub-page #contaminant-selective .resin-grid{grid-template-columns:1fr !important}}
.hub-page .band-apps ul li{display:inline-flex;align-items:center;gap:10px}
.hub-page .band-apps .ico{width:32px;height:32px;flex:0 0 32px;background:rgba(255,255,255,.14);color:#fff}
.hub-page .band-apps .ico svg{width:17px;height:17px}
.hub-page .crit-card{text-align:left !important;border-radius:0 !important;background:#fff !important;border:1px solid var(--x-line) !important;box-shadow:none !important;padding:28px 26px !important;transition:border-color .25s}
.hub-page .crit-card:hover{border-color:var(--x-teal) !important}
.hub-page .crit-card .crit-ico{margin:0 0 18px !important;border-radius:0 !important}
.hub-page .crit-card h4{text-align:left !important}
.hub-page .crit-card p{text-align:left !important}
.hub-page .sc-txt > span{font-size:1rem !important;line-height:1.6 !important}

/* ===================== ixmedia landing page ===================== */
.ixlp-page .ix-match{background:var(--x-teal) !important;background-image:none !important}
.ixlp-page .lp-final{background:var(--x-teal) !important}
.ixlp-page .lp-final .lp-final-bg{left:auto !important;right:0 !important;width:46% !important}
.ixlp-page .lp-final .lp-final-bg::before,.ixlp-page .lp-final .lp-final-bg::after,.ixlp-page .lp-final::before,.ixlp-page .lp-final::after{display:none !important;background:none !important}
.ixlp-page .lp-final .lp-final-bg img{opacity:1 !important;filter:none !important;mix-blend-mode:normal !important}
.ixlp-page .lp-final-in{position:relative;z-index:2}
.ixlp-page .lp-final-in > div{max-width:46%}
@media(max-width:860px){.ixlp-page .lp-final .lp-final-bg{display:none !important}.ixlp-page .lp-final-in > div{max-width:none}}
.ixlp-page .ix-why-grid li p,.ixlp-page .ix-steps p,.ixlp-page .lp-faq .faq-a p,.ixlp-page .ix-head p,.ixlp-page .ix-match span,.ixlp-page .ix-c{font-size:1rem !important;line-height:1.6 !important}
.ixlp-page .lhero-text > p:not(.lp-sub){font-size:1.0625rem !important;line-height:1.65 !important}
.ixlp-page .ix-ico{border-radius:0 !important}
.ixlp-page .ix-steps li{border-radius:0 !important}

/* ===================== Articles: resource centre ===================== */
.art-page .art-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:start}
.art-page .art-filter,.art-page .art-more{grid-column:1/-1}
.art-page .art-filter{margin-bottom:2px}
.art-page .art-row{display:flex !important;flex-direction:column;gap:0 !important;padding:0 !important;margin:0 !important;border:1px solid var(--x-line) !important;background:#fff;border-radius:0 !important;box-shadow:none !important;transition:border-color .25s,transform .25s}
.art-page .art-row:hover{border-color:var(--x-teal) !important;transform:translateY(-3px)}
.art-page .art-row .art-thumb{width:100% !important;max-width:none !important;aspect-ratio:16/9;height:auto !important;margin:0 !important;border-radius:0 !important;overflow:hidden;flex:none !important}
.art-page .art-row .art-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0 !important;transition:transform .6s ease}
.art-page .art-row:hover .art-thumb img{transform:scale(1.04)}
.art-page .art-row .art-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.art-page .art-row h3{font-size:1.15rem;line-height:1.35;margin:0}
.art-page .art-row p{margin:0}
.art-page .art-row .art-share{margin-top:auto;padding-top:8px;font-size:.875rem}
/* case studies: full-width feature rows */
.art-page .art-row.is-case{grid-column:1/-1;display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#f1f9fa;border-color:#b9dde2 !important}
.art-page .art-row.is-case .art-thumb{aspect-ratio:auto;min-height:260px;height:100% !important}
.art-page .art-row.is-case .art-body{padding:28px 30px;justify-content:center}
.art-page .art-row.is-case h3{font-size:1.45rem;line-height:1.25}
.art-page .art-row.is-case{--fs-compact:1.0625rem}
.art-page .art-row[hidden]{display:none !important}
@media(max-width:760px){.art-page .art-main{grid-template-columns:1fr}.art-page .art-row.is-case{grid-template-columns:1fr}.art-page .art-row.is-case .art-thumb{min-height:0;aspect-ratio:16/9}}
.art-page .side-card{border-radius:0 !important}
.art-page .side-card h4{text-transform:none !important;font-size:1rem !important;font-weight:600 !important;color:var(--x-ink) !important}
.art-page .side-sub{background:var(--x-teal) !important;border-color:var(--x-teal) !important}
.art-page .side-sub .k{color:#fff !important;text-transform:none !important;font-size:1.05rem !important}
.art-page .side-sub input{background:#fff !important;color:var(--x-ink) !important;border:0 !important;border-radius:0 !important}
.art-page .side-sub button{background:var(--x-teal-d) !important;border-radius:0 !important}
.art-page .side-tags span{border-radius:0 !important}
.art-page .side-recent b{font-size:.95rem;line-height:1.4}

/* ===================== Article and update reading pages ===================== */
.read-page .art-prose li{font-size:1.0625rem;line-height:1.7}
.read-page .art-prose h2{font-size:clamp(1.5rem,2.2vw,1.85rem);line-height:1.25;margin-top:2.2em}
.read-page .art-prose figure,.read-page .art-prose img{box-shadow:none !important;border-radius:0 !important}
.read-page .art-prose figcaption{font-size:.9rem;color:var(--x-muted);padding-top:10px}
.read-page .art-cover,.read-page .art-cover img{box-shadow:none !important;border-radius:0 !important}
.rd-quote{margin:2em 0;padding:4px 0 4px 26px;border-left:3px solid var(--x-teal)}
.rd-quote{--fs-body:1.3rem;--tx:var(--x-ink)}
.rd-quote p{font-weight:500;margin:0 0 .8em}
.rd-quote p:last-child{margin-bottom:0}
.rd-quote cite{display:block;margin-top:12px;font-style:normal;font-size:.95rem;color:var(--x-muted)}
.rd-author{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;margin:40px 0 0;padding:22px;border:1px solid var(--x-line);background:var(--x-tint2)}
.rd-author img{width:88px;height:88px;object-fit:cover;object-position:top;display:block;background:#dfe9eb}
.rd-author b{display:block;font-size:1.05rem;color:var(--x-ink)}
.rd-author span{display:block;font-size:.95rem;color:var(--x-muted);margin:2px 0 8px}
.rd-author a{font-weight:600;color:var(--x-teal)}
.rd-more{padding:clamp(48px,6vw,80px) 0;background:var(--x-tint2);border-top:1px solid var(--x-line)}
.rd-more .x-head{margin-bottom:28px}
.rd-cta{margin-top:clamp(40px,5vw,64px)}
.rd-back{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--x-teal);text-decoration:none;margin-top:36px}
.rd-back svg{width:18px;height:18px;transform:rotate(180deg)}

/* ===================== Industry updates ===================== */
/* main.js pages the grid 10 at a time, so it stays at two columns */
.iu-page .iu-grid{gap:22px !important}
.iu-page .iu-card{padding:0 !important;border-radius:0 !important;box-shadow:none !important;border:1px solid var(--x-line) !important;background:#fff !important;display:flex;flex-direction:column;overflow:hidden;transition:border-color .25s,transform .25s}
.iu-page .iu-card:hover{border-color:var(--x-teal) !important;transform:translateY(-3px)}
.iu-page .iu-card-thumb{margin:0 !important;border-radius:0 !important;aspect-ratio:16/9;height:auto !important;overflow:hidden;position:relative}
.iu-page .iu-card-thumb img{width:100% !important;height:100% !important;object-fit:cover;border-radius:0 !important;display:block;transition:transform .6s ease}
.iu-page .iu-card:hover .iu-card-thumb img{transform:scale(1.04)}
.iu-page .iu-card-body{padding:20px 24px 24px !important;display:flex;flex-direction:column;gap:10px;flex:1}
.iu-page .iu-card-body h3{font-size:1.15rem !important;line-height:1.35 !important}
.iu-page .iu-read{margin-top:auto}
.iu-page .iu-chip{border-radius:0 !important}
.iu-page .iu-card-thumb--tile .iu-tile .ico{width:56px;height:56px}
.iu-page .iu-card-thumb--tile .iu-tile .ico svg{width:28px;height:28px}
.iu-tile{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;background:var(--x-teal);color:#fff;padding:22px 24px}
.iu-tile .ico{background:rgba(255,255,255,.14);color:#fff}
.iu-tile b{font-size:1.15rem;line-height:1.3;color:#fff}
.hub-page .crit-card{align-items:flex-start !important}
.hub-page .crit-card:hover{transform:translateY(-3px) !important;box-shadow:none !important}
.hub-page .sc-tabs .soltab-panel.is-active{justify-content:flex-start}
.hub-page .sc-img{aspect-ratio:4/3 !important;max-height:none !important}
.hub-page .sc-teal{align-self:stretch !important;width:auto !important;margin:0 !important}
.hub-page .sc-eyebrow{font-size:.875rem !important;text-transform:none !important;color:#d4f0ee !important}
.hub-page .sc-num{font-weight:700 !important}
.art-page .art-row.is-case .art-thumb img{object-position:left center}
.x-more svg{width:16px;height:16px;flex:0 0 16px}
.x-card-body .x-more{font-size:1rem}
.rd-more .x-card-img img{object-position:left center}
.x-cta a.x-btn,.x-cta a.x-btn:hover{text-decoration:none !important}
.read-page .art-prose .x-cta{margin:clamp(32px,4vw,48px) 0}
.read-page .art-prose .x-cta h2{margin:0;font-size:clamp(1.4rem,2vw,1.7rem)}
.read-page .art-prose .x-cta figure{margin:0}
.read-page .art-prose .x-cta img{height:100%;width:100%;object-fit:cover}
.ixlp-page .lp-final-in{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:24px !important}
.ixlp-page .lp-final{padding:clamp(56px,7vw,88px) 0 !important}
.read-page .art-callout{border-radius:0 !important;box-shadow:none !important}
.hub-page .sc-tabs .soltab-panel{gap:0 !important;row-gap:0 !important}
.hub-page .sc-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}
.hub-page .sc-stage,.hub-page .sc-nav,.hub-page .soltab-panel{min-width:0}
@media(max-width:900px){.hub-page .sc-tabs{grid-template-columns:minmax(0,1fr) !important}}
.hub-page .resin-dl{background:var(--x-tint) !important;color:var(--x-teal) !important;border-radius:0 !important}