@font-face{font-family:Noto;src:url('ioptics-fl-v10-f5f552c8c5edb61fe6ef.ttf')}*{box-sizing:border-box}body{margin:0;background:#fff;color:#19212b;font:15px/1.6 Noto,Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2878ba;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.guide-header{max-width:1280px;margin:auto;padding:28px 40px 0;border-bottom:1px solid #e4e7e9;background:white}.guide-brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-logo{display:flex;align-items:center;min-height:44px}.guide-logo img{width:156px;height:auto;display:block}.overview-link{font-size:13px;text-decoration:none;padding:10px 0}.overview-link:hover{text-decoration:underline}.guide-nav{display:flex;gap:30px;flex-wrap:wrap;margin-top:22px}.guide-nav a{display:block;text-decoration:none;font-size:14px;padding:12px 0;border-bottom:2px solid transparent}.guide-nav a[aria-current=page]{border-color:#1c2e3e;color:#1c2e3e;font-weight:600}.guide-nav a:hover{border-color:#aab3ba}.control, .reader-tools button,.reader-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #dce1e5;border-radius:5px;background:white;color:#253341;text-decoration:none;font-size:13px;line-height:1.4}.control:hover,.reader-tools button:hover:not(:disabled),.reader-tools a:hover{background:#f4f6f7}input[type=search],input[type=number]{min-height:44px;padding:9px 12px;border:1px solid #dce1e5;border-radius:5px;background:#fff;color:#19212b;font-size:14px;max-width:100%}.colour-page .tools{flex-wrap:wrap;gap:10px}.colour-page .tools input{width:min(360px,100%);background:white;border-radius:5px;min-height:44px}.colour-page .filterbar{flex-wrap:wrap;gap:14px}.flow-caption{font-size:12px;line-height:1.6;color:#66717b;margin:-14px 0 24px}.result-category{font-size:12px;letter-spacing:.06em;color:#6b7680;margin:0 0 8px}.colour-page .card:focus-visible{outline:3px solid #2878ba}.colour-page .tabs button{min-height:44px}.colour-page .groups a{display:inline-flex;align-items:center;min-height:44px}.colour-page .count{flex-basis:100%}.overview{max-width:1120px;margin:auto;padding:64px 40px 100px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#707b84}h1{font-size:clamp(34px,4vw,52px);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:14px 0 20px}.lead{max-width:650px;color:#65717b;font-size:17px;line-height:1.75}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:50px 0}.guide-card{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid #e2e6e9;border-radius:4px;text-decoration:none;min-height:270px}.guide-card:hover{background:#fafbfc;border-color:#8b99a4}.guide-card .number{font-size:12px;color:#7c8790;letter-spacing:.12em}.guide-card h2{font-size:25px;font-weight:400;letter-spacing:-.5px;margin:0}.guide-card p{color:#65717b;font-size:14px;margin:0}.guide-card .open{margin-top:auto;font-size:14px}.local-note{color:#6d7882;font-size:12px;border-top:1px solid #e3e7e9;padding-top:20px}
@media(max-width:720px){.guide-header{padding:18px 20px 0}.guide-logo img{width:125px}.guide-brand-row{gap:14px}.overview-link{font-size:12px}.guide-nav{gap:22px;margin-top:14px}.guide-nav a{font-size:13px}.overview{padding:36px 20px 60px}.guide-cards{grid-template-columns:1fr;gap:16px;margin-top:30px}.guide-card{min-height:190px}.colour-page main{padding-left:20px;padding-right:20px}.colour-page .tools{width:100%}.colour-page .tools input{width:100%;flex-basis:100%}.colour-page .typefilters{flex-wrap:wrap}}
@media print{.guide-header,.filterbar,.tabs,.groups,.categorynote,.control,.overview-link{display:none!important}.colour-page .card img,.colour-page .flow img{visibility:visible}body{color:#000}}

@media print{.colour-page .card,.colour-page .flow{break-inside:avoid;page-break-inside:avoid}.colour-page h2,.colour-page h3{break-after:avoid}}