:root{color-scheme:light;--bg:#f3efe8;--paper:#fffdf9;--ink:#302b29;--muted:#655d58;--red:#ae2834;--line:#d9cec4;--soft:#eee5dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 'Helvetica Neue',Arial,sans-serif}a{color:var(--red);text-underline-offset:4px}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #925900;outline-offset:4px}p{color:var(--muted);margin:0 0 20px}h1,h2,h3{line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.6rem,5.5vw,5.1rem);letter-spacing:-2px;margin:0 0 28px;max-width:950px}h2{font-size:30px;letter-spacing:-.6px;margin:0 0 20px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--red);margin:0 0 24px}.preview-bar{padding:11px 28px;background:#382e2b;color:#fff8ef;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.2px}.preview-bar a{color:#fff8ef}.site-header,main,footer{max-width:1250px;margin:auto;padding-inline:44px}.header-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px}.brand{font-size:28px;font-weight:850;color:var(--ink);text-decoration:none;letter-spacing:-1.1px;line-height:1.1}.brand span{color:var(--red)}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-top:10px}.header-note{font-size:12px;color:var(--muted)}.desktop-nav{display:flex;gap:7px;flex-wrap:wrap;padding:9px 0;border-block:1px solid var(--line)}nav a{font-size:12px;color:var(--muted);padding:10px;text-decoration:none;font-weight:600}nav a[aria-current=page]{color:var(--red);box-shadow:inset 0 -2px var(--red)}.language-switch{display:flex;justify-content:flex-end;padding:12px 0;gap:6px}.language-switch a{font-size:11px;padding:6px 11px}.language-switch a[aria-current=true]{background:var(--soft);color:var(--red);border-radius:4px}.mobile-nav{display:none}.skip{position:absolute;top:-100px;left:15px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}main{padding-top:34px;padding-bottom:75px}.page-hero{position:relative;padding:42px 0 32px}.lead{max-width:780px;font-size:18px;line-height:1.8}.canadian-detail{display:flex;gap:12px;align-items:center;margin-bottom:34px;color:var(--red);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.maple{width:30px;height:34px;fill:currentColor;flex:none}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 45px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;min-height:50px;background:var(--red);border:1px solid var(--red);color:white;text-decoration:none;font-size:13px;font-weight:700;border-radius:4px}.button:hover{filter:brightness(.92)}.button.secondary{background:transparent;color:var(--red);border-color:var(--line)}.status{display:flex;gap:17px;align-items:flex-start;background:var(--soft);padding:21px 25px;margin:25px 0;border-left:3px solid var(--red);border-radius:3px}.status p{font-size:13px;margin:3px 0 0}.status strong{font-size:14px}.badge{padding:4px 8px;background:var(--paper);color:var(--red);border:1px solid var(--line);font-size:10px;font-weight:750;white-space:nowrap;letter-spacing:1px}.section{margin-top:64px}.grid{display:grid;gap:22px;margin-top:28px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:29px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.card h2{font-size:25px}.card p,.card li{font-size:15px}.card ul{padding-left:20px;color:var(--muted);margin:0}.card li{margin-bottom:12px}.card li::marker{color:var(--red)}.prose{max-width:800px;margin-inline:auto;padding:40px 0;border-top:1px solid var(--line)}.prose p{font-size:18px;line-height:1.9}.feature{background:var(--soft);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:35px;border-radius:6px}.feature>div{max-width:730px}.feature .button{flex:none}.section-heading{max-width:770px}.section-heading h2{font-size:clamp(2rem,4vw,3.3rem)}#platform-questions{padding-top:45px;border-top:2px solid var(--red)}.question-grid{gap:30px 24px}.question-card{margin:0;min-width:0;padding:24px;border:1px solid var(--line);background:var(--paper);border-radius:7px}.question-card legend{font-size:17px;font-weight:650;line-height:1.5;padding-inline:9px;max-width:100%}.question-number{display:inline-block;padding:3px 7px;background:var(--red);color:white;font:600 11px/1.6 ui-monospace,monospace;border-radius:3px;margin-right:5px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}.question-options label{display:flex;gap:10px;align-items:center;min-height:51px;padding:11px;border:1px solid var(--line);border-radius:4px;font-size:13px;line-height:1.5;cursor:pointer}.question-options label:nth-last-child(-n+2){grid-column:1/-1}.question-options label:last-child{border-style:dashed;color:var(--muted)}.question-options label:hover{background:var(--soft)}.question-options label:has(input:checked){border-color:var(--red);background:#f8e8e6;color:#711923;box-shadow:inset 3px 0 var(--red)}.question-options label:focus-within{outline:2px solid #925900;outline-offset:3px}.question-options input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--red)}footer{padding-block:42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}footer p{font-size:12px;margin:16px 0 0}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links a{font-size:12px;color:var(--muted)}.chapter-nav{display:none}@media(max-width:850px){.three{grid-template-columns:1fr}.feature{flex-direction:column;align-items:flex-start}.question-options{grid-template-columns:1fr}.header-note{display:none}}@media(max-width:650px){.site-header,main,footer{padding-inline:21px}.preview-bar{padding-inline:18px;font-size:11px}.preview-bar span{max-width:220px}.desktop-nav{display:none}.mobile-nav{display:block;border-block:1px solid var(--line)}.mobile-nav summary{padding:12px 0;cursor:pointer;font-weight:600;color:var(--red)}.mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px}.header-top{padding-block:24px}.brand small{font-size:9px}.two{grid-template-columns:1fr}.page-hero{padding-top:18px}h1{font-size:clamp(2.4rem,9vw,3.5rem);letter-spacing:-1px}.lead{font-size:16px}.canadian-detail{margin-bottom:25px}.status{padding:17px;flex-wrap:wrap}.hero-actions .button{flex:1 1 180px}.prose{padding:27px 0}.prose p{font-size:16px}.section{margin-top:44px}.feature,.card{padding:24px}.question-card{padding:18px}.question-options{grid-template-columns:1fr 1fr}.question-card legend{font-size:16px}footer{flex-direction:column}}@media(max-width:370px){.question-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Direction 03: a composed burgundy-and-stone civic journal. */
:root{--bg:#e4dfd8;--paper:#f3efe9;--ink:#332b2b;--red:#7e2632;--soft:#d9cdc4;--line:#c4b6ad}.header-top{padding-block:34px}.brand{font-family:Georgia,serif}.desktop-nav{border-top:2px solid var(--red);border-bottom:1px solid var(--line)}main{display:grid;grid-template-columns:185px minmax(0,1fr);column-gap:45px}.chapter-nav{display:flex;flex-direction:column;gap:12px;grid-column:1;grid-row:1/30;align-self:start;position:sticky;top:28px;border-top:3px solid var(--red);padding-top:20px}.chapter-nav a{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.7;letter-spacing:.7px}.chapter-nav span{font:11px/1.7 ui-monospace,monospace;color:var(--red)}main>*:not(.chapter-nav){grid-column:2;min-width:0}.page-hero{background:#672630;color:#fff7ec;padding:38px;border-radius:3px}.page-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.6rem,4.2vw,4.1rem)}.page-hero .eyebrow,.canadian-detail{color:#efc2b6}.page-hero .lead{color:#f0ded6;font-size:16px}.page-hero .maple{width:35px}.status{background:#eee6db}.hero-actions{gap:9px}.hero-actions .button{font-size:12px;padding-inline:17px}.grid.three{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}.grid.three .card{display:grid;grid-template-columns:170px 1fr;align-items:baseline;gap:20px;padding:20px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.grid.three .card p{margin:0}.card h2,h2{font-family:Georgia,serif;font-weight:500}.card{border-radius:2px}.prose{padding-top:15px;border:0;max-width:700px}.prose p{font-size:17px}.feature{padding:25px;display:block;border-radius:2px}.feature .button{margin-top:8px}.question-grid{grid-template-columns:1fr;gap:26px}.question-card{border-radius:2px;padding:24px}.question-options{grid-template-columns:repeat(3,minmax(0,1fr))}.question-options label:nth-last-child(-n+2){grid-column:auto}.question-options label{border-radius:2px}.question-number{border-radius:0}#platform-questions{border-color:var(--line)}@media(max-width:1000px){main{grid-template-columns:140px minmax(0,1fr);gap:25px}.question-options{grid-template-columns:1fr 1fr}.grid.three .card{grid-template-columns:1fr;gap:0}}@media(max-width:700px){main{display:block}.chapter-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;padding-top:5px;margin-bottom:25px;gap:6px 16px}.chapter-nav span{display:none}.chapter-nav a{padding:8px 0;font-size:11px}.page-hero{padding:28px 23px}.question-options label:nth-last-child(-n+2){grid-column:1/-1}.grid.three .card{grid-template-columns:1fr}.card{padding:23px}}

/* Follow the OS/browser preference, including changes while the page is open. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]),html:not([data-theme="light"]) body[data-design=community],html:not([data-theme="light"]) body[data-design=heritage]{color-scheme:dark;--bg:#202020;--paper:#292929;--ink:#fff;--muted:#ccc;--red:#d71920;--line:#666;--soft:#333}html:not([data-theme="light"]) .preview-bar{background:#151515;color:#fff}html:not([data-theme="light"]) .preview-bar a{color:#fff}html:not([data-theme="light"]) a,html:not([data-theme="light"]) .eyebrow,html:not([data-theme="light"]) .canadian-detail,html:not([data-theme="light"]) .chapter-nav span,html:not([data-theme="light"]) .mobile-nav summary{color:#fff}html:not([data-theme="light"]) .maple{color:#e21b23}html:not([data-theme="light"]) nav a{color:#ccc}html:not([data-theme="light"]) nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -3px var(--red)}html:not([data-theme="light"]) .language-switch a[aria-current=true]{background:#b5121b;color:white}html:not([data-theme="light"]) .button{background:#c8101e;border-color:#e3222b;color:white}html:not([data-theme="light"]) .button.secondary{background:transparent;color:white;border-color:#888}html:not([data-theme="light"]) .badge{background:#c8101e;color:white;border-color:#e3222b}html:not([data-theme="light"]) .question-number{background:#c8101e;color:white}html:not([data-theme="light"]) .question-options label:hover{background:#383838}html:not([data-theme="light"]) .question-options label:has(input:checked){background:#363636;color:white;border-color:#e3222b;box-shadow:inset 4px 0 #e3222b}html:not([data-theme="light"]) .question-options input{accent-color:#c8101e}html:not([data-theme="light"]) a:focus-visible,html:not([data-theme="light"]) summary:focus-visible,html:not([data-theme="light"]) input:focus-visible,html:not([data-theme="light"]) .question-options label:focus-within{outline-color:white}html:not([data-theme="light"]) body[data-design=maple] .page-hero:after{background:#fff;border-color:#d71920}html:not([data-theme="light"]) body[data-design=maple] .question-card{box-shadow:4px 4px 0 #151515}html:not([data-theme="light"]) body[data-design=maple] .prose p:first-of-type:first-letter{color:white}html:not([data-theme="light"]) body[data-design=community] .desktop-nav,html:not([data-theme="light"]) body[data-design=community] .status,html:not([data-theme="light"]) body[data-design=community] .question-card legend{background:var(--paper)}html:not([data-theme="light"]) body[data-design=community] .desktop-nav a[aria-current=page],html:not([data-theme="light"]) body[data-design=community] .badge{background:#b5121b;color:white}html:not([data-theme="light"]) body[data-design=community] .page-hero,html:not([data-theme="light"]) body[data-design=community] .grid.three .card:nth-child(2){background:#303030}html:not([data-theme="light"]) body[data-design=community] .grid.three .card:nth-child(3){background:#383838}html:not([data-theme="light"]) body[data-design=community] .feature{background:#303030;border-top:3px solid #d71920}html:not([data-theme="light"]) body[data-design=community] .feature p{color:#ccc}html:not([data-theme="light"]) body[data-design=community] .feature .eyebrow,html:not([data-theme="light"]) body[data-design=community] .feature .button{color:white}html:not([data-theme="light"]) body[data-design=community] .feature .button{border-color:#888}html:not([data-theme="light"]) body[data-design=community] .question-options label:has(input:checked){background:#363636;color:white;box-shadow:inset 4px 0 #e3222b}html:not([data-theme="light"]) body[data-design=heritage] .page-hero{background:#9e1018;color:white}html:not([data-theme="light"]) body[data-design=heritage] .page-hero .eyebrow,html:not([data-theme="light"]) body[data-design=heritage] .canadian-detail,html:not([data-theme="light"]) body[data-design=heritage] .page-hero .lead,html:not([data-theme="light"]) body[data-design=heritage] .page-hero .maple{color:white}html:not([data-theme="light"]) body[data-design=heritage] .status{background:var(--soft)}
}
html[data-theme="dark"],html[data-theme="dark"] body[data-design=community],html[data-theme="dark"] body[data-design=heritage]{color-scheme:dark;--bg:#202020;--paper:#292929;--ink:#fff;--muted:#ccc;--red:#d71920;--line:#666;--soft:#333}html[data-theme="dark"] .preview-bar{background:#151515;color:#fff}html[data-theme="dark"] .preview-bar a{color:#fff}html[data-theme="dark"] a,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .canadian-detail,html[data-theme="dark"] .chapter-nav span,html[data-theme="dark"] .mobile-nav summary{color:#fff}html[data-theme="dark"] .maple{color:#e21b23}html[data-theme="dark"] nav a{color:#ccc}html[data-theme="dark"] nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -3px var(--red)}html[data-theme="dark"] .language-switch a[aria-current=true]{background:#b5121b;color:white}html[data-theme="dark"] .button{background:#c8101e;border-color:#e3222b;color:white}html[data-theme="dark"] .button.secondary{background:transparent;color:white;border-color:#888}html[data-theme="dark"] .badge{background:#c8101e;color:white;border-color:#e3222b}html[data-theme="dark"] .question-number{background:#c8101e;color:white}html[data-theme="dark"] .question-options label:hover{background:#383838}html[data-theme="dark"] .question-options label:has(input:checked){background:#363636;color:white;border-color:#e3222b;box-shadow:inset 4px 0 #e3222b}html[data-theme="dark"] .question-options input{accent-color:#c8101e}html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] summary:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] .question-options label:focus-within{outline-color:white}html[data-theme="dark"] body[data-design=maple] .page-hero:after{background:#fff;border-color:#d71920}html[data-theme="dark"] body[data-design=maple] .question-card{box-shadow:4px 4px 0 #151515}html[data-theme="dark"] body[data-design=maple] .prose p:first-of-type:first-letter{color:white}html[data-theme="dark"] body[data-design=community] .desktop-nav,html[data-theme="dark"] body[data-design=community] .status,html[data-theme="dark"] body[data-design=community] .question-card legend{background:var(--paper)}html[data-theme="dark"] body[data-design=community] .desktop-nav a[aria-current=page],html[data-theme="dark"] body[data-design=community] .badge{background:#b5121b;color:white}html[data-theme="dark"] body[data-design=community] .page-hero,html[data-theme="dark"] body[data-design=community] .grid.three .card:nth-child(2){background:#303030}html[data-theme="dark"] body[data-design=community] .grid.three .card:nth-child(3){background:#383838}html[data-theme="dark"] body[data-design=community] .feature{background:#303030;border-top:3px solid #d71920}html[data-theme="dark"] body[data-design=community] .feature p{color:#ccc}html[data-theme="dark"] body[data-design=community] .feature .eyebrow,html[data-theme="dark"] body[data-design=community] .feature .button{color:white}html[data-theme="dark"] body[data-design=community] .feature .button{border-color:#888}html[data-theme="dark"] body[data-design=community] .question-options label:has(input:checked){background:#363636;color:white;box-shadow:inset 4px 0 #e3222b}html[data-theme="dark"] body[data-design=heritage] .page-hero{background:#9e1018;color:white}html[data-theme="dark"] body[data-design=heritage] .page-hero .eyebrow,html[data-theme="dark"] body[data-design=heritage] .canadian-detail,html[data-theme="dark"] body[data-design=heritage] .page-hero .lead,html[data-theme="dark"] body[data-design=heritage] .page-hero .maple{color:white}html[data-theme="dark"] body[data-design=heritage] .status{background:var(--soft)}


/* Shared page layout outside the petition chapter view. */
body[data-page=standard] main{display:block}body[data-page=standard] .page-hero{max-width:none}body[data-page=standard] .grid.three .card{display:block;padding:25px 0}body[data-page=standard] .card .eyebrow{margin-bottom:14px}body[data-page=standard] .card .text-link{display:inline-block;margin-top:18px}.principles p{display:grid;gap:6px;border-bottom:1px solid var(--line);padding:18px 0}.principles strong{color:var(--ink)}.principles span{font-size:14px}.requests{padding-left:24px}.requests li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.status-dot{display:block;flex:none;width:9px;height:9px;background:var(--red);margin-top:8px}main:not([id]){display:block}.page-hero h1 span{color:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Five-star experience cards: the highest rating always means better service. */
.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.star-card{padding:25px;border-radius:12px;border:1px solid var(--line);box-shadow:0 8px 25px #00000008;transition:border-color .15s}.star-card:has(input:checked){border-color:var(--red)}.star-card legend{font-family:Georgia,serif;font-size:19px;font-weight:500;padding-inline:10px}.star-rating{display:flex;justify-content:space-between;gap:4px;margin:18px 0 10px}.star-choice{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:7px;padding:9px 2px;min-width:0;min-height:65px;cursor:pointer;border-radius:7px}.star-choice input,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.star-icon{display:block;width:clamp(29px,3vw,39px);height:clamp(29px,3vw,39px);background:#a89c95;clip-path:polygon(50% 0%,61% 34%,98% 35%,69% 57%,79% 94%,50% 73%,21% 94%,31% 57%,2% 35%,39% 34%)}.star-value{font:12px/1.3 ui-monospace,monospace;color:var(--muted)}.star-choice:has(input:checked) .star-icon,.star-choice:has(~ .star-choice input:checked) .star-icon{background:#c8101e}.star-choice:hover{background:var(--soft)}.star-choice:focus-within{outline:3px solid #925900;outline-offset:2px}.rating-endpoints{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted);line-height:1.5}.rating-endpoints span{max-width:47%}.rating-endpoints span:last-child{text-align:right}.rating-feedback{min-height:55px;display:flex;align-items:center;justify-content:center;text-align:center;margin:18px 0;padding:12px;background:var(--soft);border-radius:6px;font-size:14px;color:var(--ink)}.rating-result{display:none}.star-card:has(input:checked) .rating-empty{display:none}.star-card:has(input[value="1"]:checked) .result-1,.star-card:has(input[value="2"]:checked) .result-2,.star-card:has(input[value="3"]:checked) .result-3,.star-card:has(input[value="4"]:checked) .result-4,.star-card:has(input[value="5"]:checked) .result-5,.star-card:has(input[value="na"]:checked) .result-na{display:inline}.rating-na{display:flex;align-items:center;gap:10px;padding:12px 0 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);cursor:pointer;min-height:46px;line-height:1.5}.rating-na input{width:17px;height:17px;flex:none;margin:0;accent-color:#c8101e}.rating-guide{max-width:760px;font-size:14px}.rating-na:focus-within{outline:2px solid #925900;outline-offset:3px}@media(max-width:1000px){.question-grid{grid-template-columns:1fr}.star-icon{width:38px;height:38px}.star-card{padding:22px}}@media(max-width:400px){.star-card{padding:16px}.star-icon{width:30px;height:30px}.star-card legend{font-size:17px}}@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .star-icon{background:#858585}html:not([data-theme="light"]) .star-choice:has(input:checked) .star-icon,html:not([data-theme="light"]) .star-choice:has(~ .star-choice input:checked) .star-icon{background:#ef1d29}html:not([data-theme="light"]) .star-choice:focus-within,html:not([data-theme="light"]) .rating-na:focus-within{outline-color:white}}
html[data-theme="dark"] .star-icon{background:#858585}html[data-theme="dark"] .star-choice:has(input:checked) .star-icon,html[data-theme="dark"] .star-choice:has(~ .star-choice input:checked) .star-icon{background:#ef1d29}html[data-theme="dark"] .star-choice:focus-within,html[data-theme="dark"] .rating-na:focus-within{outline-color:white}@media(prefers-reduced-motion:reduce){.star-card{transition:none}}@media(forced-colors:active){.star-icon{forced-color-adjust:none}.star-choice:has(input:checked){outline:2px solid Highlight}}

.appearance-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap}.appearance-control{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.appearance-control select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px 30px 8px 12px;cursor:pointer}.appearance-control select:focus-visible{outline:3px solid var(--red);outline-offset:3px}.appearance-controls .language-switch{margin:0}@media(max-width:650px){.appearance-controls{justify-content:space-between;gap:8px}.appearance-control{font-size:11px}.appearance-control select{padding-left:8px}}
/* Full card header: question number left, signed-video help right. */
.star-card{padding:0;overflow:hidden;align-self:start}.question-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--soft)}.question-header .question-number{font-size:14px;min-width:38px;padding:7px 9px;text-align:center;border-radius:5px;margin:0}.question-title{font:500 21px/1.45 Georgia,serif;color:var(--ink);margin:0;padding:23px 25px 0;text-wrap:pretty}.rating-fields{border:0;margin:0;padding:0 25px 25px;min-width:0}.video-help-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:600 12px/1.4 'Helvetica Neue',Arial,sans-serif;cursor:pointer}.video-help-button:hover{border-color:var(--red)}.play-icon{display:inline-block;flex:none;width:14px;height:16px;background:currentColor;clip-path:polygon(15% 0,100% 50%,15% 100%)}.video-help-button .play-icon{color:var(--red)}.video-help-button:focus-visible,.video-close:focus-visible{outline:3px solid var(--red);outline-offset:3px}.question-video-dialog{width:min(760px,calc(100% - 32px));max-height:90dvh;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #0006}.question-video-dialog::backdrop{background:#000a}.video-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.video-dialog-header h2{font-size:26px;margin:0}.video-close{flex:none;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--ink);font:600 13px/1.4 system-ui;cursor:pointer}.video-question{font-size:17px;color:var(--ink)}.video-placeholder{padding:40px 25px;text-align:center;border:1px dashed var(--line);border-radius:8px;background:var(--soft)}.video-placeholder>.play-icon{width:32px;height:34px;color:var(--red);margin-bottom:18px}.video-placeholder p{font-size:15px;margin-bottom:10px}.question-video-dialog video{display:block;width:100%;max-height:65vh;object-fit:contain;background:#000;border-radius:6px}body:has(.question-video-dialog[open]){overflow:hidden}@media(max-width:650px){.question-header{padding:13px 17px}.question-title{font-size:19px;padding:20px 18px 0}.rating-fields{padding:0 18px 20px}.question-video-dialog{padding:20px}.video-dialog-header h2{font-size:21px}.video-help-button{font-size:11px}}html[data-theme=dark] .video-help-button:focus-visible,html[data-theme=dark] .video-close:focus-visible{outline-color:white}
/* Large Canadian maple-leaf watermark behind the page surfaces. */
body{position:relative;isolation:isolate}body::before{content:"";position:fixed;z-index:-1;pointer-events:none;right:-7vw;top:14vh;width:min(78vw,1080px);height:min(82vh,1050px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 70'%3E%3Cpath fill='%23c8101e' d='M30 66l1-18-18 3 3-9L4 31l8-2-2-12 13 9-2-16 7 4L32 2l5 12 7-4-3 16 13-9-2 12 8 2-12 11 3 9-18-3 1 18z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.075}html[data-theme=dark] body::before{opacity:.12}@media(prefers-color-scheme:dark){html:not([data-theme=light]) body::before{opacity:.12}}@media(max-width:650px){body::before{width:120vw;height:75vh;right:-35vw;top:20vh;opacity:.055}html[data-theme=dark] body::before{opacity:.09}}@media(forced-colors:active){body::before{display:none}}
/* Adapted from the supplied scroll-driven card template; scoped to questions. */
.card-animation-layer{min-width:0;align-self:start;transform-origin:50% 100%;--side:1}.card-animation-layer:nth-child(odd){--side:-1}.card-animation-layer>.star-card{box-shadow:0 12px 26px #00000010;border-radius:16px}.question-grid{padding:16px 10px;margin-inline:-10px;overflow:clip}
@keyframes petition-card-slide-in{from{transform:scale(.85) rotate(calc(var(--side) * 5deg))}to{transform:scale(1) rotate(0deg)}}
@media(prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  .card-animation-layer{animation:petition-card-slide-in linear both;animation-timeline:view();animation-range:cover 0% contain 15%}
 }
 .card-animation-layer:focus-within,.card-animation-layer:has(dialog[open]){animation:none;transform:none}
}
@media(min-width:1001px){.card-animation-layer:nth-child(odd){transform-origin:25vw 100%}.card-animation-layer:nth-child(even){transform-origin:-25vw 100%}}
@media(prefers-reduced-motion:reduce){.card-animation-layer{animation:none!important;transform:none!important}}
/* Compact question cards: four across on desktop beside the chapter menu. */
body[data-page=petition] .site-header,body[data-page=petition] main,body[data-page=petition] footer{max-width:1800px}
body[data-page=petition] main{grid-template-columns:150px minmax(0,1fr);column-gap:28px}
.question-grid{gap:20px 14px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.card-animation-layer{align-self:stretch;display:flex}.card-animation-layer>.star-card{width:100%;height:100%;display:flex;flex-direction:column;border-radius:12px}
.question-header{padding:11px 13px;gap:8px}.question-header .question-number{min-width:30px;font-size:12px;padding:5px 7px}.video-help-button{padding:8px 10px;min-height:44px;font-size:11px}
.question-title{padding:15px 14px 0;font-size:17px;line-height:1.45}.rating-fields{padding:0 13px 15px;margin-top:auto}
.star-rating{gap:0;margin:12px 0 6px}.star-choice{min-height:60px;padding:8px 0;gap:5px}.star-icon{width:27px;height:27px}.star-value{font-size:11px}
.rating-endpoints{gap:8px;font-size:11px}.rating-feedback{min-height:46px;padding:9px;margin:12px 0;font-size:12px}.rating-na{font-size:11px;min-height:48px;padding-top:10px}
@media(min-width:1280px){
 body[data-page=petition] .site-header,body[data-page=petition] main,body[data-page=petition] footer{padding-inline:32px}
 body[data-page=petition] main{grid-template-columns:140px minmax(0,1fr);column-gap:24px}
 .question-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .question-title{font-size:16px;min-height:116px}
 .card-animation-layer:nth-child(4n + 1),.card-animation-layer:nth-child(4n + 2){transform-origin:100% 100%;--side:-1}
 .card-animation-layer:nth-child(4n + 3),.card-animation-layer:nth-child(4n){transform-origin:0% 100%;--side:1}
}
@media(min-width:701px) and (max-width:1279px){.card-animation-layer:nth-child(odd){transform-origin:100% 100%;--side:-1}.card-animation-layer:nth-child(even){transform-origin:0% 100%;--side:1}}
@media(max-width:850px){body[data-page=petition] main{column-gap:18px;grid-template-columns:120px minmax(0,1fr)}.question-grid{grid-template-columns:1fr}}
@media(max-width:700px){body[data-page=petition] main{display:block}.question-grid{grid-template-columns:1fr;gap:18px}.question-title{font-size:18px}.star-icon{width:32px;height:32px}.question-header{padding:12px 17px}.rating-fields{padding:0 17px 18px}.question-title{padding-inline:18px}.card-animation-layer{transform-origin:50% 100%}}
/* User preference: three question cards per desktop row. */
@media(min-width:1280px){
 .question-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .card-animation-layer:nth-child(3n + 1){transform-origin:100% 100%;--side:-1}
 .card-animation-layer:nth-child(3n + 2){transform-origin:50% 100%;--side:1}
 .card-animation-layer:nth-child(3n){transform-origin:0% 100%;--side:1}
}
/* Narrow portrait cards inspired by the supplied layered pricing-card template. */
.question-grid{grid-template-columns:repeat(2,minmax(0,280px));justify-content:start;gap:32px 30px;padding:24px 16px 30px;margin-inline:-16px}
.card-animation-layer{align-self:start;display:block;max-width:280px;width:100%}
.card-animation-layer>.star-card{position:relative;display:block;overflow:visible;width:100%;height:auto;padding:0 0 13px 11px;background:var(--soft);border:1px solid var(--line);border-radius:11px;box-shadow:5px 10px 16px #00000009;transition:background .2s,box-shadow .2s,border-color .2s}
.card-surface{position:relative;left:-11px;top:-8px;margin-bottom:-8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.question-header{padding:9px 12px;background:transparent;border-bottom:0;gap:8px}.question-header .question-number{min-width:28px;font-size:12px;padding:4px 6px}.video-help-button{min-height:40px;padding:6px 9px;font-size:11px;background:var(--paper)}
.question-title{padding:5px 14px 0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.45;font-weight:600;min-height:0;letter-spacing:0;text-wrap:pretty}
.rating-fields{padding:0 14px 12px;margin-top:0}.star-rating{margin:12px 0 4px;gap:0}.star-choice{min-height:49px;padding:5px 0;gap:4px}.star-icon{width:26px;height:26px}.star-value{font-size:10px}.rating-endpoints{font-size:10px;line-height:1.4;gap:10px}.rating-feedback{min-height:38px;margin:10px 0 8px;padding:8px;font-size:12px;border-radius:4px}.rating-na{font-size:10px;line-height:1.45;min-height:42px;padding-top:8px;gap:8px}.rating-na input{width:16px;height:16px}
.card-animation-layer>.star-card:focus-within,.card-animation-layer>.star-card:has(input:checked){background:#812638;border-color:#812638;box-shadow:5px 13px 20px #81263820}
@media(hover:hover) and (pointer:fine){.question-grid:has(.star-card:hover) .star-card:not(:hover){background:var(--soft);border-color:var(--line);box-shadow:5px 10px 16px #00000009}.card-animation-layer>.star-card:hover{background:#812638;border-color:#812638;box-shadow:5px 13px 20px #81263830}}
@media(min-width:1150px){.question-grid{grid-template-columns:repeat(3,minmax(0,280px))}}
@media(max-width:850px){.question-grid{grid-template-columns:minmax(0,280px)}}
@media(max-width:700px){.question-grid{justify-content:center}.question-title{font-size:15px}.question-header{padding:9px 12px}.rating-fields{padding:0 14px 12px}.star-icon{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.card-animation-layer>.star-card{transition:none}}
/* Center the narrow question-card rows beside the chapter navigation. */
.question-grid{justify-content:center}
/* Warm brick-red accents in dark mode, without changing the light palette. */
@media(prefers-color-scheme:dark){
 html:not([data-theme=light]) body[data-design=heritage]{--red:#c06048}
 html:not([data-theme=light]) body[data-design=heritage] .page-hero{background:#7d3b2e}
 html:not([data-theme=light]) .button:not(.secondary),html:not([data-theme=light]) .question-number,html:not([data-theme=light]) .badge,html:not([data-theme=light]) .language-switch a[aria-current=true]{background:#9c4936;border-color:#c06048;color:#fff}
 html:not([data-theme=light]) .star-choice:has(input:checked) .star-icon,html:not([data-theme=light]) .star-choice:has(~ .star-choice input:checked) .star-icon{background:#cc7052}
 html:not([data-theme=light]) .rating-na input{accent-color:#af553d}
 html:not([data-theme=light]) .card-animation-layer>.star-card:is(:hover,:focus-within,:has(input:checked)){background:#9c4936;border-color:#b45d45;box-shadow:5px 12px 20px #8c3b251c}
}
html[data-theme=dark] body[data-design=heritage]{--red:#c06048}
html[data-theme=dark] body[data-design=heritage] .page-hero{background:#7d3b2e}
html[data-theme=dark] .button:not(.secondary),html[data-theme=dark] .question-number,html[data-theme=dark] .badge,html[data-theme=dark] .language-switch a[aria-current=true]{background:#9c4936;border-color:#c06048;color:#fff}
html[data-theme=dark] .star-choice:has(input:checked) .star-icon,html[data-theme=dark] .star-choice:has(~ .star-choice input:checked) .star-icon{background:#cc7052}
html[data-theme=dark] .rating-na input{accent-color:#af553d}
html[data-theme=dark] .card-animation-layer>.star-card:is(:hover,:focus-within,:has(input:checked)){background:#9c4936;border-color:#b45d45;box-shadow:5px 12px 20px #8c3b251c}
/* background-animate: decorative tile grid and shine, scoped to petition cards. */
.question-grid .card-surface{isolation:isolate}
.question-grid .card-surface>.question-header,.question-grid .card-surface>.question-title,.question-grid .card-surface>.rating-fields{position:relative;z-index:2}
.background-animate{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;overflow:hidden;--tile-tint:color-mix(in srgb,var(--red) 12%,transparent)}
.background-animate .shine{position:absolute;inset:0;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse at 60% 0%,var(--tile-tint),transparent 65%)}
.background-animate .background{position:absolute;inset:0;mask-image:radial-gradient(circle at 60% 5%,#000 0%,#000 15%,transparent 65%);-webkit-mask-image:radial-gradient(circle at 60% 5%,#000 0%,#000 15%,transparent 65%)}
.background-animate .tiles{opacity:0;transition:opacity .25s}
.background-animate .tile{position:absolute;background:var(--tile-tint);opacity:0;animation-duration:8s;animation-iteration-count:infinite}
.background-animate .tile-4,.background-animate .tile-6,.background-animate .tile-10{animation-delay:-2s}
.background-animate .tile-3,.background-animate .tile-5,.background-animate .tile-8{animation-delay:-4s}
.background-animate .tile-2,.background-animate .tile-9{animation-delay:-6s}
.background-animate .tile-1{top:0;left:0;height:10%;width:22.5%}
.background-animate .tile-2{top:0;left:22.5%;height:10%;width:27.5%}
.background-animate .tile-3{top:0;left:50%;height:10%;width:27.5%}
.background-animate .tile-4{top:0;left:77.5%;height:10%;width:22.5%}
.background-animate .tile-5{top:10%;left:0;height:22.5%;width:22.5%}
.background-animate .tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}
.background-animate .tile-7{top:10%;left:50%;height:22.5%;width:27.5%}
.background-animate .tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}
.background-animate .tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}
.background-animate .tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}
.background-animate .line{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.background-animate .line:before,.background-animate .line:after{content:'';position:absolute;background:var(--line);transition:transform .35s;transition-delay:var(--line-delay,0s)}
.background-animate .line:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}
.background-animate .line:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}
.background-animate .line-1{--line-delay:0s}.background-animate .line-1:before{top:10%}.background-animate .line-1:after{left:22.5%}
.background-animate .line-2{--line-delay:.15s}.background-animate .line-2:before{top:32.5%}.background-animate .line-2:after{left:50%}
.background-animate .line-3{--line-delay:.3s}.background-animate .line-3:before{top:55%}.background-animate .line-3:after{right:22.5%}
.question-grid .star-card:is(:hover,:focus-within) .background-animate :is(.shine,.tiles,.line){opacity:1}
.question-grid .star-card:is(:hover,:focus-within) .background-animate .line:before{transform:scaleX(1)}
.question-grid .star-card:is(:hover,:focus-within) .background-animate .line:after{transform:scaleY(1)}
@keyframes petition-background-tile{0%,12.5%,100%{opacity:1}25%,82.5%{opacity:0}}
@media(prefers-reduced-motion:no-preference){.question-grid .star-card:is(:hover,:focus-within) .background-animate .tile{animation-name:petition-background-tile}}
@media(prefers-reduced-motion:reduce){.background-animate *,.background-animate *:before,.background-animate *:after{transition:none!important;animation:none!important}.background-animate .tile{opacity:.5}}
/* Petition hero: background-animate with maple leaves in place of tiles. */
.page-hero{position:relative;isolation:isolate;overflow:hidden}
.page-hero>:not(.background-animate){position:relative;z-index:1}
.page-hero>.background-animate{--tile-tint:#fff;--line:#ffffff25}
.page-hero>.background-animate .background{mask-image:linear-gradient(90deg,transparent 15%,#000 80%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 80%)}
.page-hero>.background-animate .shine{opacity:.1;background:radial-gradient(ellipse at 85% 15%,#ffe0ac,transparent 65%)}
.page-hero>.background-animate .tiles{opacity:.12}
.page-hero>.background-animate .tile{width:clamp(32px,6vw,80px);height:auto;aspect-ratio:64/70;opacity:.6;clip-path:polygon(47% 94%,48% 69%,20% 73%,25% 60%,6% 44%,19% 41%,16% 24%,36% 37%,33% 14%,44% 20%,50% 3%,58% 20%,69% 14%,64% 37%,84% 24%,81% 41%,94% 44%,75% 60%,80% 73%,52% 69%,53% 94%)}
.page-hero>.background-animate .tile:nth-child(n+5){margin-top:35px}
.page-hero>.background-animate .tile:nth-child(n+9){margin-top:70px}
.page-hero:hover>.background-animate .shine{opacity:.2}
.page-hero:hover>.background-animate .tiles{opacity:.2}
.page-hero:hover>.background-animate .line{opacity:1}
.page-hero:hover>.background-animate .line:before{transform:scaleX(1)}
.page-hero:hover>.background-animate .line:after{transform:scaleY(1)}
@media(prefers-reduced-motion:no-preference){.page-hero:hover>.background-animate .tile{animation-name:petition-background-tile}}
