:root{--ink:#1d1d1b;--off:#f5f4f2;--blue:#9ab7e5;--orange:#D48B5B;--purple:#7A5B9B;--green:#5FA37A;--magenta:#A23D6A;--navy:#1D3557;--line:#d8d6d1;--rail:220px;--header:92px;--pad:clamp(28px,4.3vw,78px);--body:'Barlow',sans-serif;--display:'Bebas Neue','Barlow Condensed',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;background:var(--off);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.5;font-weight:400}body,button,input,select,textarea{-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p,figure,ol,ul{margin:0}button{border-radius:0}a{text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--navy);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:12px;transform:translateY(-200%);padding:12px 20px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--magenta);z-index:90}.site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}.brand img{width:195px;height:auto}.top-nav{display:flex;align-items:baseline;gap:32px;font:14px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em}.top-nav>a{text-decoration:none;white-space:nowrap}.top-nav>a:hover{text-decoration:underline}.language-switch{display:inline-flex;align-items:baseline;gap:10px;padding:13px 16px;border:1px solid #c5c4c0;line-height:1.3;white-space:nowrap}.language-switch [aria-current]{text-decoration:underline;text-underline-offset:6px}.language-unavailable{color:#767673}.language-dot{font-size:.85em}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--rail)}main{min-width:0}.eyebrow{font:12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}.chapter{position:relative;padding:80px var(--pad) 105px;scroll-margin-top:20px;isolation:isolate}.chapter:not(.hero){margin-top:-22px;clip-path:polygon(0 22px,100% 0,100% 100%,0 100%)}.chapter:nth-of-type(2n){clip-path:polygon(0 0,100% 22px,100% 100%,0 100%)}.chapter-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.chapter-symbol{font-size:42px;line-height:1}.chapter h2{font-family:var(--display);font-weight:400;font-size:80px;line-height:.98;letter-spacing:-.012em;text-transform:uppercase}.chapter h2 em,.hero h1 em{font-style:normal}.section-intro{font-size:clamp(25px,calc(2.05vw + 2px),32px);line-height:1.35;max-width:780px;margin:30px 0 42px;font-weight:600}.chapter h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:34px;line-height:1.12}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:17px 23px;border:1px solid transparent;text-decoration:none;font:14px/1.45 var(--mono)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--navy)}.button span{font:24px/1 var(--body)}.text-link,.source-link{display:inline-flex;align-items:baseline;gap:16px;font-weight:600;text-decoration:underline}.text-link span,.source-link span{font-weight:400}.hero{background:var(--blue);padding-top:30px;padding-bottom:65px;min-height:calc(100svh - var(--header));overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:24px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;margin:42px 0 55px}.hero h1{font:400 120px/.88 var(--display);letter-spacing:-.015em;text-transform:uppercase}.hero h1 em{color:#fff}.hero-subject{font:500 26px/1.12 'Barlow Condensed',sans-serif;margin-top:26px}.hero-intro{font-size:18px;max-width:390px;margin:18px 0 24px;font-weight:400}.hero-visual{min-width:0;padding:15px 0 0}.document-stack{height:460px;position:relative}.paper{position:absolute;background:#fff;box-shadow:5px 14px 20px #17255420;width:79%;height:390px;left:6%;top:20px;transform:rotate(8deg);border:1px solid #1d355724}.paper-back{transform:rotate(-8deg);top:12px;left:2%;background:#dce3ff}.paper-front{padding:25px 24px;display:flex;flex-direction:column}.paper-topline,.paper-footer{display:flex;justify-content:space-between;font:8px/1.3 var(--mono);letter-spacing:.06em}.paper-title{font:600 32px/.95 'Barlow Condensed',sans-serif;margin:24px 0 10px}.paper-rule{height:6px;background:var(--blue);width:35%;margin-bottom:15px}.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.paper-columns b{display:block;color:var(--navy);font:13px var(--mono);margin-bottom:7px}.paper-columns span{display:block;height:3px;background:#ccd1db;margin-bottom:5px}.paper-columns span:nth-last-child(1){width:70%}.mini-chart{height:55px;display:flex;gap:10px;align-items:end;margin:15px 0 18px;border-bottom:1px solid #ccd1db}.mini-chart i{width:17%;height:35%;background:#c0cafb}.mini-chart i:nth-child(2){height:55%}.mini-chart i:nth-child(3){height:46%}.mini-chart i:nth-child(4){height:80%}.mini-chart i:nth-child(5){height:100%;background:var(--navy)}.paper-table{display:grid;grid-template-columns:1.5fr 1fr 1fr;font:9px var(--mono)}.paper-table>*{padding:5px 0;border-bottom:1px solid #dcdfe7}.paper-table>b{background:#f1f4ff}.paper-footer{margin-top:auto;padding-top:14px}.structure-tag{position:absolute;bottom:15px;left:-18px;transform:rotate(-5deg);background:var(--navy);color:#fff;padding:14px 18px;font:11px/1.4 var(--mono);box-shadow:0 5px 20px #0002;z-index:3;white-space:nowrap}.tag-check{margin-right:8px;color:#b1e5bd}.reader-tag{position:absolute;right:-5px;top:240px;background:#f4eedb;display:flex;align-items:center;gap:14px;padding:17px 23px;box-shadow:0 6px 24px #1d355733;transform:rotate(-4deg);font:12px/1.4 var(--mono);z-index:4}.reader-tag svg{width:28px;height:28px}.reader-tag strong{display:block;font:400 43px/1 var(--display);margin-top:6px}.hero-visual figcaption{font:11px/1.5 var(--mono);text-align:center;margin-top:8px}.event-strip{border-top:1px solid #1d1d1b60;padding-top:23px;display:grid;grid-template-columns:1.1fr 1fr auto;gap:25px}.event-strip>div{display:flex;flex-direction:column}.event-strip strong{font:600 23px/1.3 'Barlow Condensed',sans-serif;margin-top:6px}.event-note{font-size:14px;margin-top:3px}.explore-link{display:flex;align-items:center;gap:14px;font:11px/1.4 var(--mono);text-decoration:none}.round-arrow{display:grid;place-items:center;border:1px solid #1d1d1b66;border-radius:50%;width:46px;height:46px;font-size:22px}.definition{background:#f0ece5}.definition h2 em{color:var(--navy)}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px}.editorial-copy p+p{margin-top:20px}.editorial-copy strong{font-weight:600}.reading-view>.eyebrow{margin-bottom:14px}.structure-window{border:1px solid #c0beb8;background:#fff;box-shadow:9px 9px 0 #ddd8ce}.window-bar{padding:13px 15px;background:#f5f4f2;border-bottom:1px solid #d8d6d1;display:flex;align-items:center;gap:12px;font:10px var(--mono)}.window-bar>span:first-child{letter-spacing:2px;color:#817b73;font-size:8px}.document-outline{list-style:none;padding:25px 18px}.document-outline li{display:flex;gap:12px;align-items:center;font-size:15px;padding:10px 0;position:relative}.document-outline li+li{margin-left:20px;border-left:1px solid #ced4e2;padding-left:16px}.node{background:#e6eafb;color:var(--navy);font:11px var(--mono);padding:5px 7px;min-width:30px;text-align:center;flex-shrink:0}.node-wide{font-size:10px}.visual-caption{font-size:14px;line-height:1.5;margin-top:20px}.principles{border-top:1px solid #c7c2b9;margin-top:44px;padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.principles p{display:flex;gap:12px;align-items:baseline;font-size:17px}.principles b{font:11px var(--mono);color:var(--navy)}.format-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c7c2b9;padding-top:25px;margin-top:30px}.format-line .eyebrow{max-width:190px}.format-line p{font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:500}.format-line p span{margin:0 6px;color:#6c665c}.examples{background:var(--orange)}.examples h2 em{color:#fff}.example-tabs{display:flex;gap:0;border-bottom:1px solid var(--ink);margin-bottom:34px}.example-tabs button{display:flex;align-items:baseline;gap:13px;background:none;border:0;border-bottom:4px solid transparent;padding:18px 25px 15px 0;margin-right:36px;font:500 25px 'Barlow Condensed',sans-serif}.example-tabs button span{font:11px var(--mono)}.example-tabs button[aria-selected=true]{border-color:var(--ink)}.example-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;min-height:445px}.example-copy .eyebrow{margin-bottom:14px}.example-copy h3{font-size:43px;margin-bottom:20px}.example-copy>p:not(.eyebrow),.solution-description{font-size:20px;line-height:1.5}.solution-description{border-left:2px solid var(--ink);padding-left:14px;margin-top:18px}.solution-button{margin-top:25px;display:inline-flex;gap:22px;align-items:center;min-height:48px;background:none;border:1px solid currentColor;padding:12px 17px;font:12px/1.5 var(--mono)}.solution-button:hover{background:#1d1d1b;color:#fff}.solution-button span{font-size:20px}.document-sample{background:#fff;color:var(--navy);padding:28px 26px;box-shadow:9px 9px 0 #8b3e242b;min-height:300px}.sample-label{display:flex;justify-content:space-between;font:9px var(--mono);padding-bottom:20px;border-bottom:1px solid #d6dce5}.sample-heading{font:600 27px/1.1 'Barlow Condensed',sans-serif;margin:23px 0 18px}.table-visual table{width:100%;border-collapse:collapse;font-size:15px}.table-visual th,.table-visual td{text-align:center;padding:10px 4px;border-bottom:1px solid #d6dce5;font-weight:400}.table-visual th{font-weight:600}.target-cell{background:#e7eafb;color:var(--navy);font-weight:700!important;outline:2px solid var(--navy);outline-offset:-2px}.sample-lines{margin-top:22px}.sample-lines i{display:block;background:#d6dce5;width:100%;height:3px;margin-bottom:7px}.sample-lines i:last-child{width:60%}.reader-output{margin-top:22px;padding:17px 20px;background:var(--navy);color:#fff;min-height:95px}.reader-output>.eyebrow{font-size:9px;opacity:.85}.reader-output>p{font:500 25px/1.1 'Barlow Condensed',sans-serif;margin-top:7px}.example-visual[data-solved=true] .highlight-row,.example-visual[data-solved=true] .highlight-column{background:#dbeadd;color:#183d26;box-shadow:inset 0 -3px #356745}.example-visual[data-solved=true] .target-cell{background:#dbeadd;outline-color:#356745}.example-panel[data-solved=true] .example-state:before{content:'✓ ';}.example-note{font-size:13px;line-height:1.6;border-top:1px solid #1d1d1b4d;padding-top:18px;margin-top:35px;max-width:850px}.example-note a{white-space:nowrap}.status-list p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #d6dce5;font-size:15px}.status-result{display:flex;align-items:center;gap:9px}.status-dot{display:block;width:14px;height:14px;border-radius:50%;flex-shrink:0}.green{background:#22854e}.orange{background:#cc751c}.red{background:#c72a42}.status-word{display:none;font-size:12px;font-weight:600}.example-visual[data-solved=true] .status-word{display:inline}.monochrome-control{display:flex;gap:9px;align-items:center;margin-top:22px;font-size:13px}.monochrome-control input{accent-color:var(--navy);width:17px;height:17px}.monochrome .status-dot{filter:grayscale(1)}.contrast-text{color:#aaa}.contrast-text .sample-heading{font-size:31px}.contrast-text>p{font-size:17px}.contrast-text .sample-lines i{background:currentColor}.contrast-ratio{border-top:1px solid #d6dce5;margin-top:24px;padding-top:15px;display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px}.contrast-ratio strong{font:18px var(--mono)}[data-solved=true] .contrast-text{color:#1D3557}.audience{background:var(--purple);color:#fff}.audience h2 em{color:#e0d4ee}.audience-row{display:grid;grid-template-columns:46px 1fr 1fr;gap:30px;border-top:1px solid #ffffff70;padding:38px 0}.audience-number{font:20px var(--mono);padding-top:5px}.audience-row h3{font-size:36px;margin:15px 0 20px}.audience-row p:not(.eyebrow){font-size:19px;line-height:1.55}.audience-row .text-link{font-size:15px;margin-top:25px}.benefit-list{list-style:none;padding:0}.benefit-list li{position:relative;border-bottom:1px solid #ffffff3f;padding:12px 0 15px 24px;font-size:19px}.benefit-list li:first-child{padding-top:0}.benefit-list li:before{content:'';position:absolute;left:0;top:13px}.benefit-list li:first-child:before{top:1px}.audience-closing{border-top:1px solid #ffffff70;padding-top:25px;font-size:17px}.europe{background:var(--navy);color:#fff}.europe h2 em{color:#adc0ff}.eu-stars{color:#ead7a2;letter-spacing:8px;font-size:24px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:54px}.legal-grid article{border-top:1px solid #ffffff60;padding-top:24px}.legal-grid h3{font:400 clamp(40px,4.1vw,65px)/1 var(--display);margin:20px 0}.legal-grid p{font-size:17px;line-height:1.65}.source-link{font-size:14px;margin-top:22px}.eaa-note{display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid #ffffff60;padding-top:25px;margin-top:40px}.eaa-note p{font-size:15px;line-height:1.65}.montenegro-note{display:flex;align-items:start;gap:27px;padding-top:30px;margin-top:30px;border-top:1px solid #ffffff60}.large-arrow{font-size:80px;line-height:1;color:#adc0ff}.montenegro-note h3{font-size:34px;margin-bottom:12px}.montenegro-note p{font-size:17px}.programme{background:#e7eee8}.programme h2 em{color:#356745}.programme-info{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;border-top:1px solid #abbcaf;border-bottom:1px solid #abbcaf;padding:35px 0;margin:45px 0}.programme-info h3{font-size:34px;margin:17px 0}.programme-info p:not(.eyebrow){font-size:19px}.venue-details .text-link{margin-top:23px;font-size:16px}.host-details{border-left:1px solid #abbcaf;padding-left:38px}.event-free{margin-top:23px;font-weight:600}.agenda-title{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:50px 0 22px}.agenda-title h3{font-size:30px}.agenda{list-style:none;padding:0}.agenda li{display:grid;grid-template-columns:104px 1fr;gap:25px;border-top:1px solid #abbcaf;padding:23px 0}.agenda-time{font:18px/1.5 var(--mono);white-space:nowrap}.agenda-time small{display:block;font-size:11px;font-weight:400}.agenda h4{font-weight:600;font-size:22px;line-height:1.2;margin:0 0 8px}.agenda p{font-size:18px;line-height:1.5}.agenda-featured{background:#d5e3d7;margin:0 -20px;padding:26px 20px!important;border-top-color:transparent!important}.demo-label{display:inline-block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;background:#254b32;color:#fff;padding:6px 9px;margin-top:13px}.next-step{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;border-top:2px solid #356745;margin-top:36px;padding-top:30px}.next-step h3{font-size:31px}.next-step p{font-size:17px}.interest{background:#f0e6eb}.interest h2 em{color:var(--magenta)}.interest-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.interest-copy .section-intro{font-size:27px;margin-bottom:22px}.interest-copy>p:not(.section-intro){font-size:19px}.newsletter-intro{border-top:1px solid #c6aab7;padding-top:27px;margin-top:45px}.newsletter-intro h3{font-size:30px;margin:14px 0}.newsletter-intro p:not(.eyebrow){font-size:17px}.form-note{font-size:13px;margin-bottom:24px}.field{margin-bottom:21px}.field label{display:block;font-size:16px;font-weight:600;margin-bottom:7px}.optional{font-weight:400;font-size:13px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #ad98a1;background:#fff8;border-radius:0;color:var(--ink);min-height:49px;padding:12px;font-size:17px}.field textarea{resize:vertical;min-height:100px}.field select{padding-right:25px}.checkbox-field{display:flex;gap:12px;align-items:start;padding-top:5px;font-size:17px;line-height:1.4;cursor:pointer}.checkbox-field input{accent-color:var(--magenta);flex:0 0 20px;width:20px;height:20px;margin:3px 0 0}.checkbox-field small{display:block;font-size:13px;margin-top:7px}.privacy-note{font-size:13px;line-height:1.6;margin:24px 0}.form-submit{width:100%}.form-status{font-size:15px;margin-top:20px;min-height:1.5em}.honeypot{display:none!important}.site-footer{background:#fff;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:35px var(--pad)}.site-footer img{width:135px;height:auto}.site-footer p{font-size:11px;line-height:1.6}.site-footer>a{font:12px var(--mono);white-space:nowrap}.chapter-rail{background:#faf9f7;border-left:1px solid var(--line);position:relative;z-index:30}.chapter-nav{position:sticky;top:var(--header);height:calc(100svh - var(--header));display:flex;flex-direction:column;padding:34px 24px 27px}.rail-label{color:#5d5d58;font-size:10px;margin-bottom:auto;line-height:1.65}.chapter-nav ol{list-style:none;padding:35px 0}.chapter-nav li+li{margin-top:6px}.chapter-nav li a{position:relative;display:flex;align-items:center;gap:11px;min-height:46px;text-decoration:none;color:#6b6b65;font-family:'Barlow Condensed',sans-serif;font-size:19px;line-height:1.2;padding:7px 0}.chapter-nav li a:before{content:'';position:absolute;right:-24px;top:7px;bottom:7px;width:4px;background:var(--chapter-color);transform:scaleY(.3);opacity:.5;transition:transform .25s,opacity .25s,width .25s}.chapter-nav li a[aria-current]{color:var(--ink);font-weight:600}.chapter-nav li a[aria-current]:before{transform:scaleY(1);opacity:1;width:8px}.chapter-nav li a:hover{color:var(--ink)}.rail-number{font:10px var(--mono);color:#777770;min-width:18px}.chapter-nav li a[aria-current] .rail-number{color:var(--ink)}.rail-bottom{margin-top:auto}.rail-count{font:12px var(--mono);color:#6a6a64;display:block;border-top:1px solid var(--line);padding-top:20px}.rail-count b{color:var(--ink);font-weight:500}.rail-bottom p{font-size:12px;line-height:1.6;color:#66665f;margin:15px 0}.rail-bottom>a{font:10px/1.6 var(--mono)}
@media(min-width:1600px){:root{--rail:250px}.hero-grid{gap:60px}.document-stack{height:510px}.paper{height:450px}.paper-title{font-size:43px}.paper-topline,.paper-footer{font-size:10px}.paper-table{font-size:12px}.mini-chart{height:75px}.reader-tag{top:285px;right:10px}.structure-tag{bottom:18px}.chapter h2{max-width:1100px}.hero-subject{font-size:31px}.hero-intro{font-size:20px}.hero-visual{max-width:530px;width:100%;justify-self:center}}
@media(max-width:1180px){:root{--rail:185px;--pad:36px}.site-header{padding:0 28px}.hero-grid{gap:15px}.hero-subject{font-size:24px}.hero-visual{padding-top:20px}.document-stack{height:400px}.paper{height:340px;padding:20px 17px}.paper-title{font-size:28px;margin-top:20px}.mini-chart{height:40px;margin:10px 0}.paper-table{font-size:8px}.reader-tag{top:210px;padding:12px 14px;right:-8px}.structure-tag{font-size:9px;padding:12px 10px;left:-12px}.hero-visual figcaption{font-size:10px}.chapter-nav{padding-left:19px;padding-right:19px}.chapter-nav li a:before{right:-19px}.chapter-nav li a{font-size:18px;gap:8px}.rail-label{font-size:9px}.rail-bottom>a{font-size:9px}.event-strip{grid-template-columns:1fr 1fr}.explore-link{display:none}.definition-grid,.example-panel{gap:27px}.example-tabs button{margin-right:24px}.audience-row{grid-template-columns:30px 1fr 1fr;gap:22px}.audience-row h3{font-size:31px}.interest-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.document-sample{padding:22px 17px}.legal-grid{gap:28px}.programme-info{gap:30px}.host-details{padding-left:25px}.site-footer{flex-wrap:wrap;gap:20px}.site-footer p{flex:1;min-width:220px}}
@media(max-width:950px){:root{--rail:0px;--header:80px;--pad:35px}.page-layout{display:flex;flex-direction:column}.chapter-rail{order:-1;border-left:none;position:sticky;top:var(--header);border-bottom:1px solid #d8d6d1}.chapter-nav{position:static;height:auto;padding:0 25px;display:block}.rail-label,.rail-bottom{display:none}.chapter-nav ol{display:flex;overflow-x:auto;gap:25px;padding:0;scrollbar-width:thin}.chapter-nav li+li{margin:0}.chapter-nav li{flex:0 0 auto}.chapter-nav li a{height:49px;font-size:17px;gap:8px;white-space:nowrap;padding:0 0 2px}.chapter-nav li a:before{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;transform:scaleX(0);opacity:0}.chapter-nav li a[aria-current]:before{width:100%;transform:scaleX(1)}html{scroll-padding-top:calc(var(--header) + 70px)}.hero{min-height:0;padding-top:28px}.hero-grid{grid-template-columns:1.05fr 1fr;gap:40px}.document-stack{height:425px}.paper{height:370px;padding:25px 22px}.paper-title{font-size:32px}.reader-tag{top:225px}.structure-tag{font-size:10px;bottom:8px}.hero-intro{font-size:19px}.chapter{padding-top:75px;padding-bottom:88px}.hero{padding-top:28px;padding-bottom:65px}.brand img{width:175px}.top-nav{gap:25px;font-size:12px}.definition-grid{gap:35px}.audience-row{gap:25px;grid-template-columns:35px 1fr 1fr}.site-footer{padding-top:30px;padding-bottom:30px}.section-intro{font-size:29px}.example-panel{min-height:440px}}
@media(max-width:700px){:root{--pad:25px;--header:74px}.site-header{padding:0 22px}.brand img{width:150px}.top-nav{gap:19px;font-size:11px;letter-spacing:0}.top-program{display:none}.language-switch{padding:11px 10px;gap:7px}.hero-edition{font-size:10px}.hero-top>.eyebrow:first-child{font-size:10px}.hero-grid{grid-template-columns:1fr 1fr;gap:15px;margin:35px 0 35px}.hero-subject{font-size:22px}.hero-intro{font-size:17px}.hero-copy .button{font-size:12px;padding:14px 15px;gap:15px}.document-stack{height:370px}.paper{height:310px;width:85%;padding:20px 15px}.paper-title{font-size:24px;margin:18px 0 10px}.paper-topline{font-size:6px}.paper-columns{gap:12px}.paper-table{font-size:7px}.reader-tag{top:187px;right:-12px;font-size:10px;padding:12px;gap:10px}.reader-tag svg{width:23px}.reader-tag strong{font-size:35px}.structure-tag{font-size:8px;left:-13px;padding:10px;bottom:10px}.hero-visual figcaption{font-size:9px;padding-left:5px}.event-strip{gap:15px}.event-strip strong{font-size:21px}.event-note{font-size:13px}.chapter{padding-top:65px;padding-bottom:82px}.hero{padding-top:25px;padding-bottom:62px}.chapter-kicker{margin-bottom:27px}.chapter-kicker .eyebrow{font-size:10px}.chapter-symbol{font-size:34px}.section-intro{font-size:26px;margin:25px 0 32px}.definition-grid{grid-template-columns:1fr;gap:32px}.reading-view{max-width:520px}.editorial-copy p{font-size:19px}.principles{gap:15px}.principles p{display:block;font-size:15px}.principles b{display:block;margin-bottom:8px}.format-line{display:block}.format-line .eyebrow{max-width:none;margin-bottom:12px}.format-line p{font-size:22px}.example-tabs button{font-size:24px;margin-right:20px;padding-right:18px;gap:10px}.example-panel{grid-template-columns:1fr;gap:30px;min-height:0}.example-copy h3{font-size:38px}.example-copy h3 br{display:none}.example-visual{max-width:520px;width:100%}.document-sample{padding:25px;min-height:300px}.example-copy>p:not(.eyebrow),.solution-description{font-size:19px}.example-copy h3{margin-bottom:16px}.reader-output>p{font-size:25px}.audience-row{grid-template-columns:30px 1fr;gap:23px;padding:30px 0}.audience-row h3{font-size:34px}.benefit-list{grid-column:2}.benefit-list li{font-size:18px}.audience-closing{font-size:16px}.legal-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.legal-grid h3{font-size:52px;margin:15px 0}.legal-grid p{font-size:17px}.eaa-note{grid-template-columns:1fr;gap:15px}.montenegro-note{gap:20px}.large-arrow{font-size:50px}.montenegro-note h3{font-size:30px}.montenegro-note p{font-size:16px}.programme-info{gap:25px;grid-template-columns:1fr}.host-details{border-left:0;border-top:1px solid #abbcaf;padding-left:0;padding-top:25px}.programme-info h3{font-size:32px}.agenda-title{display:block}.agenda-title .eyebrow{display:block;font-size:10px;margin-top:12px}.agenda li{grid-template-columns:80px 1fr;gap:17px}.agenda-time{font-size:15px}.agenda h4{font-size:20px}.agenda p{font-size:18px}.next-step{grid-template-columns:1fr;gap:15px}.interest-grid{grid-template-columns:1fr;gap:42px}.interest-copy .section-intro{max-width:460px}.newsletter-intro{margin-top:30px;padding-top:22px}.newsletter-intro h3{font-size:29px}.newsletter-intro h3 br{display:none}.form-note{margin-bottom:25px}.interest-form{border-top:1px solid #c6aab7;padding-top:28px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:20px}.site-footer p{grid-column:1 / -1;grid-row:2}.site-footer a{grid-column:2;grid-row:1}}
@media(max-width:500px){:root{--pad:22px}.site-header{padding:0 16px}.brand img{width:130px}.top-nav{gap:13px}.top-nav>a{font-size:10px;max-width:90px;white-space:normal;line-height:1.5}.top-nav>a>span{display:none}.language-switch{font-size:11px;padding:10px 9px}.chapter-nav{padding:0 20px}.chapter-nav ol{gap:25px}.chapter-nav li a{font-size:16px}.hero-top{gap:12px}.hero-edition{max-width:130px;text-align:right}.hero-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.hero h1{line-height:.9}.hero-subject{font-size:26px;margin-top:24px}.hero-intro{max-width:340px;font-size:18px}.hero-copy .button{font-size:13px;min-height:52px;padding:15px 18px;gap:35px}.hero-visual{width:100%;max-width:330px;justify-self:center;padding:15px 15px 0}.document-stack{height:355px}.paper{height:308px;width:83%;padding:21px}.paper-title{font-size:28px}.paper-topline{font-size:7px}.paper-table{font-size:8px}.reader-tag{top:178px;right:-8px;font-size:11px;padding:13px 15px}.structure-tag{bottom:4px;left:-9px;font-size:9px}.hero-visual figcaption{font-size:10px;margin-top:10px}.event-strip{grid-template-columns:1fr 1fr;margin-top:35px;gap:20px}.event-strip .eyebrow{font-size:10px}.event-strip strong{font-size:20px}.event-note{font-size:12px}.chapter h2 br{display:block}.section-intro{font-size:25px;line-height:1.35}.chapter-kicker .eyebrow{max-width:245px}.chapter-symbol{font-size:30px}.chapter-kicker{gap:15px}.hero{padding-bottom:65px}.example-tabs{justify-content:space-between}.example-tabs button{font-size:22px;margin:0;padding:15px 12px 12px 0;gap:7px}.example-tabs button span{font-size:9px}.example-copy h3{font-size:35px}.document-sample{padding:22px 18px}.table-visual th,.table-visual td{font-size:14px}.status-word{font-size:11px}.status-list p{font-size:14px}.sample-heading{font-size:26px}.document-outline{padding:20px 15px}.document-outline li{font-size:14px;gap:8px}.document-outline li+li{margin-left:12px;padding-left:12px}.window-bar{font-size:9px}.principles{gap:12px}.principles p{font-size:14px}.format-line p{font-size:20px}.format-line p span{margin:0 3px}.audience-row{grid-template-columns:25px 1fr;gap:16px}.audience-row h3{font-size:32px}.audience-row .eyebrow{font-size:10px}.audience-row .text-link{font-size:14px}.benefit-list li{font-size:18px}.legal-grid h3{font-size:50px}.eu-stars{font-size:18px;letter-spacing:4px}.montenegro-note{gap:15px}.large-arrow{font-size:38px}.agenda li{grid-template-columns:65px 1fr;gap:13px}.agenda h4{font-size:19px}.agenda-time{font-size:13px}.agenda p{font-size:17px}.agenda-featured{margin:0 -10px;padding:23px 10px!important}.interest-copy .section-intro{font-size:26px}.field label{font-size:15px}.field input,.field select,.field textarea{font-size:16px}.checkbox-field{font-size:16px}.privacy-note{font-size:12px}.form-submit{font-size:13px}.site-footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.chapter{transform:none!important}}
@media(forced-colors:active){.paper,.document-sample,.structure-window,.reader-output{border:1px solid CanvasText}.chapter-nav a[aria-current]{outline:2px solid CanvasText}.target-cell{outline:2px solid CanvasText}.contrast-text{forced-color-adjust:none}.hero h1 em{color:CanvasText}.status-word{display:inline}.status-dot{border:1px solid CanvasText}}
@media print{.site-header,.chapter-rail,.reading-progress,.skip-link,.example-tabs,.solution-button,.monochrome-control,.hero-visual,.interest-form{display:none!important}.page-layout{display:block}.chapter{clip-path:none!important;margin:0!important;padding:30px 0!important;color:#000!important;background:#fff!important;break-inside:auto}.chapter h1,.chapter h2{line-height:1.1}.chapter h1 em,.chapter h2 em{color:#000!important}.chapter h2 br,.chapter h1 br{display:none}.chapter-kicker{margin-bottom:12px}.hero-grid,.definition-grid,.interest-grid{display:block}.section-intro{font-size:22px}.example-panel[hidden]{display:grid!important}.example-panel{margin:30px 0;break-inside:avoid}.reader-output{color:#000;border:1px solid #000;background:#fff}.source-link:after{content:' (' attr(href) ')';font-size:9px;overflow-wrap:anywhere}.source-link{display:block}.legal-grid{gap:30px}.legal-grid article,.agenda li{break-inside:avoid}.europe .legal-grid article,.eaa-note,.montenegro-note{border-color:#000}.site-footer{padding:25px 0}}
@media(min-width:951px) and (prefers-reduced-motion:no-preference){.stacked-chapters>.chapter{position:sticky}.stacked-chapters>.site-footer{position:relative;z-index:10}}

/* V2 — a single editorial flow and fewer competing labels. */
.hero-grid{margin:25px 0 15px;gap:45px}.hero{padding-top:40px;min-height:calc(100svh - var(--header))}.hero .hero-intro{font:600 28px/1.25 var(--body);margin:30px 0 22px;max-width:500px}.hero-description{font-size:21px;line-height:1.5;max-width:470px}.hero-visual{padding-top:0}.visual-explanation,.hero-visual figcaption{font:400 21px/1.4 var(--body);text-align:left;margin:0 0 28px;max-width:480px}.document-stack{height:430px;margin-top:12px}.paper-front{height:360px}.paper-title{margin-top:30px;font-size:38px}.paper-topline{font-size:10px}.paper-table{font-size:11px}.paper-columns b{font-size:15px}.paper-columns span{height:4px}.paper-table>*{padding:7px 0}.mini-chart{height:55px;margin:22px 0}.hero-grid{align-items:center}.section-body{font-size:21px;line-height:1.55;max-width:850px;margin:-12px 0 38px}.reading-view>.visual-explanation{margin-bottom:24px}.example-note{border:0;padding:0;margin:-14px 0 30px;font-size:14px}.example-tabs{margin-bottom:34px}.solution-button{border-radius:5px;font-family:var(--body);font-size:16px;font-weight:500;min-height:48px;box-shadow:0 2px 0 #1d1d1b33}.source-link{font-size:16px}.legal-list{margin-top:45px}.legal-list article{display:grid;grid-template-columns:220px 1fr;gap:30px;border-top:1px solid #ffffff60;padding:32px 0}.legal-list h3{font:400 50px/1 var(--display)}.legal-list h3 span{display:block;font:400 17px/1.4 var(--body);margin-top:13px}.legal-list p{font-size:20px;line-height:1.55}.legal-list .source-link{margin-top:14px}.host-details h3{font-size:28px;margin-top:0}.host-details h4{font-size:22px;line-height:1.3;margin:24px 0 6px;font-weight:600}.host-details .host-organizations{line-height:1.5;margin-top:16px}.newsletter-description{margin-top:20px;font-size:19px}.interest-form .form-submit{width:auto;justify-content:center;min-height:54px;padding:13px 25px;border-radius:6px;font-family:var(--body);font-size:18px;font-weight:600;box-shadow:0 3px 0 #0003}.interest-form .form-submit:active{box-shadow:none;transform:translateY(2px)}.rail-title{font:600 28px/1.08 'Barlow Condensed',sans-serif;margin-bottom:auto}.rail-bottom p,.rail-bottom>a{display:none}.rail-count{font-size:14px}.chapter-nav li a{text-transform:uppercase;letter-spacing:.04em;font-size:18px}.chapter-nav li a[aria-current]{font-weight:700}.chapter-kicker .eyebrow{font-size:13px}.agenda-title .eyebrow{font-size:13px}.agenda-featured{background:none;margin:0;padding:23px 0!important;border-top-color:#abbcaf!important}.chapter-kicker{min-height:24px}.top-nav{gap:0}
@media(min-width:951px) and (prefers-reduced-motion:no-preference){.stacked-chapters>.chapter:not(:last-of-type){padding-bottom:102.5px}.stacked-chapters>.hero{padding-bottom:82.5px}}
@media(min-width:1600px){.hero-grid{gap:70px}.document-stack{height:490px}.paper-front{height:420px}.paper-title{font-size:45px}.mini-chart{height:75px}.visual-explanation,.hero-visual figcaption{font-size:24px}.rail-title{font-size:32px}}
@media(max-width:1180px){.hero-grid{gap:30px}.hero .hero-intro{font-size:26px}.document-stack{height:380px}.paper-front{height:330px;padding:22px 19px}.paper-title{font-size:33px;margin-top:24px}.mini-chart{margin:14px 0}.paper-table{font-size:10px}.paper-topline{font-size:9px}.visual-explanation,.hero-visual figcaption{font-size:19px}.legal-list article{grid-template-columns:190px 1fr}.rail-title{font-size:26px}}
@media(max-width:950px){.rail-title{display:none}.chapter-nav li a{font-size:17px}.hero{padding-top:35px}.hero .hero-intro{font-size:26px}.hero-description{font-size:20px}.hero-grid{margin:18px 0 0;gap:38px}.document-stack{height:410px}.paper-front{height:360px;padding:25px 22px}.paper-title{font-size:35px}.visual-explanation,.hero-visual figcaption{font-size:20px}.section-body{font-size:20px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{line-height:.9}.hero .hero-intro{font-size:26px;max-width:510px;margin-top:24px}.hero-description{max-width:520px}.hero-visual{max-width:460px;width:100%;justify-self:start}.document-stack{height:400px;max-width:365px;margin:25px auto 0}.paper-front{height:345px;width:83%;padding:25px}.paper-title{font-size:36px}.paper-topline{font-size:9px}.paper-table{font-size:10px}.hero-visual figcaption{font-size:20px;margin-bottom:20px;max-width:none}.chapter-kicker .eyebrow{font-size:12px;max-width:none}.legal-list article{grid-template-columns:1fr;gap:20px;padding:28px 0}.legal-list h3{font-size:46px}.legal-list h3 span{margin-top:8px}.legal-list p{font-size:19px}.section-body{font-size:19px}.example-note{font-size:14px}.agenda-featured{padding:23px 0!important}.interest-form .form-submit{font-size:18px}.host-details h3{font-size:28px}}
@media(max-width:500px){.hero{padding-top:30px}.hero-grid{margin-top:10px;gap:35px}.hero h1{line-height:.92}.hero .hero-intro{font-size:25px;margin:24px 0 20px}.hero-description{font-size:20px}.hero-visual{padding:0}.visual-explanation,.hero-visual figcaption{font-size:19px;line-height:1.4}.document-stack{height:350px;max-width:300px;margin-top:25px}.paper-front{height:310px;width:83%;padding:22px 18px}.paper-title{font-size:31px;margin-top:20px}.paper-topline{font-size:8px}.paper-table{font-size:9px}.paper-columns b{font-size:13px}.mini-chart{height:40px;margin:14px 0}.paper-table>*{padding:6px 0}.chapter-nav li a{font-size:16px}.chapter-kicker .eyebrow{font-size:11px}.agenda-title .eyebrow{font-size:11px}}

/* Shared homepage footer: same structure, palette, typography and social placeholders. */
footer#foot{position:relative;z-index:20;background:var(--ink);color:#fff;padding:3rem 3.5rem;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.foot-copy-wrap,.foot-brand-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:0}.footer-logo-svg{display:block;width:auto;height:24px;max-height:none;margin:0;padding:0;flex:0 0 auto}.foot-copy{margin-top:12px;font-family:var(--mono);font-size:.82rem;line-height:1.35;letter-spacing:.08em;color:#8a8a8a}.foot-copy p{margin:0;color:inherit}.foot-copy p+p{margin-top:3px}.foot-links{display:flex;gap:2.2rem;list-style:none;margin:0;padding:0}.foot-link-disabled{font-family:var(--mono);font-size:.6rem;color:#8a8a8a;text-decoration:none;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:754px){footer#foot{padding:2.5rem 1.5rem;flex-direction:column;justify-content:flex-start;gap:1.5rem}.footer-logo-svg{height:20px}.foot-copy{font-size:.76rem}.foot-links{gap:1.4rem;flex-wrap:wrap}.foot-link-disabled{font-size:.56rem}}
@media print{footer#foot{color:#fff!important;background:var(--ink)!important;break-inside:avoid;print-color-adjust:exact}}

/* Requested heading sizes: desktop 120/80 px, mobile 60/40 px. */
@media(max-width:700px){.hero h1{font-size:60px}.chapter h2{font-size:40px}}

/* Editorial columns: heading, lead and body together; captions follow figures. */
.title-line{display:block}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:90px;row-gap:0;align-items:start}
.hero h1{grid-column:1/-1;grid-row:1}
.hero-copy{grid-column:1;grid-row:2;min-width:0}
.hero-visual{grid-column:2;grid-row:1/span 2;padding:126px 0 0;max-width:none;min-width:0}
.hero .hero-intro{max-width:none}
.hero-description{max-width:none}
.document-stack{margin:0;max-width:none}
.hero-visual figcaption,.reading-view>.visual-explanation{margin:24px 0 0;text-align:left;max-width:none}
.definition-grid{align-items:start}
.definition-copy,.reading-view,.examples-editorial,.examples-illustrations{min-width:0}
.editorial-copy{font-size:20px}
.examples-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.example-panel{display:block;min-height:0}
.examples-illustrations{align-self:start}
.examples-layout .example-tabs{flex-wrap:wrap}
.examples-layout .example-tabs button{margin-right:18px;padding-right:8px}
.section-intro{font-weight:600}
@media(min-width:951px){.definition-grid{column-gap:92px}}
@media(min-width:1800px){
  .hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:140px}
  .hero h1{grid-column:1}
  .hero-visual{padding-top:0}
}
@media(min-width:701px) and (max-width:950px){
  .hero-grid{column-gap:76px}
  .examples-layout{gap:54px}
}
@media(max-width:700px){
  .hero-grid,.examples-layout{grid-template-columns:1fr;gap:35px}
  .hero h1,.hero-copy,.hero-visual{grid-column:1;grid-row:auto}
  .hero-visual{padding:0;max-width:460px}
  .hero .hero-intro{margin-top:0}
  .editorial-copy{font-size:19px}
}
@media print{
  .examples-layout{display:block}
  .example-visual[hidden]{display:block!important}
}

/* Keep the title and lead in one flow, independent of the illustration height. */
.hero{--title-space:60px;padding-top:var(--title-space)}
.hero-grid{margin-top:0;margin-bottom:0}
.hero-copy{grid-row:1}
.hero h1{width:calc(189.285714% + 90px)}
.hero .hero-intro{margin-top:var(--title-space)}
.hero-visual{grid-row:1}
@media(min-width:1800px){.hero h1{width:100%}}
@media(min-width:701px) and (max-width:950px){.hero h1{width:calc(189.285714% + 76px)}}
@media(max-width:700px){
  .hero{--title-space:35px}
  .hero-copy,.hero-visual{grid-row:auto}
  .hero h1{width:100%}
}

/* Shared editorial type for every chapter except the cover. */
.chapter:not(.hero) .section-intro{font-size:25px;font-weight:600;line-height:1.35;margin:30px 0 32px}
.chapter:not(.hero) .section-body,.editorial-copy p,.example-note,.example-copy>p:not(.eyebrow),.solution-description,.audience-row p:not(.eyebrow),.benefit-list li,.legal-list p,.programme-info p:not(.eyebrow),.agenda p,.interest-copy>p:not(.section-intro){font-size:20px;font-weight:400;line-height:1.55}
.example-note{margin:0}
.examples-interactive{min-width:0}
.examples-interactive .example-tabs{margin-top:0;margin-bottom:28px}
.examples-interactive .example-tabs button{padding-top:0}
.examples-interactive .example-copy{margin-top:32px}
.publication-illustration{width:100%;height:auto;max-width:none}
.hero-visual figcaption{font-size:21px;line-height:1.5;margin-top:24px}
@media(max-width:700px){
  .chapter:not(.hero) .section-intro{font-size:22px;margin:24px 0 28px}
  .chapter:not(.hero) .section-body,.editorial-copy p,.example-note,.example-copy>p:not(.eyebrow),.solution-description,.audience-row p:not(.eyebrow),.benefit-list li,.legal-list p,.programme-info p:not(.eyebrow),.agenda p,.interest-copy>p:not(.section-intro){font-size:19px}
  .hero-visual figcaption{font-size:19px}
}

/* Shared two-column editorial layout. */
.editorial-layout,.definition-grid,.examples-layout,.interest-grid,.audience-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:92px;align-items:start}
.chapter-copy,.definition-copy,.interest-copy,.programme-details{min-width:0}
.chapter-copy .section-intro,.chapter-copy .section-body,.definition-copy .section-intro,.examples-editorial .section-intro,.interest-copy .section-intro{max-width:none}
.chapter-photo{margin:0;align-self:start}
.chapter-photo img{width:100%;height:auto;display:block}
.audience-cards{margin-top:48px}
.audience-card{border-top:1px solid #ffffff70;padding-top:30px;min-width:0}
.audience-card h3{font-size:34px;margin:0 0 20px}
.audience-card p,.definition-continuation p{font-size:20px;line-height:1.55}
.audience-card .benefit-list{margin-top:24px}
.definition-continuation{columns:2;column-gap:92px;margin-top:36px}
.definition-continuation p{break-inside:avoid;margin:0 0 22px}
.legal-list article{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:92px}
.programme-photo{margin-top:35px}
.programme-details .host-details{border-left:0;border-top:1px solid #abbcaf;padding:28px 0 0;margin-top:30px}
.programme-details p:not(.eyebrow){font-size:20px;line-height:1.55}
.programme-details h3{margin:14px 0 18px}
.programme-details .host-details h3{margin-top:0}
.agenda-title{margin-top:48px}
.examples-interactive .document-sample{min-height:0;padding:23px}
.examples-interactive .sample-lines{display:none}
.examples-interactive .example-copy h3{font-size:32px;margin-bottom:16px}
.examples-interactive .example-copy h3 br{display:none}
.examples-interactive .reader-output{min-height:0;padding:14px 18px}
.examples-interactive .reader-output>p{font-size:23px}
.examples-interactive .example-copy{margin-top:25px}
.examples-interactive .solution-button{margin-top:18px}
.chapter-next{position:absolute;right:var(--pad);bottom:22px;display:grid;place-items:center;width:46px;height:52px;color:inherit;text-decoration:none}
.chapter-next:hover{transform:translateY(4px)}
.rail-heading{margin-bottom:auto}
.rail-title{margin-bottom:12px}
.rail-event{font-size:16px;line-height:1.35;color:#5e5e58}
.chapter-nav li a{padding-left:0;transition:padding-left .2s,color .2s}
.chapter-nav li a:before{left:0;right:auto;top:50%;bottom:auto;width:3px;height:24px;background:var(--chapter-ink);transform:translateY(-50%) scaleY(0);opacity:0}
.chapter-nav li a[aria-current]{padding-left:12px;color:var(--chapter-ink)}
.chapter-nav li a[aria-current]:before{width:3px;transform:translateY(-50%) scaleY(1);opacity:1}
.chapter-nav li a[aria-current] .rail-number{color:inherit}
.chapter-nav li a:hover{color:var(--chapter-ink)}
.publication-animation{transform:rotate(3deg);transform-origin:center;margin:12px 12px 26px}
.publication-animation[data-reading-order="correct"] .reading-route--incorrect,.publication-animation[data-reading-order="incorrect"] .reading-route--correct{display:none}
.reading-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px;font-size:16px;line-height:1.4}
.reading-order-status{flex-basis:100%;font-weight:600;font-size:19px}
.reading-controls button{background:transparent;border:1px solid #1d1d1b80;border-radius:4px;padding:6px 10px;font:inherit}
.hero-visual figcaption{margin-top:0}
@media(max-width:1100px) and (min-width:701px){.editorial-layout,.definition-grid,.examples-layout,.interest-grid,.audience-cards,.legal-list article{column-gap:54px}.definition-continuation{column-gap:54px}}
@media(max-width:950px){.rail-heading{display:none}.chapter-nav li a[aria-current]{padding-left:12px}.chapter-nav li a:before{height:20px}}
@media(max-width:700px){
 .editorial-layout,.definition-grid,.examples-layout,.interest-grid,.audience-cards,.legal-list article{grid-template-columns:1fr;gap:32px}
 .definition-continuation{columns:1;margin-top:24px}
 .audience-card p,.definition-continuation p,.programme-details p:not(.eyebrow){font-size:19px}
 .audience-cards{margin-top:32px}.audience-card .benefit-list{grid-column:auto}
 .programme-details{border-top:1px solid #abbcaf;padding-top:28px}
 .publication-animation{margin:8px 10px 24px}
 .reading-controls{font-size:15px}
}
@media print{.chapter-next,.reading-controls{display:none}.editorial-layout,.definition-continuation{display:block}.publication-animation{transform:none}}

/* Clear route keys and compact, non-redundant examples. */
.hero-explanation{font-size:20px;line-height:1.55;margin-top:24px;max-width:none}
.reading-controls{gap:12px;align-items:stretch}
.reading-controls .reading-choice{flex:1 1 190px;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid transparent;padding:13px 14px;font-size:17px;line-height:1.25;opacity:.48;transition:opacity .2s,border-color .2s;box-shadow:none;border-radius:0}
.reading-choice svg{flex:0 0 38px}
.reading-controls .reading-choice--incorrect{color:#9c2026}
.reading-controls .reading-choice--correct{color:#205c36}
.reading-controls .reading-choice[aria-pressed=true]{opacity:1;border-color:currentColor}
.definition-side{min-width:0}
.definition-side-copy{margin-top:28px}
.examples-interactive .document-sample{padding:20px}
.examples-interactive .sample-heading{margin:0 0 16px}
.examples-interactive .table-visual th,.examples-interactive .table-visual td{padding:8px 4px}
.examples-interactive .status-list p{padding:10px 0}
.examples-interactive .monochrome-control{margin-top:14px}
.examples-interactive .contrast-ratio{margin-top:16px;padding-top:12px}
.examples-interactive .example-copy{margin-top:20px}
@media(max-width:700px){.hero-explanation{font-size:19px}.reading-controls .reading-choice{flex-basis:150px;font-size:16px}.definition-side-copy{margin-top:24px}}

/* Illustration photos keep their proportions and never exceed 420 px in height. */
.chapter-photo img{width:auto;height:auto;max-width:100%;max-height:420px;object-fit:contain;object-position:left top}

.reading-controls .reading-choice{opacity:1;background:rgba(255,255,255,.6)}
.reading-controls .reading-choice[aria-pressed=true]{background:#fff;box-shadow:0 0 0 1px currentColor}

/* Reserve each 4:3 photograph’s space before its lazy loading completes. */
.chapter-photo img{width:560px;max-width:100%;height:auto;aspect-ratio:auto 4/3;max-height:420px}

/* Highlight the open forum while preserving the agenda text alignment. */
.agenda li.agenda-forum{background:#346b48;color:#fff;border-top-color:transparent;margin:0 -20px;padding:23px 20px}
@media(max-width:700px){.agenda li.agenda-forum{margin:0 -12px;padding-inline:12px}}

.hero-explanation strong{font-weight:600}

/* One persistent next-section control in the right-hand navigation strip. */
.chapter-next{position:fixed;right:18px;bottom:20px;z-index:35;color:var(--ink)}
.agenda{margin-bottom:50px}
@media(max-width:950px){.chapter-next{right:10px;bottom:14px;background:var(--off);border:1px solid var(--line);border-radius:5px}}
@media print{.chapter-next{display:none}}

/* Keep short audience headings on one line whenever the column allows it. */
.audience-card{container-type:inline-size}
.audience-card h3{font-size:clamp(22px,6.8cqw,34px)}
/* Reserve a clear bottom strip for the counter and the persistent arrow. */
@media(min-width:951px){
 .chapter-nav{padding-bottom:20px}
 .chapter-nav ol{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 0}
 .rail-bottom{min-height:52px;flex:0 0 52px;display:flex;align-items:center;border-top:1px solid var(--line)}
 .rail-count{border-top:0;padding-top:0}
}
@media(min-width:951px) and (max-height:850px){.chapter-nav li a{min-height:40px}.chapter-nav li+li{margin-top:4px}}

/* The selected explanation and its diagram button share the same white highlight. */
.hero-reading-note{padding:18px 20px;background:transparent;transition:background-color .2s}
.hero-reading-note[data-reading-active=true]{background:#fff}
.hero-reading-note--incorrect[data-reading-active=true] strong{color:#9c2026}
.hero-reading-note--correct[data-reading-active=true] strong{color:#205c36}
@media(prefers-reduced-motion:reduce){.hero-reading-note{transition:none}}

/* The solution distinguishes statuses by fill and pattern, as well as colour and words. */
.status-dot{width:20px;height:20px}
.example-visual[data-solved=true] .status-dot.green{background:#287849;border:2px solid #287849}
.example-visual[data-solved=true] .status-dot.orange{background:#fff;border:3px solid #9b570c}
.example-visual[data-solved=true] .status-dot.red{border:2px solid #a92d42;background:repeating-linear-gradient(135deg,#a92d42 0 2px,#fff 2px 5px)}
.monochrome-options{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:14px;font-size:14px;line-height:1.4}
.examples-interactive .monochrome-options .monochrome-control{margin:0;font-size:inherit;flex:0 0 auto}
.monochrome-control input{flex:0 0 auto;margin:0}
.color-vision-stat{color:var(--navy)}

/* Softer cover blue and a lighter, readable orange for example buttons. */
.examples-interactive .solution-button{background:#e49665;color:var(--ink);border-color:#1d1d1b70}
.examples-interactive .solution-button:hover{background:#eca577;color:var(--ink)}
.chapter-next{right:8px}

/* Anchor the chapter list 50 px below the event information. */
@media(min-width:951px){
 .rail-heading{margin-bottom:50px;flex:0 0 auto}
 .chapter-nav ol{padding-top:0;padding-bottom:12px;margin:0}
}

/* Compare the visual page and its logical reading structure side by side. */
.structure-comparison-headings,.structure-comparison-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.structure-comparison-headings{background:#f5f4f2;border-bottom:1px solid #d8d6d1}
.structure-comparison-headings .structure-label{padding:13px 14px;font:600 15px/1.3 var(--body)}
.structure-comparison-headings .structure-label+ .structure-label{border-left:1px solid #d8d6d1}
.publication-miniature{padding:18px 8px;align-self:start}
.publication-miniature img{width:100%;height:auto}
.structure-comparison .document-outline{padding:14px 12px;border-left:1px solid #d8d6d1}
.structure-comparison .document-outline li{align-items:start;gap:8px;font-size:14px;line-height:1.35;padding:9px 0}
.structure-comparison .document-outline li+li{margin-left:0;padding-left:0;border-left:0}
.structure-comparison .node{min-width:30px;padding:4px;font-size:10px}
.programme-details .host-details h4{margin-bottom:0}
.programme-details .host-details h4+p{margin-top:0}
/* The arrow belongs to the scrolling content area, immediately left of the rail. */
@media(min-width:951px){
 .chapter-next{right:calc(var(--rail) + 8px)}
 .chapter-nav li a{min-height:36px}
}
@media(min-width:951px) and (max-height:850px){.chapter-nav li a{min-height:30px;padding-top:5px;padding-bottom:5px}}
@media(max-width:500px){
 .structure-comparison-headings .structure-label{padding:10px;font-size:14px}
 .structure-comparison .document-outline{padding:10px 8px}
 .structure-comparison .document-outline li{gap:5px;font-size:13px}
}

/* Mobile rhythm: one 24 px interval between title, introduction, copy and illustration. */
@media(max-width:700px){
 .chapter:not(.hero){padding-top:32px}
 .chapter-kicker{margin-bottom:20px}
 .chapter:not(.hero) .section-intro,.hero .hero-intro{margin:24px 0}
 .chapter:not(.hero) .section-body{margin:0}
 .editorial-layout,.definition-grid,.examples-layout,.interest-grid,.hero-grid{row-gap:24px}
 .programme-photo{margin-top:24px}
 .audience-card .benefit-list li:last-child{border-bottom:0}
 .programme{padding-bottom:41px}
 .programme .agenda{margin-bottom:25px}
 .chapter-next{width:28px;height:32px;right:8px;bottom:14px;background:rgba(255,255,255,.3);border:0;border-radius:3px}
 .chapter-next svg{width:18px;height:24px}
}

/* The outline makes the title, subsection and paragraph hierarchy visible. */
.structure-comparison .document-outline li{padding:6px 0}
.structure-comparison .document-outline .node{flex:0 0 30px;width:30px}
.structure-comparison .document-outline .node-wide{font-size:9px}
.structure-comparison .document-outline li>span:last-child{min-width:0}
.structure-comparison .document-outline li+li{margin-left:38px}
.structure-comparison .document-outline li:nth-child(3){margin-left:76px}
.structure-detail{display:block;margin-top:5px;font-size:13px;line-height:1.3}
.hero .hero-intro{margin:24px 0}
@media(min-width:951px){.chapter-next{width:34.5px;height:39px}.chapter-next svg{width:27px;height:36px}}
@media(max-width:500px){
 .structure-comparison .document-outline li+li{margin-left:14px}
 .structure-comparison .document-outline li:nth-child(3){margin-left:28px}
 .structure-comparison .document-outline .node{flex-basis:26px;width:26px;padding-inline:2px}
 .structure-detail{font-size:12px}
}
/* A narrow phone needs full-width agenda copy to preserve the final two-word group. */
@media(max-width:380px){
 .agenda li{grid-template-columns:minmax(0,1fr);gap:8px}
 .agenda-time{display:flex;align-items:baseline;gap:6px}
 .agenda-time small{display:inline;margin:0}
}

/* A clear light blue uses a dark blue emphasis and the matching navigation accent. */
.hero h1 em{color:#244b7a}
.reading-choice-summary{display:none}
@media(max-width:700px){
 .hero-reading-note{display:none}
 .reading-controls .reading-choice{display:block;padding:14px 12px;text-align:left}
 .reading-choice-copy{display:block}
 .reading-choice svg{float:left;width:18px;height:14px;margin:3px 8px 0 0}
 .reading-choice-title{display:block;padding-left:26px;font-size:16px;line-height:1.25}
 .reading-choice-summary{display:block;margin-top:10px;font:400 15px/1.4 var(--body);color:var(--ink)}
 .chapter-next{width:24px;height:26px}
 .chapter-next svg{width:14px;height:18px}
}

.structure-comparison .document-outline .node-wide{flex-basis:42px;width:42px;padding:4px;font-size:9px}

/* Figure and Table are peers of the paragraph in the reading hierarchy. */
.structure-comparison .document-outline li:nth-child(n+3){margin-left:76px}
@media(max-width:500px){.structure-comparison .document-outline li:nth-child(n+3){margin-left:28px}}

/* Review, 29 October: partner note, clear example controls and mobile rhythm. */
main{grid-column:1;grid-row:1}
.chapter-rail{grid-column:2;grid-row:1}
@media(min-width:951px){
 .rail-heading{position:relative;padding:18px 16px 22px;margin-inline:-10px;background:linear-gradient(155deg,#fff484 0%,#fff07b 75%,#f4dc59 100%);color:#242719;transform:rotate(1.5deg);border-radius:1px 1px 12px 1px;box-shadow:1px 5px 7px #473b1224}
 .rail-heading::after{content:"";position:absolute;right:8px;bottom:3px;width:65%;height:15px;box-shadow:4px 7px 9px #473b122b;transform:rotate(3deg);z-index:-1}
 .rail-heading .rail-title{font-size:28px;margin:0 0 18px}
 .rail-heading .rail-event{color:#363821;font-size:16px;line-height:1.4}
 .rail-partner{font-size:15px;line-height:1.35;margin-top:18px}
 .rail-partner strong{font-weight:600}
 .chapter-nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
 .chapter-nav ol{flex:0 0 auto;overflow:visible}
 .rail-bottom{margin-top:auto}
}
.examples-interactive .example-copy{margin-top:24px}
.examples-interactive .example-copy .example-state{font-size:24px;line-height:1.3;text-transform:uppercase;margin:0 0 24px;letter-spacing:.04em}
.examples-interactive .solution-button{background:#ffd0a8;border:2px solid #633519;color:#231e19;box-shadow:0 3px 0 #633519;min-height:48px}
.examples-interactive .solution-button:hover{background:#ffe0c6;color:#231e19}
.examples-interactive .solution-button:active{transform:translateY(2px);box-shadow:0 1px 0 #633519}
@media(max-width:700px){
 .legal-list article{row-gap:16px}
 .legal-list h3 span{margin-top:16px}
 .legal-list .source-link{margin-top:16px}
 .examples-interactive .example-copy .example-state{font-size:24px}
}
/* Keyboard focus must never disappear against a colored panel. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #172e4e;outline-offset:3px;box-shadow:0 0 0 3px #fff}
:where(a,button,input,select,textarea,[tabindex]){scroll-margin-top:calc(var(--header) + 24px);scroll-margin-bottom:60px}
@media(max-width:950px){:where(a,button,input,select,textarea,[tabindex]){scroll-margin-top:calc(var(--header) + 75px)}}
.chapter.keyboard-reading{scroll-margin-top:calc(var(--header) + 24px)}
.field input,.field select,.field textarea{border-color:#78606b}
.field-error{color:#8d183f;font-size:16px;line-height:1.4;margin-top:8px;font-weight:600}
[aria-invalid=true]{border:2px solid #8d183f!important}
.form-errors{padding:18px;border:2px solid #8d183f;margin-bottom:24px;background:#fff}
.form-errors h3{font-size:24px;margin-bottom:10px}
.form-errors ul{padding-left:22px;font-size:17px}
.form-errors a{display:inline-block;padding:4px 0}
@media(forced-colors:active){
 .rail-heading{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}
 .rail-heading .rail-event{color:CanvasText}
 .reading-choice[aria-pressed=true],.solution-button[aria-pressed=true]{outline:3px solid Highlight}
 :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight}
}

/* One continuous paper surface and a soft exterior shadow. */
@media(min-width:951px){.rail-heading{border-radius:1px 1px 7px 1px;background:linear-gradient(160deg,#fff484 0%,#fff17d 85%,#f7e46d 100%);box-shadow:1px 7px 10px -5px #473b1255}.rail-heading::after{content:none}}

/* Contrast and quiet decorative markers. */
.rail-number{color:#65655e}
.benefit-list li::before{content:""}
@media(min-width:951px){body.keyboard-navigation main>.chapter{position:relative;top:auto!important}}

/* On phones the partner note becomes the middle, stationary yellow band. */
.rail-number{font-weight:500;color:#595950}
@media(max-width:950px){
 .chapter-nav{display:grid;grid-template-rows:1fr 1fr;padding:0}
 .rail-heading{display:block;align-content:center;padding:8px 16px;margin:0;background:#fff17d;color:#242719;min-width:0;font:400 13px/1.35 var(--body)}
 .rail-heading .rail-title,.rail-heading .rail-event,.rail-heading .rail-partner{display:inline;margin:0;padding:0;color:inherit;font:inherit}
 .rail-heading .rail-title{font-weight:600}
 .rail-heading .rail-title::after,.rail-heading .rail-event::after{content:" · "}
 .rail-heading br{display:none}
 .rail-heading .rail-partner strong{font-weight:600}
 .chapter-nav ol{align-items:center;padding:0 20px;min-width:0;min-height:50px;margin:0}
 .chapter-nav li a{height:100%;min-height:50px}
 .chapter-rail{top:var(--header)}
}

.rail-heading .rail-event{font-weight:600}

.mobile-comma{display:none}
@media(max-width:950px){
 .rail-heading{font-size:16px;line-height:1.25;padding:9px 16px}
 .rail-heading .rail-title,.rail-heading .rail-event,.rail-heading .rail-partner{display:block}
 .rail-heading .rail-title::after,.rail-heading .rail-event::after{content:none}
 .rail-heading .rail-event,.rail-heading .rail-partner{margin-top:3px}
 .rail-heading .rail-event{font-weight:600}
 .mobile-comma{display:inline}
}

@media(max-width:700px){.benefit-list li{padding-top:8px;padding-bottom:9px}.benefit-list li::before{top:9px}.benefit-list li:first-child::before{top:1px}}
/* The yellow band grows with its text; the horizontal menu keeps its original height. */
@media(max-width:950px){
 .chapter-nav{grid-template-rows:auto 50px}
 .chapter-nav ol{height:50px;min-height:50px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .chapter-nav li,.chapter-nav li a{height:49px;min-height:49px}
}

/* Mouse/touch navigation does not paint a frame around a chapter heading. */
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none;box-shadow:none}
.chapter-nav a:focus-visible{outline:2px solid currentColor;outline-offset:-2px;box-shadow:none}
.language-switch button{appearance:none;background:none;border:0;padding:1px 2px;min-width:24px;min-height:24px;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit}
.language-switch button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:6px}

.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.back-chevron{flex:0 0 12px}
.language-switch{padding-top:8px;padding-bottom:8px}
@media(max-width:700px){.language-switch{padding-top:5px;padding-bottom:5px}}
html[lang="en"] .chapter h2{overflow-wrap:normal}
@media(max-width:700px){html[lang="en"] .structure-comparison-headings .structure-label{font-size:14px}}

/* One clickable home-link group, including the gap between chevron and logo. */
.brand{min-height:44px;cursor:pointer}.brand *{cursor:pointer}

/* Draw the decorative arrows as vectors, never as font glyphs or emoji. */
.benefit-list li{padding-left:32px}
.benefit-list li::before{
 content:"";width:18px;height:18px;left:0;
 top:calc(12px + (1.55em - 18px)/2);
 background-color:#fff;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 15 15 3M4 3h11v11' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 15 15 3M4 3h11v11' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.benefit-list li:first-child::before{top:calc((1.55em - 18px)/2)}
@media(max-width:700px){.benefit-list li::before{top:calc(8px + (1.55em - 18px)/2)}.benefit-list li:first-child::before{top:calc((1.55em - 18px)/2)}}
@media(forced-colors:active){.benefit-list li::before{background-color:CanvasText;forced-color-adjust:none}}

/* Mobile refinements: tighter cover, readable controls and a return-to-top arrow. */
@media(max-width:700px){
 .hero-grid{row-gap:12px}
 .publication-animation{margin-top:4px;margin-bottom:14px}
 .publication-illustration{max-height:var(--reading-image-height,none)}
 .reading-controls{align-items:stretch}
 .reading-controls .reading-choice{padding:10px}
 .reading-choice-summary{margin-top:7px;line-height:1.27}
 .chapter-kicker .eyebrow{font-size:13px}
 .chapter h2{font-size:43px}
 .hero h1{font-size:60px}
 .structure-comparison,.structure-comparison-body,.structure-comparison .document-outline{height:auto;max-height:none;min-width:0}
 .structure-comparison .document-outline li{min-width:0}
 .structure-comparison .document-outline li>span:last-child{overflow-wrap:anywhere}
 .example-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}
 .examples-interactive .example-copy .example-actions .example-state{font-size:22px;line-height:1.2;margin:0;letter-spacing:0;white-space:nowrap;flex:0 0 auto}
 .examples-interactive .example-actions .solution-button{margin:0;flex:0 1 142px;min-width:0;min-height:44px;padding:8px;font-size:14px;line-height:1.2;justify-content:center;text-align:center}
 .example-panel[data-solved=true] .example-state::before{
  content:"";display:inline-block;vertical-align:1px;width:17px;height:14px;margin-right:6px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M2 8 7 13 18 2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M2 8 7 13 18 2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 }
}
@media(max-width:500px){.chapter-kicker .eyebrow{font-size:12px}}
@media(max-width:950px){.chapter-next.is-return-top svg{transform:rotate(180deg)}}

/* On mobile, each outline level steps in by half of the 26 px heading tag. */
@media(max-width:700px){
 .structure-comparison .document-outline .node{flex-basis:26px;width:26px;padding-inline:2px}
 .structure-comparison .document-outline .node-wide{flex-basis:42px;width:42px;padding-inline:4px}
 .structure-comparison .document-outline li+li{margin-left:13px}
 .structure-comparison .document-outline li:nth-child(n+3){margin-left:26px}
}

/* Morning refinements: shared reading controls and compact supporting information. */
.hero-reading-note{appearance:none;border:0;border-radius:0;width:100%;text-align:left;color:inherit;font-family:var(--body);font-weight:400;cursor:pointer}
.hero-reading-note *{cursor:pointer}
@media(min-width:701px){.hero-reading-note{display:block}}
.examples h2 em{color:#653417}
.legal-list h3 span{font-size:20px;line-height:1.55}
.agenda li{padding-block:11.5px}
.agenda li.agenda-featured{padding-block:11.5px!important}
.agenda li.agenda-forum{padding-block:11.5px}
.venue-details a{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.examples-interactive .contrast-ratio{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:6px 10px;background:#f3f4f6;color:#445165;border-top:1px solid #d6dce5;margin-top:16px;padding:12px 14px;font:400 16px/1.4 var(--body);text-align:left}
.examples-interactive .contrast-ratio strong{font:600 16px/1.4 var(--body);white-space:nowrap}
@media(max-width:700px){.legal-list h3 span{font-size:19px}}

/* The colour example keeps matching dots in the legend beside a compact pie chart. */
.publication-chart{display:grid;grid-template-columns:minmax(96px,170px) minmax(0,1fr);align-items:center;gap:20px}
.publication-pie{display:block;width:100%;height:auto;overflow:visible}
.pie-sector{stroke:#fff;stroke-width:2}
.pie-report{fill:#287849}.pie-brochure{fill:#d97924}.pie-form{fill:#a92d42}
.pie-values{display:none;font:700 16px Arial,sans-serif;fill:#1D3557;text-anchor:middle}
.pie-value-report{fill:#fff}
.publication-chart .status-dot.green{background:#287849}.publication-chart .status-dot.orange{background:#d97924}.publication-chart .status-dot.red{background:#a92d42}
.examples-interactive .publication-chart .status-list p{justify-content:flex-start;border:0;padding:7px 0;gap:10px;font-size:18px;line-height:1.25}
.publication-chart .status-word{font-size:14px;line-height:1.3;margin-top:4px}
.example-visual[data-solved=true] .publication-chart .status-word{display:block}
.example-visual[data-solved=true] .pie-values{display:block}
.example-visual[data-solved=true] .pie-brochure{fill:#fff;stroke:#9b570c;stroke-width:2}
.example-visual[data-solved=true] .pie-form{fill:url(#publication-hatching);stroke:#a92d42;stroke-width:2}
.publication-chart.monochrome .publication-pie,.publication-chart.monochrome .status-dot{filter:grayscale(1)}
/* A native range supplies pointer, touch and keyboard operation of the comparison. */
.contrast-comparison-guide{margin-bottom:18px;font-size:16px;line-height:1.4;color:#445165}
.contrast-comparison{position:relative;isolation:isolate}
.contrast-comparison .contrast-text>p:last-child{margin-bottom:0}
.contrast-faded{position:absolute;inset:0;background:#fff;color:#ececec;clip-path:inset(0 0 0 var(--contrast-split));pointer-events:none}
.contrast-divider{position:absolute;top:0;bottom:0;left:var(--contrast-split);width:2px;background:#445165;transform:translateX(-1px);pointer-events:none}
.contrast-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:32px;border:1px solid #445165;border-radius:16px;background:#fff;color:#1d3557}
.contrast-slider{position:absolute;z-index:2;top:0;left:-22px;width:calc(100% + 44px);height:100%;min-height:44px;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;background:transparent}
.contrast-slider::-webkit-slider-thumb{appearance:none;width:44px;height:44px;background:transparent}
.contrast-slider::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}
.contrast-comparison:has(.contrast-slider:focus-visible){outline:3px solid #1d3557;outline-offset:6px}
@media(max-width:700px){.publication-chart{grid-template-columns:minmax(85px,130px) minmax(0,1fr);gap:14px}.examples-interactive .publication-chart .status-list p{font-size:16px}.publication-chart .status-word{font-size:13px}}
@media(max-width:380px){.publication-chart{grid-template-columns:90px minmax(0,1fr);gap:12px}.publication-chart .status-dot{width:16px;height:16px}.examples-interactive .publication-chart .status-list p{gap:7px}}
@media(forced-colors:active){.contrast-divider,.contrast-divider>span{border:1px solid CanvasText}.contrast-comparison:has(.contrast-slider:focus-visible){outline-color:Highlight}}
@media print{.contrast-comparison-guide,.contrast-slider,.contrast-divider,.contrast-faded{display:none!important}}

/* Compact title/legend on the left, pie aligned with the top of the title on the right. */
.publication-chart{grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto 1fr;gap:5px 18px;align-items:start}
.examples-interactive .publication-chart .sample-heading{grid-column:1;grid-row:1;margin:0 0 6px;min-width:0}
.publication-chart .status-list{grid-column:1;grid-row:2;min-width:0}
.publication-chart .publication-pie{grid-column:2;grid-row:1/span 2;align-self:start}
.examples-interactive .publication-chart .status-list p{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:9px;padding:5px 0}
.publication-chart .status-list .status-dot{justify-self:end}
.contrast-comparison-guide{font-size:16px;line-height:1.35;margin-bottom:12px;color:var(--ink)}
/* CSS grayscale uses .2126R + .7152G + .0722B in sRGB (W3C Filter Effects).
   These three colours all round to gray 132/255, preserving the actual conversion. */
.pie-report{fill:#1ea570}.pie-brochure{fill:#d57719}.pie-form{fill:#de6c66}
.publication-chart .status-dot.green{background:#1ea570}.publication-chart .status-dot.orange{background:#d57719}.publication-chart .status-dot.red{background:#de6c66}
.example-visual[data-solved=true] .pie-report{fill:#287849;stroke:#287849;stroke-width:2}
.example-visual[data-solved=true] .publication-chart .status-dot.green{background:#287849;border:2px solid #287849}
.example-visual[data-solved=true] .publication-chart .status-dot.orange{background:#fff;border:3px solid #9b570c}
.example-visual[data-solved=true] .publication-chart .status-dot.red{border:2px solid #a92d42;background:repeating-linear-gradient(135deg,#a92d42 0 2px,#fff 2px 5px)}
@media(max-width:700px){.publication-chart{grid-template-columns:minmax(0,1fr) 120px;column-gap:14px}.examples-interactive .publication-chart .sample-heading{font-size:26px}.contrast-comparison-guide{font-size:15px}}
@media(max-width:380px){.publication-chart{grid-template-columns:minmax(0,1fr) 96px;column-gap:12px}.examples-interactive .publication-chart .status-list p{grid-template-columns:minmax(0,1fr) 16px;gap:6px}}

/* The pie is centred in the space remaining after the title, in every language. */
.publication-chart{grid-template-columns:max-content minmax(0,1fr);column-gap:0}
.examples-interactive .publication-chart .sample-heading{max-width:100%;margin-right:0}
.publication-chart .publication-pie{justify-self:center;width:min(150px,100%);margin:0}
.publication-chart .status-list{width:0;min-width:100%}
.examples-interactive .publication-chart .status-list p{display:flex;justify-content:flex-start;gap:8px}
.publication-chart .status-list p>span{flex:0 1 auto;min-width:0}
.publication-chart .status-dot{margin-right:8px}
@media(max-width:700px){.publication-chart .publication-pie{width:min(120px,100%)}}
@media(max-width:380px){.examples-interactive .publication-chart .sample-heading{font-size:24px}}
/* A reading group uses background only: no outline or dark underline. */
.table-visual .target-cell,.example-visual[data-solved=true] .target-cell,
.example-visual[data-solved=true] .highlight-row,.example-visual[data-solved=true] .highlight-column{background:transparent;outline:0;box-shadow:none;color:var(--navy)}
.table-visual .target-cell{font-weight:400!important}
.table-visual[data-solved=false] .target-cell{background:#e7eafb}
.table-visual[data-solved=true] .reading-cell{background:#cde8d2;color:#183d26}

/* Keep the established centre as the reference; place the legend after the pie. */
.publication-chart{display:block;position:relative;min-height:150px}
.examples-interactive .publication-chart .sample-heading{width:max-content;max-width:100%;margin:0}
.publication-data{position:absolute;display:flex;align-items:center;gap:10px;top:0;left:0}
.publication-chart .publication-pie{flex:none;align-self:center;width:var(--pie-size,120px);height:var(--pie-size,120px)}
.publication-chart .status-list{width:max-content;min-width:0;flex:none}
.examples-interactive .publication-chart .status-list p{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:5px 0}
.publication-chart .status-dot{margin:0;flex:none}
.publication-chart .status-word{margin-top:2px}
@media(max-width:700px){.publication-chart .status-word{font-size:12px;line-height:1.2}}

/* A lighter, muted fourth colour stays distinct after grayscale conversion. */
.pie-presentation{fill:#dfc875}
.publication-chart .status-dot.yellow{background:#dfc875}
.example-visual[data-solved=true] .pie-presentation{fill:url(#publication-dots);stroke:#76672f;stroke-width:2}
.example-visual[data-solved=true] .publication-chart .status-dot.yellow{border:2px solid #76672f;background-color:#f4e7b9;background-image:radial-gradient(#1d3557 1px,transparent 1px);background-size:5px 5px}
.examples-interactive .publication-chart .status-list p{padding-block:2px}

/* Percentages share the legend line so the solution keeps the original card height. */
.example-visual[data-solved=true] .publication-chart .status-word{display:inline;font:inherit;font-weight:600;margin:0 0 0 6px;white-space:nowrap}

/* Compact state labels, with an icon and equal 16px spacing around the heading. */
.examples-interactive .example-copy .example-state,
.examples-interactive .example-copy .example-actions .example-state{
 display:inline-flex;align-items:center;gap:7px;width:fit-content;
 font:600 18px/1.2 var(--body);letter-spacing:.03em;text-transform:uppercase;
 margin:0 0 16px;padding:4px 8px;background:#ffffffbd;color:#482b19
}
.examples-interactive .example-copy h3{margin-top:0;margin-bottom:16px}
.examples-interactive .example-copy .example-state::before{
 content:"!";display:inline-grid;place-items:center;flex:none;width:17px;height:17px;
 border:1.5px solid currentColor;border-radius:50%;font:700 12px/1 var(--body);
 margin:0;background:none;-webkit-mask:none;mask:none
}
.examples-interactive .example-panel[data-solved=true] .example-copy .example-state{color:#193d26}
.examples-interactive .example-panel[data-solved=true] .example-copy .example-state::before{
 content:"";border:0;border-radius:0;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M2 8 7 13 18 2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M2 8 7 13 18 2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat
}
.monochrome-control{white-space:nowrap}
.monochrome-options{column-gap:12px}
@media(max-width:700px){
 .examples-interactive .example-copy .example-actions .example-state{font-size:16px;margin:0;padding:4px 6px;gap:5px}
 .examples-interactive .example-copy .example-actions{margin-bottom:16px}
 .color-vision-stat{flex-basis:100%}
}

/* One coherent action row directly below each example, on desktop and mobile. */
.examples-interactive .example-copy .example-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.examples-interactive .example-copy .example-actions .example-state{margin:0;padding:0;background:none;font-size:18px;flex:0 0 auto}
.examples-interactive .example-copy .example-actions .solution-button{margin:0;flex:0 1 auto;min-width:0;min-height:44px;padding:9px 14px;font:600 16px/1.25 var(--body);color:#482b19;background:#ffdec3;border:1px solid #482b19;border-radius:4px;box-shadow:none;justify-content:center;text-align:center}
.examples-interactive .example-copy .example-actions .solution-button:hover{background:#ffecd9}
.examples-interactive .example-panel[data-solved=true] .example-actions .solution-button{color:#193d26;border-color:#193d26}
.monochrome-control input{width:20px;height:20px}
.monochrome-options{column-gap:10px}
@media(max-width:700px){
 .examples-interactive .example-copy .example-actions{gap:8px}
 .examples-interactive .example-copy .example-actions .example-state{font-size:16px}
 .examples-interactive .example-copy .example-actions .solution-button{flex:0 1 148px;padding:8px 10px;font-size:14px}
}

/* Compact white status label at left, independent orange action at right. */
.examples-interactive .example-copy .example-actions{display:flex;align-items:stretch;justify-content:space-between;gap:12px}
.examples-interactive .example-copy .example-actions .example-state{display:flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto;min-width:0;min-height:44px;padding:9px 12px;border:0;border-radius:0;background:#fff;color:#b02831;text-align:left;white-space:nowrap;cursor:default}
.examples-interactive .example-panel[data-solved=true] .example-copy .example-actions .example-state{color:#205c36}
.examples-interactive .example-copy .example-actions .solution-button{width:auto;height:auto;flex:0 1 auto;max-width:55%;margin-left:auto}
@media(max-width:700px){
 .examples-interactive .example-copy .example-actions{gap:8px}
 .examples-interactive .example-copy .example-actions .example-state{padding:8px;font-size:15px;letter-spacing:0}
 .examples-interactive .example-copy .example-actions .example-state::before{width:15px;height:15px}
}

/* The solution reads as explanatory text, without a vertical rule. */
.examples-interactive .solution-description{border:0;background:#fff;color:var(--ink);padding:16px 18px;margin-top:18px}
.examples-interactive .solution-description p{margin:0}
/* Selection changes the content and background, without an extra confirmation frame. */
.reading-controls .reading-choice[aria-pressed=true]{border-color:transparent;box-shadow:none}
:where(button,a):focus:not(:focus-visible){outline:none;box-shadow:none}

/* Consistent introductory type; the larger cover title remains the exception. */
.hero .hero-intro{font-size:25px;font-weight:600;line-height:1.35}
@media(max-width:700px){.hero .hero-intro{font-size:22px}}
@media(min-width:701px){.hero h1{width:100%}.hero-visual{padding-top:0;align-self:start}}
html[data-content-language="cnr"] .hero h1 em{white-space:nowrap}
html[lang="fr"] .audience-publish{display:block;white-space:nowrap}
.contrast-comparison-guide{font-size:20px;line-height:1.55;margin-bottom:12px}
@media(max-width:700px){.contrast-comparison-guide{font-size:19px}}
/* The desktop arrow drawing is half-size; mobile keeps its translucent buttons. */
.next-chapter-navigation{position:fixed;right:calc(var(--rail) + 8px);bottom:20px;z-index:35;display:flex;flex-direction:column;gap:6px}
.next-chapter-navigation a{position:static;display:grid;place-items:center;width:24px;height:26px;color:inherit;text-decoration:none;cursor:pointer;border:0;background:none;border-radius:0;transform:none}
.next-chapter-navigation a svg{width:13.5px;height:18px}
.next-chapter-navigation .chapter-previous svg{transform:rotate(180deg)}
@media(max-width:950px){
 .next-chapter-navigation{right:8px;bottom:14px}
 .next-chapter-navigation a{background:rgba(255,255,255,.3);border:0;border-radius:3px}
 .next-chapter-navigation a svg{width:14px;height:18px}
}
@media print{.next-chapter-navigation{display:none}}

/* Keep the unbroken Montenegrin second line inside its desktop column. */
@media(min-width:701px){.hero-copy{container-type:inline-size}html[data-content-language="cnr"] .hero h1{font-size:min(120px,20cqw)}}

@media(max-width:700px){.hero-copy{container-type:inline-size}html[data-content-language="cnr"] .hero h1{font-size:min(60px,20cqw)}}

/* Shared cover: compact portrait report and one explanation card at a time. */
.reading-card-hint{display:none}
.publication-illustration--compact{display:block}
@media(min-width:701px){
 .reading-note-deck{display:grid;position:relative;isolation:isolate;margin-top:24px;margin-right:10px}
 .reading-note-deck::before{content:"";grid-area:1/1;background:rgba(255,255,255,.55);transform:translate(7px,9px) rotate(-2deg) scale(.97);transform-origin:center;z-index:-1;pointer-events:none}
 .hero-reading-note{grid-area:1/1;margin:0;align-self:start;background:#fff;box-shadow:0 5px 15px #1d355712;visibility:hidden;opacity:0;pointer-events:none;transform:translate(7px,9px) rotate(-2deg) scale(.97);transform-origin:center;transition:none}
 .hero-reading-note[data-reading-active="true"]{visibility:visible;opacity:1;pointer-events:auto;transform:none;z-index:2}
 .hero-reading-note--incorrect strong{color:#9c2026}
 .hero-reading-note--correct strong{color:#205c36}
 .reading-card-hint{display:block}
}
@media(max-width:700px){.reading-note-deck{display:none}}

/* Balanced space around the first audience/legal divider. */
.audience .section-body,.europe .section-body{margin-bottom:0}
.audience-cards{margin-top:30px}
.audience-card{padding-top:30px}
.legal-list{margin-top:32px}
@media(min-width:701px){.programme-details{margin-top:var(--programme-details-offset,0px)}}
@media(max-width:700px){
 .audience-cards{margin-top:24px}
 .audience-card{padding-top:24px}
 .legal-list{margin-top:28px}
}
@media print{
 .reading-note-deck{display:block}
 .reading-note-deck::before{display:none}
 .hero-reading-note{visibility:visible;opacity:1;transform:none;margin-top:16px}
}

/* A4-proportion cover sheet: narrower, without increasing the current height. */
.publication-illustration--compact{width:86%;margin-inline:auto}


/* Compact cover ends after its content; leave the next chapter visible when it fits. */
.hero{min-height:0}
/* Reading-order button titles share a stronger, slightly larger label. */
.reading-controls .reading-choice-title{font-size:18px;font-weight:700}
@media(max-width:700px){.reading-controls .reading-choice-title{font-size:17px}}
html[data-content-language="cnr"] .audience-publish{display:block;white-space:nowrap}

/* Native fragments and scripted navigation share the same arrival position. */
html{scroll-padding-top:0}
.chapter{scroll-margin-top:var(--chapter-anchor-inset,calc(var(--header) - 34px))}
.hero,#foot{scroll-margin-top:var(--chapter-anchor-inset,var(--header))}
/* Fixed to the panel corner: both size and bleed scale with the drawing. */
.programme-bridge{display:block;position:absolute;right:0;top:0;width:90%;max-width:none;height:auto;opacity:.18;transform:translate(15.5%,-14%) scaleX(-1);transform-origin:center;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(to right,#000 25%,rgba(0,0,0,.6) 65%,transparent 100%);mask-image:linear-gradient(to right,#000 25%,rgba(0,0,0,.6) 65%,transparent 100%)}
@media(max-width:700px){.programme-bridge{width:130%;transform:translate(calc(15.5% + 40px),calc(-14% + 18px)) scaleX(-1)}}
@media print{.programme-bridge{display:none}}

/* Shared refinements: three-line English heading, top-aligned mobile controls. */
html[lang="en"] .audience-publish{display:block;white-space:nowrap}
.publication-animation[data-reading-order="incorrect"] .cover-table-context{display:none}
@media(max-width:700px){
 .reading-controls .reading-choice{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:relative}
 .reading-choice svg{position:absolute;left:10px;top:13px;float:none;margin:0}
 .reading-choice-copy{width:100%}
}
/* Enlarge the touch area only; the translucent arrow tiles keep their size. */
@media(max-width:950px){
 .next-chapter-navigation a{position:relative;inset:auto}
 .next-chapter-navigation a::before{content:"";position:absolute;left:-20px;right:0;background:transparent}
 .next-chapter-navigation .chapter-previous::before{top:-18px;bottom:0}
 .next-chapter-navigation .chapter-next::before{top:-4px;bottom:-14px}
}

/* Responsive comparisons: select columns by available content width, not device name. */
main{container-type:inline-size;container-name:seminar-content}
@container seminar-content (max-width:1100px){
 .definition-grid,.examples-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .definition-side{width:100%}
}
.structure-comparison{container-type:inline-size;container-name:document-comparison}
.structure-comparison .document-outline li{min-width:0}
.structure-comparison .document-outline li>span:last-child{min-width:0;overflow-wrap:anywhere}
@container document-comparison (max-width:650px){
 .structure-comparison .document-outline li+li{margin-left:13px}
 .structure-comparison .document-outline li:nth-child(n+3){margin-left:26px}
 .structure-comparison .document-outline .node{flex-basis:26px;width:26px}
 .structure-comparison .document-outline .node-wide{flex-basis:42px;width:42px}
}
/* Identical pie geometry and legend space in colour, monochrome and solution modes. */
.publication-chart{min-height:0}
.publication-data{gap:12px;max-width:100%}
.publication-chart .status-list{flex:0 0 auto;width:max-content}
.examples-interactive .publication-chart .status-list p{white-space:nowrap}
.publication-chart .status-word,
.example-visual[data-solved=true] .publication-chart .status-word{display:inline;font:inherit;font-weight:600;margin:0 0 0 6px;white-space:nowrap}
.example-visual:not([data-solved=true]) .publication-chart .status-word{visibility:hidden}
@media(max-width:380px){
 .examples-interactive .publication-chart .status-list p{font-size:14px;gap:6px}
 .publication-chart .status-word{margin-left:4px}
}

/* The entire chart + legend is always centred in the white card, below its title.
   Normal flow makes this independent of viewport breakpoints and title length. */
.publication-chart{height:auto;min-height:0}
.publication-chart .publication-data{position:static;inset:auto;transform:none;width:max-content;max-width:100%;margin:10px auto 0;gap:12px}

/* Size depends only on available card width, never on the solution's legend.
   No absolute positioning or JavaScript offsets: the visible group centres itself. */
.publication-chart{container-type:inline-size}
.publication-chart .publication-pie{width:clamp(64px,30cqw,150px);height:clamp(64px,30cqw,150px)}
.example-visual:not([data-solved=true]) .publication-chart .status-word{display:none}
.programme{overflow:clip}

/* Give the structured reading list enough width on narrow screens. */
@container document-comparison (max-width:450px){
 .structure-comparison-headings,.structure-comparison-body{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
}

/* Confirmed event and registration in all three languages. */
.rail-heading .rail-event,.venue-details>h3{white-space:pre-line}
.registration-social{margin-top:28px}
.registration-social>p{font-size:20px;line-height:1.55;margin:0 0 10px}
.registration-social-links{display:flex;align-items:center;gap:14px}
.registration-social-links>a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink);cursor:pointer;text-decoration:none}
.registration-social-links svg{display:block;width:32px;height:32px}
.registration-social-links>a:hover{color:#7b244a}
.registration-social-links>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:700px){.registration-social{margin-top:24px}.registration-social>p{font-size:19px}}

.registration-event{white-space:pre-line}

.registration-social [data-home-link]{color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.event-date{color:#cc0000}

/* Keep the venue on its own line below the date and lunch in the yellow mobile banner. */
@media(max-width:950px){
 .rail-heading .event-location{display:block}
}

:is(a,button,[role="button"]),:is(a,button,[role="button"]) *{cursor:pointer}

/* The event note links to registration at every viewport size. */
a.rail-heading{display:block;text-decoration:none;cursor:pointer}