.material-hero{background:var(--navy);color:white;padding:30px 0 64px}.material-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#bed0dc;margin-bottom:46px}.material-breadcrumb a:hover{text-decoration:underline}.material-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.material-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(3.3rem,5.5vw,5.5rem);line-height:1.02;letter-spacing:-.02em}.material-hero h1 span{color:var(--sky)}.material-hero p:not(.eyebrow){color:#c9d9e4;max-width:540px}.material-hero .material-intro{font-size:1.3rem;color:white!important;margin:24px 0 14px;font-weight:500}.product-detail-page figure{margin:0;min-width:0}.product-detail-page figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.product-detail-page figcaption{font-size:.74rem;line-height:1.5;margin-top:10px;color:var(--muted)}.material-hero figcaption{color:#b6cbd8}.material-section{padding-block:76px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.format-grid article{padding:30px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--blue)}.product-detail-page h3{font-family:var(--display);font-size:1.9rem;font-weight:600;margin-bottom:12px}.format-grid p{color:var(--muted)}.section-shape{height:54px;display:flex;align-items:center;margin-bottom:22px}.section-shape i{display:block;background:linear-gradient(135deg,#9daeb9,#536a7b 45%,#cfdee7);border:2px solid #536a7b;box-shadow:5px 5px 0 #d1dce3}.shape-flat{width:100px;height:19px}.shape-round{width:46px;height:46px;border-radius:50%}.shape-square{width:43px;height:43px}.format-grid .measure-key{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem;color:var(--ink)}.material-measures{background:var(--paper);border-block:1px solid var(--line)}.section-lead{font-size:1.1rem;margin:20px 0 26px;max-width:720px;color:var(--muted)}.measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px}.measure-panel{background:white;padding:28px;min-width:0;border:1px solid var(--line)}.measure-panel>p{color:var(--muted);font-size:.95rem}.table-scroll{overflow-x:auto;margin-top:24px}.table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:4px}table{border-collapse:collapse;width:100%;font-size:.95rem;text-align:left;font-variant-numeric:tabular-nums}caption{text-align:left;color:var(--muted);font-size:.75rem;margin-bottom:12px}th{font-weight:600;color:white;background:var(--navy);font-size:.85rem}th,td{padding:13px 10px;border-bottom:1px solid var(--line)}tbody tr:nth-child(even){background:var(--paper)}td{white-space:nowrap}.order-example{padding:18px;background:var(--paper);margin-top:22px}.reference-note{margin-top:22px;font-size:.85rem;color:var(--muted);max-width:930px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.technical-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;padding:18px 0}.technical-note summary,.material-sources summary{cursor:pointer;font-weight:600;line-height:1.5}.technical-note p{font-size:.95rem;margin-top:14px;color:var(--muted)}.material-cta{background:var(--navy);color:white;padding-block:56px;border-top:4px solid var(--blue)}.material-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.material-cta p:not(.eyebrow){max-width:650px;color:#c9d9e4;margin-top:20px}.material-cta .button{flex-shrink:0}.material-sources{padding-block:28px;color:var(--muted);font-size:.82rem}.material-sources p{margin-top:12px;max-width:1000px}.material-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:960px){.material-hero-grid{gap:28px}.format-grid{gap:14px}.format-grid article{padding:22px}.measure-grid{gap:18px}.measure-panel{padding:20px}.application-grid{gap:30px}.material-cta>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.material-hero-grid,.format-grid,.measure-grid,.application-grid{grid-template-columns:1fr}.material-hero{padding-bottom:40px}.material-breadcrumb{margin-bottom:32px}.material-hero h1{font-size:3.6rem}.material-hero-grid{gap:36px}.material-section{padding-block:48px}.format-grid{margin-top:28px}.format-grid article{padding:24px}.section-shape{float:right;margin:0 0 16px 16px}.measure-key{clear:both}.material-cta{padding-block:40px}.material-cta .button{width:100%}.application-grid{gap:30px}.measure-panel{padding:18px}th,td{padding:12px 8px}.material-hero .eyebrow{font-size:.7rem}}
