/* Resource page sample prepared by OK Agency for its proposal to TechEquity.
   Static files, no build step, no external requests. Mobile first.
   Tokens: colours, fonts, measure and radius are set once in :root. */

@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/anton.woff2') format('woff2')}
@font-face{font-family:'Roboto Serif';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/roboto-serif.woff2') format('woff2')}

:root{
  --blue:#0041D9;--navy:#041C2C;--lime:#F3FDB8;--sky:#CDE1F9;--ink:#364956;
  --paper:#FFFFFF;--wash:#F4F8FD;--rule:#CAD4DD;--line-strong:#647788;
  --body-font:'Roboto Serif',Georgia,'Times New Roman',serif;
  --display-font:'Anton','Arial Narrow',Impact,sans-serif;
  --content-width:82rem;--measure:66ch;--radius:4px;
  color-scheme:light;
}

/* Base */
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:1.5rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body-font);font-size:1.0625rem;line-height:1.65;font-optical-sizing:auto;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
a{color:var(--blue);text-underline-offset:.2em;text-decoration-thickness:1.3px}
a:hover{text-decoration-thickness:2px}
svg{display:block;flex-shrink:0}
p,h1,h2,h3,ol,ul{margin:0}
p+p{margin-top:1.5rem}
h2,h3{overflow-wrap:anywhere}
::selection{color:var(--navy);background:var(--lime)}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px;box-shadow:0 0 0 5px var(--paper)}
.hero :focus-visible,.sample-notice :focus-visible,.action-transition :focus-visible{outline-color:var(--lime);box-shadow:0 0 0 5px var(--navy)}
:target{scroll-margin-top:1.5rem}
.wrap{width:min(var(--content-width),calc(100% - 2.5rem));margin-inline:auto}
.skip-link{position:absolute;top:1rem;left:1rem;z-index:10;padding:1rem 1.25rem;background:var(--paper);color:var(--blue);transform:translateY(-180%);font-size:1rem;font-weight:600;box-shadow:0 0 0 2px var(--blue)}
.skip-link:focus{transform:translateY(0)}

/* Sample notice and masthead */
.sample-notice{background:var(--navy);color:var(--paper);font-size:.75rem;line-height:1.5;padding:.625rem 0}
.masthead{background:var(--paper);border-bottom:1px solid var(--rule)}
.masthead-inner{display:flex;flex-direction:column;gap:.125rem;padding-block:.75rem}
.organization-name{color:var(--navy);font-size:1rem;font-weight:600;line-height:1.4}
.breadcrumb{font-size:.75rem;line-height:1.5;color:var(--ink)}
.masthead p+p{margin-top:0}
.masthead a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.8125rem}

/* Buttons and text links */
.button{display:inline-flex;gap:.75rem;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.15rem;border:2px solid transparent;border-radius:var(--radius);font-size:.8125rem;font-weight:600;line-height:1.5;text-decoration:none}
.button-paper{background:var(--paper);color:var(--blue)}
.button-paper:hover{background:var(--sky);text-decoration:underline}
.button-outline{background:var(--paper);color:var(--blue);border-color:var(--blue);font-size:.75rem}
.button-outline:hover{background:var(--blue);color:var(--paper)}
.button-lime{background:var(--lime);color:var(--blue);text-transform:uppercase;letter-spacing:.01em;font-size:.75rem;padding:1rem;justify-content:space-between;min-height:56px;width:100%}
.button-lime:hover{background:var(--paper);text-decoration:underline}

/* Hero */
.hero{background:var(--blue);color:var(--paper);padding-top:1.25rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:1.5rem}
.hero-art{display:none}
.audience{font-size:.8125rem;line-height:1.5;margin-bottom:.5rem}
.hero h1{font-family:var(--display-font);font-weight:400;text-transform:uppercase;color:var(--paper);font-size:clamp(2.25rem,11.5vw,5rem);line-height:1.06;letter-spacing:-.015em}
.hero h1 span:first-child{display:block}
.summary{font-size:1rem;line-height:1.6;margin-top:.875rem;max-width:52ch}
.summary-definition{font-weight:600}
.hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1.25rem}
.hero-link{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;color:var(--paper);font-size:.875rem}
.hero-foot{border-top:1px solid rgba(255,255,255,.35);padding:.75rem 0 1rem;font-size:.75rem;line-height:1.6}
.hero-foot p+p{margin-top:.25rem}
.focus-tags{display:flex;flex-wrap:wrap;gap:0 .5rem;color:var(--paper)}
.resource-meta{display:flex;flex-wrap:wrap;color:var(--sky)}
.resource-meta span:not(:last-child)::after{content:'|';padding:0 .45rem}

/* Reader layout, contents and tools */
.reader-layout{padding-top:1.5rem;padding-bottom:3rem}
.reader-tools{margin-bottom:2rem}
.page-contents{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--rule)}
.page-contents summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;min-height:48px;font-family:var(--display-font);font-size:1.125rem;line-height:1.4;text-transform:uppercase;color:var(--navy);cursor:pointer}
summary::-webkit-details-marker{display:none}
.summary-plus{font-family:Arial,sans-serif;font-weight:400;font-size:1.5rem;line-height:1}
details[open]>summary .summary-plus{transform:rotate(45deg)}
.page-contents ol{list-style:none;margin:0 0 .5rem;padding:0;display:grid;grid-template-columns:1fr;gap:.25rem}
.page-contents nav a{display:flex;align-items:center;gap:.8rem;font-size:.8125rem;line-height:1.4;text-decoration:none;color:var(--ink);padding:.625rem .75rem;min-height:44px;border-left:3px solid transparent}
.page-contents nav a span{color:var(--blue);font-size:.6875rem;min-width:1.25rem;font-family:var(--display-font);letter-spacing:.03em}
.page-contents nav a:hover{background:var(--wash);color:var(--blue);text-decoration:underline}
.page-contents nav a[aria-current=location]{background:var(--wash);border-left-color:var(--blue);color:var(--blue);font-weight:600}
.utility-tools{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;padding:.25rem 0 .75rem}
.utility-tools a,.text-button{display:inline-flex;align-items:center;gap:.7rem;font-size:.75rem;line-height:1.5;padding:.625rem .25rem;min-height:44px;text-decoration:none;color:var(--blue);background:transparent;border:0;text-align:left}
.utility-tools a:hover,.text-button:hover{text-decoration:underline}

/* Article sections */
.article-body{min-width:0}
.content-section{padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid var(--rule)}
.content-section:first-child{margin-top:0;padding-top:0;border-top:0}
.content-section h2{margin-bottom:1.5rem;max-width:26ch;font-size:1.75rem;line-height:1.3;font-weight:500;color:var(--navy);letter-spacing:-.025em}
.section-kicker{display:block;font-family:var(--display-font);font-size:1rem;text-transform:uppercase;line-height:1.5;color:var(--blue);font-weight:400;letter-spacing:.015em;margin-bottom:.5rem}
.section-thesis{display:block}
.prose{max-width:var(--measure);font-size:1rem;line-height:1.8}
.source-ref{vertical-align:super;font-size:.6875rem;line-height:1;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:50%;text-decoration:none;margin-left:.2rem;background:var(--paper);color:var(--blue);font-weight:600;position:relative;top:.15rem;white-space:nowrap}
.source-ref:hover{background:var(--blue);color:var(--paper)}
.key-line{color:var(--navy);border-left:3px solid var(--blue);padding-left:1.25rem;font-size:1.125rem;font-weight:500;line-height:1.6;margin-top:1.5rem}
.difference-note{border-left:3px solid var(--blue);background:var(--wash);padding:1.25rem;margin-top:1.5rem;color:var(--navy)}

/* Three-step mechanism. The switch to three columns depends on the room the block really has, not on the device. */
.mechanism-wrap{container-type:inline-size;margin:1.75rem 0 2rem}
.mechanism{list-style:none;padding:0;margin:0;background:var(--wash);border-top:2px solid var(--blue)}
.mechanism-step{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0 .75rem;padding:1.25rem 1rem;min-width:0}
.mechanism-step+.mechanism-step{border-top:1px solid var(--rule)}
.step-visual{grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--blue)}
.step-visual svg{width:2.75rem;height:2.35rem}
.step-index{font-family:var(--display-font);font-size:.875rem;line-height:1.5;letter-spacing:.03em}
.mechanism h3{font-family:var(--display-font);font-size:1.6rem;color:var(--blue);text-transform:uppercase;font-weight:400;line-height:1.3;letter-spacing:.005em;margin-bottom:.5rem}
.mechanism p{font-size:.875rem;line-height:1.8}
@container (min-width:21rem){
  .mechanism-step{grid-template-columns:3.5rem minmax(0,1fr);gap:0 1rem;padding:1.5rem 1.25rem}
  .step-visual svg{width:3.5rem;height:3rem}
}
@container (min-width:30rem){
  .mechanism-step{grid-template-columns:6rem minmax(0,1fr);column-gap:1.25rem;padding:1.5rem}
  .step-visual svg{width:5rem;height:3.75rem}
  .mechanism p{font-size:.9375rem;line-height:1.75}
}
@container (min-width:52rem){
  .mechanism{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .mechanism-step{display:block;padding:1.5rem 1.35rem 1.75rem}
  .mechanism-step+.mechanism-step{border-top:0;border-left:1px solid var(--rule)}
  .step-visual{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
  .step-visual svg{width:6rem;height:4.5rem;max-width:65%}
  .step-index{align-self:flex-start}
  .mechanism h3{font-size:1.75rem;margin-bottom:.75rem}
  .mechanism p{font-size:.875rem}
}

/* Statement, story slot, policy list */
.manifesto{margin:2rem 0;padding:1.5rem;background:var(--blue);color:var(--paper);clip-path:polygon(0 0,calc(100% - 1.75rem) 0,100% 1.75rem,100% 100%,0 100%)}
.manifesto svg{height:2.75rem;width:2.75rem;margin-bottom:.75rem}
.manifesto p{font-size:1.65rem;line-height:1.45;letter-spacing:-.025em;font-weight:500;max-width:24ch}
.community-placeholder{margin:2rem 0;padding:1.25rem;border:1px dashed var(--line-strong);background:var(--wash);color:var(--ink);font-size:.875rem;line-height:1.5;font-weight:500}
.policy-list{list-style:none;padding:0;margin:2rem 0;border-top:2px solid var(--blue)}
.policy-list li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;padding:1.5rem 0;border-bottom:1px solid var(--rule)}
.policy-index{font-family:var(--display-font);color:var(--blue);font-size:1.125rem;line-height:1.6}
.policy-list h3{font-size:1.125rem;color:var(--navy);font-weight:600;line-height:1.5;margin-bottom:.6rem;letter-spacing:-.02em}
.policy-list p{font-size:.9375rem}
.prose .commitment{font-family:var(--display-font);font-size:1.875rem;font-weight:400;line-height:1.25;text-transform:uppercase;color:var(--blue);margin-top:2rem}

/* Sources and citation */
.sources-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--navy);max-width:var(--measure)}
.sources-section h2,.related-section h2,.action-transition h2,.page-heading{font-family:var(--display-font);font-weight:400;color:var(--navy);text-transform:uppercase;line-height:1.2;letter-spacing:-.01em}
.sources-section h2{font-size:2rem;margin-bottom:.5rem}
.source-list{list-style:none;padding:0;margin:0}
.source-list li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;padding:1.25rem 0;border-bottom:1px solid var(--rule)}
.source-list li:target{outline:2px solid var(--blue);outline-offset:8px;background:var(--wash)}
.source-index{font-family:var(--display-font);color:var(--blue);font-size:.9375rem;line-height:1.8}
.source-claim{font-size:1rem;line-height:1.7}
.source-link{display:block;margin-top:.5rem;padding:.25rem 0;font-size:.9375rem;line-height:1.6;text-decoration:none}
.source-cite{display:block;color:var(--navy)}
.source-cite strong{font-weight:600}
.source-url{display:block;margin-top:.125rem;font-size:.8125rem;color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;overflow-wrap:anywhere}
.source-link:hover .source-url{text-decoration-thickness:2px}
.source-back{display:inline-flex;align-items:center;min-height:44px;margin-top:.25rem;font-size:.8125rem}
.citation-box{background:var(--wash);border:1px solid var(--rule);padding:1.25rem;margin-top:2rem}
.citation-box>p:first-child{font-size:.8125rem;line-height:1.8}
.citation-box .button{margin-top:1.25rem}
.copy-status{font-size:.75rem;line-height:1.6;margin-top:0!important}
.copy-status:not(:empty){margin-top:.75rem!important}

/* Related resources and library card */
.related-section{background:var(--wash);padding:3rem 0;border-top:1px solid var(--rule)}
.related-section h2{font-size:1.875rem;max-width:22ch;margin-bottom:2rem}
.related-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.related-card{border-top:2px solid var(--blue);padding-top:1rem;min-width:0}
.related-topic{font-size:.6875rem;font-weight:500;line-height:1.6;color:var(--blue);margin-bottom:.75rem}
.related-card h3{font-size:1.25rem;font-weight:500;line-height:1.45;letter-spacing:-.025em;max-width:34ch}
.related-card h3 a{color:var(--navy);text-decoration:none;display:block;position:relative;padding-right:1.8rem;min-height:44px}
.related-card h3 a svg{position:absolute;right:0;top:.35rem;color:var(--blue)}
.related-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--blue)}
.related-card>p:last-child{font-size:.875rem;line-height:1.8;margin-top:1rem;max-width:65ch}
.card-page{padding-top:2.5rem;padding-bottom:4rem}
.page-heading{font-size:2rem;margin-bottom:1.5rem}
.library-card{max-width:25rem;border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--radius);overflow:hidden}
.library-art{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem clamp(1rem,7%,1.75rem);background:var(--blue);color:var(--paper);min-height:9rem}
.library-art span{font-family:var(--display-font);text-transform:uppercase;font-size:1.75rem;line-height:1.2;min-width:0;max-width:100%;overflow-wrap:anywhere}
.library-art svg{width:min(5rem,30%);height:auto;aspect-ratio:1;transform:rotate(-8deg)}
.library-card-copy{padding:1.5rem clamp(1rem,7%,1.5rem)}
.library-card h2{font-size:1.375rem;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin-bottom:1rem}
.library-card h2 a{display:block;position:relative;padding-right:1.8rem;color:var(--navy);text-decoration:none;min-height:44px}
.library-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--blue)}
.library-card h2 svg{position:absolute;right:0;top:.3rem;color:var(--blue)}
.library-card-copy>p:last-child{font-size:.875rem;line-height:1.8}

/* Handover to TechEquity Action */
.action-transition{background:var(--navy);color:var(--paper);padding:2.5rem 0 3rem;border-top:8px solid var(--blue)}
.action-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.action-grid>*{min-width:0}
.action-transition h2{color:var(--paper);font-size:2.125rem;margin-bottom:.75rem}
.action-lead{font-size:1.125rem;line-height:1.6;max-width:40ch}
.boundary{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;align-items:start;font-size:.9375rem;line-height:1.6;color:var(--paper);padding-top:1.25rem;border-top:1px solid var(--line-strong);max-width:46ch}
.boundary svg{margin-top:.15rem;color:var(--sky)}
.action-destination .button-lime{margin-top:1.25rem;max-width:100%;overflow-wrap:anywhere}
.boundary span{min-width:0}

/* Sample footer */
.sample-footer{background:var(--paper);color:var(--ink);padding:1.5rem 0 2.5rem;border-top:1px solid var(--rule)}
.footer-line{display:flex;flex-direction:column;gap:.5rem}
.footer-note{font-size:.75rem;line-height:1.7;max-width:94ch}
.footer-links{display:flex;flex-wrap:wrap;gap:0 1.5rem}
.footer-line p+p{margin-top:0}
.footer-links a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.8125rem}

@media(min-width:33em){
  .wrap{width:min(var(--content-width),calc(100% - 3rem))}
  .page-contents ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-section h2{font-size:1.875rem}
  .manifesto{padding:1.5rem 1.75rem 2rem}
  .manifesto p{font-size:1.75rem;line-height:1.4}
  .community-placeholder{padding:1.5rem;font-size:.9375rem}
  .policy-list li{grid-template-columns:2rem minmax(0,1fr);gap:1rem}
  .button-lime{width:auto;gap:1.25rem;padding:1rem 1.25rem}
}

@media(min-width:50em){
  .masthead-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;min-height:4.5rem;padding-block:1rem}
  .organization-name{font-size:1.125rem}
  .breadcrumb{font-size:.8125rem}
  .sample-notice{padding:.75rem 0}
  .hero{padding-top:2rem}
  .hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:2rem;align-items:center;padding-bottom:2rem}
  .hero-art{display:block;position:relative;width:100%;max-width:27.5rem;margin-left:auto;aspect-ratio:520/560}
  .collage-layer{position:absolute;inset:0;width:100%;height:100%}
  .collage-photo{position:absolute;right:0;top:1.8%;width:72%;height:auto}
  .audience{margin-bottom:1.25rem}
  .hero h1{font-size:clamp(4rem,6vw,5.5rem);line-height:1.04}
  .hero h1 span{display:block}
  .summary{font-size:1.125rem;line-height:1.65;margin-top:1.5rem;max-width:55ch}
  .hero-links{margin-top:1.5rem}
  .hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 2rem;padding:1.25rem 0 1.5rem}
  .hero-foot p+p{margin-top:0}
  .reader-layout{display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:3rem;align-items:start;padding-top:3.5rem;padding-bottom:5rem}
  .reader-tools{margin-bottom:0;align-self:stretch;min-width:0}
  .sticky-tools{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow:auto;padding:8px;margin:-8px;scrollbar-width:thin}
  .page-contents{border-top:2px solid var(--navy);border-bottom:0}
  .page-contents summary{font-size:1.25rem;padding:1.2rem 0}
  .page-contents ol{grid-template-columns:1fr;margin-bottom:1rem}
  .utility-tools{flex-direction:column;gap:.25rem;border-top:1px solid var(--rule);padding:1rem 0 0}
  .content-section{padding-top:3.5rem;margin-top:3.5rem}
  .content-section h2{font-size:2.25rem;line-height:1.22;max-width:24ch;margin-bottom:1.75rem;letter-spacing:-.035em}
  .section-kicker{font-size:1.125rem;margin-bottom:.65rem}
  .prose{font-size:1.0625rem}
  .key-line{font-size:1.25rem;padding-left:1.5rem;margin-top:2rem}
  .difference-note{padding:1.5rem 1.75rem;margin-top:1.75rem}
  .mechanism-wrap{margin:2.25rem 0 2.5rem}
  .manifesto{margin:2.5rem 0;padding:2rem 2.25rem 2.5rem}
  .manifesto svg{width:3.25rem;height:3.25rem;margin-bottom:1rem}
  .manifesto p{font-size:2rem}
  .policy-list li{gap:1.25rem;padding:1.75rem 0}
  .policy-list h3{font-size:1.25rem}
  .policy-list p{font-size:inherit}
  .prose .commitment{font-size:2.125rem}
  .sources-section{margin-top:4.5rem;padding-top:2.5rem}
  .sources-section h2{font-size:2.5rem}
  .source-list li{grid-template-columns:1.75rem minmax(0,1fr);gap:1rem}
  .citation-box{padding:1.5rem}
  .citation-box>p:first-child{font-size:.875rem}
  .related-section{padding:4rem 0 4.5rem}
  .related-section h2{font-size:2.25rem;max-width:28ch;margin-bottom:2.5rem}
  .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .related-card{padding-top:1.25rem}
  .related-topic{margin-bottom:1rem}
  .related-card h3{font-size:1.375rem}
  .card-page{padding-top:4rem;padding-bottom:6rem}
  .page-heading{font-size:2.5rem;margin-bottom:2rem}
  .library-card h2{font-size:1.5rem}
  .action-transition{padding:3.5rem 0 4rem}
  .action-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:2rem 3rem;align-items:center}
  .action-transition h2{font-size:3rem;margin-bottom:1rem}
  .action-lead{font-size:1.25rem;max-width:30ch}
  .boundary{border-top:0;padding-top:0}
  .sample-footer{padding-top:2rem}
  .footer-line{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}
  .footer-links{flex-wrap:nowrap;white-space:nowrap;margin-top:-.7rem}
}

@media(min-width:66em){
  .related-grid{gap:3rem}
  .action-grid{gap:2rem 6rem}
}

@media(min-width:75em){
  .reader-layout{grid-template-columns:13.5rem minmax(0,1fr);column-gap:5rem;padding-top:3.5rem}
  .hero-grid{gap:3rem}
}

@media(min-width:50em) and (max-height:650px){.sticky-tools{position:static;max-height:none;overflow:visible;padding:0;margin:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){
  .button,.source-ref,.library-card{border:2px solid ButtonText}
  .page-contents nav a[aria-current=location]{border-left:3px solid LinkText}
  .manifesto{clip-path:none;border:2px solid CanvasText}
  .hero,.action-transition{border:1px solid CanvasText}
  .hero-art{display:none}
}

@media print{
  @page{margin:17mm 16mm}
  body{font-family:Georgia,serif;font-size:10.5pt;line-height:1.5;background:white;color:black}
  .wrap{width:100%;max-width:none}
  .skip-link,.reader-tools,.hero-art,.hero-links,.source-back,.copy-status,.citation-box .button,.footer-links,.step-visual,.manifesto svg,.boundary svg,.related-card svg,.button-lime svg{display:none!important}
  .sample-notice{background:white;color:black;font-size:8pt;border-bottom:1pt solid #777;padding:0 0 8pt}
  .masthead{border:0}
  .masthead-inner{display:block;min-height:0;padding:8pt 0}
  .organization-name,.breadcrumb{color:black;font-size:9pt}
  .hero{background:white;color:black;padding:0}
  .hero-grid{display:block;padding:0}
  .audience,.summary,.focus-tags,.resource-meta{color:black}
  .audience{font-size:9pt;margin-bottom:6pt}
  .hero h1{color:black;font-size:30pt;line-height:1.1;margin-bottom:10pt}
  .hero h1 span{display:inline!important}
  .summary{font-size:11pt;max-width:none;margin:0}
  .hero-foot{display:block;border-top:1pt solid #999;margin-top:12pt;padding:8pt 0;font-size:8pt}
  .reader-layout{display:block;padding:0}
  .content-section{padding-top:16pt;margin-top:16pt;border-top:1pt solid #aaa}
  .content-section:first-child{padding-top:16pt}
  .content-section h2{font-size:17pt;max-width:none;margin-bottom:10pt;color:black}
  .section-kicker{font-size:10pt;color:black;margin-bottom:3pt}
  .prose{font-size:10.5pt;max-width:none;line-height:1.6}
  p+p{margin-top:9pt}
  .key-line{font-size:12pt;border-left:2pt solid black;padding-left:10pt;color:black}
  .difference-note{background:white;border-left:2pt solid black;padding:8pt 12pt;color:black}
  .mechanism-wrap{margin:14pt 0}
  .mechanism{display:block;background:white;border-top:1pt solid black}
  .mechanism-step{display:block;padding:10pt 0;break-inside:avoid}
  .mechanism-step+.mechanism-step{border-left:0;border-top:1pt solid #aaa}
  .mechanism h3{font-size:14pt;color:black}
  .mechanism p{font-size:10.5pt}
  .manifesto{background:white;color:black;padding:12pt 0;clip-path:none;border-top:2pt solid black;border-bottom:2pt solid black;margin:18pt 0;break-inside:avoid}
  .manifesto p{font-size:18pt;max-width:36ch}
  .community-placeholder{background:white;color:black;border:1pt dashed black;break-inside:avoid;padding:10pt;margin:14pt 0}
  .policy-list{border-top:1pt solid black;margin:12pt 0}
  .policy-list li{padding:12pt 0;break-inside:avoid}
  .policy-list h3{font-size:13pt;color:black}
  .policy-index{color:black}
  .policy-list p{font-size:10.5pt}
  .prose .commitment{font-size:18pt;color:black}
  .sources-section{max-width:none;margin-top:20pt;padding-top:12pt;border-top:2pt solid black}
  .sources-section h2{font-size:20pt;color:black}
  .source-ref{display:inline;position:static;min-width:0;min-height:0;border:0;background:none;color:black;font-size:7.5pt;font-weight:normal;margin-left:1pt}
  .source-list li{break-inside:avoid;padding:8pt 0}
  .source-claim,.source-link{font-size:9pt;line-height:1.5}
  .source-index,.source-cite,.source-url{color:black}
  .source-index{font-size:9pt}
  .source-url{font-size:8pt}
  .citation-box{padding:10pt;border:1pt solid #aaa;background:white;break-inside:avoid}
  .citation-box>p:first-child{font-size:9pt}
  .related-section{background:white;padding:18pt 0;border-top:1pt solid black;margin-top:18pt}
  .related-section h2{font-size:20pt;color:black}
  .related-grid{display:block}
  .related-card{break-inside:avoid;border-top:1pt solid #aaa;padding:10pt 0}
  .related-topic{color:black;font-size:9pt;margin-bottom:4pt}
  .related-card h3{font-size:13pt;max-width:none}
  .related-card h3 a{color:black;min-height:0;padding:0}
  .related-card h3 a::after{content:' ' attr(href);display:block;font-size:8pt;font-weight:normal;letter-spacing:0;overflow-wrap:anywhere}
  .related-card>p:last-child{font-size:10pt;margin-top:6pt}
  .action-transition{background:white;color:black;padding:18pt 0;border-top:2pt solid black;break-inside:avoid}
  .action-grid{display:block}
  .action-transition h2{font-size:22pt;color:black}
  .action-lead{font-size:12pt;max-width:none}
  .boundary{display:block;color:black;font-size:10pt;border:0;padding:8pt 0 0;max-width:none}
  .button-lime{display:block;width:auto;min-height:0;border:0;padding:0;margin-top:6pt;color:black;background:white;font-size:10pt;text-transform:none}
  .button-lime::after{content:' ' attr(href);font-weight:normal}
  .sample-footer{border-top:1pt solid #777;padding:8pt 0 0}
  .footer-note{font-size:8pt}
  a{color:black}
  h2,h3{break-after:avoid}
  p{orphans:3;widows:3}
}