/* Neutral article: POCT components, accepted 2026-10-01 article typography.
   No FTIR/Plasma category or product-specific hero/sidebar. */
.hydrogel-page { background:#fff; }
.hydrogel-page main { padding-top:82px; }
.hydrogel-page .hg-hero { margin-top:0; padding:54px 0 52px; background:linear-gradient(120deg,#123f7a,#112b48); }
.hydrogel-page .hg-hero h1 { font-size:clamp(32px,4vw,56px); font-weight:800; line-height:1.35; letter-spacing:-.025em; text-wrap:balance; }
.hydrogel-page .ha-shell { padding:52px 0 76px; }
.hydrogel-page .ha-layout { grid-template-columns:minmax(0,820px) 280px; gap:52px; justify-content:center; }
.hydrogel-page .ha-article :is(h2,h3) { color:#123856; font-weight:700; line-height:1.5; letter-spacing:-.015em; scroll-margin-top:108px; }
.hydrogel-page .ha-article h2 { font-size:30px; margin:48px 0 18px; }
.hydrogel-page .ha-article h3 { font-size:22px; margin:32px 0 14px; }
.hydrogel-page .ha-article :is(p,li) { font-size:17px; line-height:1.9; color:#334f65; }
.hydrogel-page .ha-article p { margin:0 0 16px; }
.hydrogel-page .ha-article a { color:#0879b7; text-underline-offset:3px; overflow-wrap:anywhere; }
.hydrogel-page .ha-article .hg-sources { padding:30px 0 0; border:0; border-top:1px solid #dce8f0; border-radius:0; box-shadow:none; scroll-margin-top:108px; }
.hydrogel-page .hg-sources h2 { margin-top:0; }
.hydrogel-page .hg-sources li { font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.hydrogel-page .ha-side-panel { border-color:#dce8f0; box-shadow:none; }
.hydrogel-page .ha-side-panel h2 { font-size:17px; font-weight:700; }
.hydrogel-page .ha-nav-links a { font-weight:500; line-height:1.75; }
.hydrogel-page .ha-nav-links a > span:last-child { flex:none; color:#0879b7; }
.hydrogel-page a:focus-visible { outline:2px solid #0879b7; outline-offset:4px; border-radius:2px; }
.hydrogel-page .skip-link { position:fixed; left:20px; top:-100px; z-index:2000; padding:12px 18px; background:#fff; color:#123856; }
.hydrogel-page .skip-link:focus { top:12px; }
.hydrogel-preview-entry main { max-width:820px; padding-top:72px; padding-bottom:72px; }
.hydrogel-preview-entry h1 { margin:20px 0 30px; font-size:clamp(30px,4vw,48px); }
.hydrogel-preview-entry p { margin:24px 0; line-height:1.9; }
@media(max-width:1040px) {
 .hydrogel-page .ha-layout { grid-template-columns:minmax(0,820px); gap:42px; }
 .hydrogel-page .ha-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .hydrogel-page main { padding-top:72px; }
 .hydrogel-page .hg-hero { padding:36px 0 40px; }
 .hydrogel-page .hg-hero h1 { font-size:32px; line-height:1.4; }
 .hydrogel-page .ha-shell { padding:34px 0 56px; }
 .hydrogel-page .ha-article h2 { font-size:26px; margin-top:40px; }
 .hydrogel-page .ha-article h3 { font-size:21px; margin-top:28px; }
 .hydrogel-page .ha-article p { font-size:16px; line-height:1.9; }
 .hydrogel-page .ha-sidebar { grid-template-columns:1fr; }
}