/* Approved ISO hub option A. Scoped to the two new sections; no global layout or type overrides. */
main.p-iso .iso-editorial,
main.p-iso .iso-catalog{--ie-muted:#52615A;--ie-line:#C5C7BC;--ie-green:#81F2AF;padding:70px var(--gutter) 60px;background:#EFE9DC;color:var(--ink)}
.p-iso .ie-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px;align-items:start;margin-bottom:70px}
.p-iso .ie-eyebrow,.p-iso .ie-number{font:11px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.p-iso .ie-eyebrow{padding-top:10px}
.p-iso .ie-heading h2{font:400 clamp(30px,3.8vw,57px)/1.17 var(--display);letter-spacing:-.025em;max-width:21ch;text-wrap:balance}
.p-iso .ie-heading-copy{min-width:0}
.p-iso .ie-intro{font:400 18px/1.5 var(--sans);color:var(--ie-muted);max-width:48ch;margin-top:26px}
.p-iso .ie-inquiry{display:inline-flex;align-items:center;gap:42px;min-height:48px;padding:8px 0;margin-top:24px;border-bottom:1px solid currentColor;text-decoration:none;font:400 16px/1.4 var(--sans)}
.p-iso .ie-arrow{display:block;width:28px;height:23px;flex:0 0 28px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s ease}
.p-iso :is(.ie-inquiry,.ie-standard,.ie-catalog-card):focus-visible{outline:3px solid currentColor;outline-offset:5px}
.p-iso :is(.ie-inquiry,.ie-standard,.ie-catalog-card):hover>.ie-arrow{transform:translateX(4px)}
.p-iso .ie-sectors{padding:0;margin:0;list-style:none;border-top:1px solid var(--ink)}
.p-iso .ie-sector{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.6fr) minmax(0,.55fr);gap:35px;padding:40px 0;border-bottom:1px solid var(--ie-line);scroll-margin-top:110px}
.p-iso .ie-sector-title{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;align-items:baseline}
.p-iso .ie-number{color:var(--ie-muted)}
.p-iso .ie-sector-title h3{font:400 clamp(25px,2.7vw,40px)/1.12 var(--sans);letter-spacing:-.025em;max-width:18ch;text-wrap:pretty}
.p-iso .ie-sector-standards{min-width:0}
.p-iso .ie-group-label{font:400 14px/1.5 var(--sans);color:var(--ie-muted);margin:0 0 9px}
.p-iso .ie-primary{display:flex;flex-direction:column;align-items:stretch}
.p-iso .ie-standard{display:flex;align-items:baseline;gap:4px 14px;min-height:44px;padding:8px 0;text-decoration:none;border-bottom:1px solid var(--ie-line);font-family:var(--sans);color:var(--ink)}
.p-iso .ie-standard:last-child{border-bottom:0}
.p-iso .ie-standard b{font:500 18px/1.35 "Instrument Sans",var(--sans);white-space:nowrap;direction:ltr}
.p-iso .ie-standard>span{font:400 16px/1.4 var(--sans);color:var(--ie-muted)}
.p-iso .ie-standard .ie-arrow{height:17px;width:22px;flex-basis:22px;align-self:center;margin-inline-start:auto;color:var(--teal)}
.p-iso .ie-standard:hover b{text-decoration:underline;text-underline-offset:4px}
.p-iso .ie-additional{margin-top:22px}
.p-iso .ie-standard-compact{display:inline-flex;position:relative;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border:1px solid #76867B;margin:0 7px 8px 0;color:var(--ie-muted)}
.p-iso .ie-standard-compact:last-child{border-bottom:1px solid #76867B}
.p-iso .ie-standard-compact b{font-size:14px}
.p-iso .ie-standard-compact>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.p-iso .ie-standard-compact .ie-arrow{width:18px;height:14px;flex-basis:18px}
.p-iso .ie-standard-compact:hover{background:var(--teal);color:var(--paper);border-color:var(--teal)}
.p-iso .ie-standard-compact:hover .ie-arrow{color:var(--paper)}
.p-iso .ie-art{align-self:center;max-width:180px;color:var(--teal);padding:8px 0 8px 10px}
.p-iso .iso-editorial .sn-ico{display:block;width:100%;height:auto;overflow:visible}
.p-iso .iso-editorial .sn-dim{fill:var(--teal)}
.p-iso .iso-editorial .sn-wipe{transform:scaleX(1);transition:none}
/* The full index provides a direct route for readers arriving with an ISO code. */
main.p-iso .iso-catalog{background:var(--ink);color:var(--paper);padding-top:90px;padding-bottom:90px}
.p-iso .iso-catalog .ie-heading{margin-bottom:55px}
.p-iso .ie-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px}
.p-iso .ie-catalog-card{display:grid;grid-template-columns:22px 1fr 32px;column-gap:20px;row-gap:8px;padding:25px 0;border-top:1px solid #4B5D54;min-width:0;color:var(--paper);text-decoration:none;transition:background .2s ease}
.p-iso .ie-catalog-card:hover{background:#21322A}
.p-iso .ie-catalog-number{grid-column:1;grid-row:1;font:11px/1.5 var(--mono);color:#B9C7BF}
.p-iso .ie-catalog-code{grid-column:2;grid-row:1;font:500 clamp(21px,2vw,29px)/1.2 "Instrument Sans",var(--sans);color:var(--paper);white-space:nowrap;direction:ltr}
.p-iso .ie-catalog-card h3{grid-column:2;grid-row:2;font:400 16px/1.4 var(--sans);font-family:var(--sans)!important;color:#BACBC1}
.p-iso .ie-catalog-card>.ie-arrow{grid-column:3;grid-row:1 / span 2;align-self:center;color:var(--ie-green)}
.p-iso .ie-catalog-card:hover .ie-catalog-code{text-decoration:underline;text-underline-offset:5px}
[dir="rtl"] .p-iso .ie-heading h2{letter-spacing:0;line-height:1.5}
[dir="rtl"] .p-iso .ie-sector-title h3{letter-spacing:0;line-height:1.4}
[dir="rtl"] .p-iso .ie-eyebrow,[dir="rtl"] .p-iso .ie-group-label{letter-spacing:0;line-height:1.7}
[dir="rtl"] .p-iso .ie-intro{line-height:1.7}
[dir="rtl"] .p-iso .ie-arrow{transform:scaleX(-1)}
[dir="rtl"] .p-iso :is(.ie-inquiry,.ie-standard,.ie-catalog-card):hover>.ie-arrow{transform:scaleX(-1) translateX(4px)}
[dir="rtl"] .p-iso .ie-standard-compact{margin:0 0 8px 7px}
[dir="rtl"] .p-iso .ie-catalog-card h3{line-height:1.7}
@media(max-width:1150px){.p-iso .ie-sector{grid-template-columns:1.2fr 1.65fr;gap:30px}.p-iso .ie-art{display:none}.p-iso .ie-catalog-grid{column-gap:40px}}
@media(max-width:800px){main.p-iso .iso-editorial{padding-top:50px;padding-bottom:45px}.p-iso .ie-heading{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.p-iso .ie-heading h2{max-width:none}.p-iso .ie-intro{font-size:17px;margin-top:22px}.p-iso .ie-sector{grid-template-columns:1fr;gap:23px;padding:29px 0}.p-iso .ie-sector-title{grid-template-columns:28px minmax(0,1fr);gap:8px}.p-iso .ie-sector-title h3{max-width:none;font-size:28px}.p-iso .ie-sector-standards{padding-inline-start:36px}.p-iso .ie-standard{gap:4px 10px}.p-iso .ie-standard b{font-size:17px}.p-iso .ie-standard>span{font-size:16px}.p-iso .ie-standard-compact b{font-size:14px}main.p-iso .iso-catalog{padding-top:55px;padding-bottom:55px}.p-iso .iso-catalog .ie-heading{margin-bottom:32px}.p-iso .ie-catalog-grid{grid-template-columns:1fr}.p-iso .ie-art{display:none}}
@media(max-width:480px){.p-iso .ie-sector-standards{padding-inline-start:0}.p-iso .ie-standard{position:relative;flex-wrap:wrap;padding-inline-end:27px;gap:3px 10px}.p-iso .ie-standard>span{flex-basis:100%}.p-iso .ie-standard>.ie-arrow{position:absolute;inset-inline-end:0;top:12px}.p-iso .ie-standard-compact{flex-wrap:nowrap;padding-inline-end:35px}.p-iso .ie-standard-compact>.ie-arrow{inset-inline-end:10px;top:12px}.p-iso .ie-catalog-card{column-gap:10px}.p-iso .ie-catalog-code{font-size:23px}}
@media(prefers-reduced-motion:reduce){.p-iso :is(.ie-arrow,.ie-catalog-card){transition:none}}

.p-iso :is(.iso-editorial,.iso-catalog){scroll-margin-top:100px}
[dir="rtl"] .p-iso .ie-catalog-code{text-align:right}

/* Preserve complete English sector words on a 320px viewport. */
@media(max-width:380px){html:not([dir="rtl"]) .p-iso .ie-sector-title h3{font-size:25px}}

/* Keep the sector choice visible while its supporting standards open on demand. */
.p-iso .ie-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}
.p-iso .ie-toggle:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.p-iso .ie-toggle-mark{position:relative;flex:0 0 16px;height:16px;color:var(--teal)}
.p-iso .ie-toggle-mark::before,.p-iso .ie-toggle-mark::after{content:"";position:absolute;inset:7px 0 auto;height:1.5px;background:currentColor}
.p-iso .ie-toggle-mark::after{transform:rotate(90deg);transition:transform .25s ease}
.p-iso .ie-toggle[aria-expanded="true"] .ie-toggle-mark::after{transform:rotate(0)}
.p-iso .ie-sector-standards[hidden]{display:none}
@media(max-width:800px){.p-iso .ie-sector{padding-block:22px}.p-iso .ie-sector-title{align-items:center}}
@media(prefers-reduced-motion:reduce){.p-iso .ie-toggle-mark::after{transition:none}}
