/* Priscila Kunenn — tema de nov/2026 (docs/redesign-nov2026.md).
 *
 * Carregado em todas as páginas, depois do CSS do tema antigo (que só as páginas legadas ainda
 * carregam). Por isso as regras de base do design ficam presas a `body.pk-d` (páginas refeitas a
 * partir do design) e o restilo das páginas antigas a `body.pk-legacy`. Header, menu e rodapé
 * (`.pk-h`, `.pk-m`, `.pk-f`) aparecem nos dois e não dependem de nenhum dos dois.
 *
 * 1. Tokens: design/website-nov2026/_ds/…/tokens/, sem alterações.
 * 2. Base do design (base.css e o CSS comum das páginas .dc.html), em .pk-d.
 * 3. Componentes que o markup das páginas usa (credenciais, depoimentos, faixa de serviços).
 * 4. Header, menu móvel e rodapé.
 * 5. Páginas legadas.
 * 6. Aviso e definições de cookies (site.js), e a tabela da Política de Cookies.
 */

/* 1. Tokens ------------------------------------------------------------------------------------ */

/* tokens/colors.css */
:root{
  --canvas-ivory:#F4F1EA;
  --paper-white:#FFFFFF;
  --limestone:#D8D1C5;
  --mineral-olive:#A6A290;
  --mineral-clay:#AE927C;
  --earth-taupe:#80695C;
  --ink-charcoal:#222220;
  --ink-true-black:#000000;
  --color-background-primary:var(--canvas-ivory);
  --color-background-secondary:var(--limestone);
  --color-background-paper:var(--paper-white);
  --color-background-inverse:var(--ink-charcoal);
  --color-text-primary:var(--ink-charcoal);
  --color-text-secondary:var(--earth-taupe);
  --color-text-inverse:var(--canvas-ivory);
  --color-text-technical:var(--ink-true-black);
  --color-border-subtle:var(--mineral-olive);
  --color-border-strong:var(--ink-charcoal);
  --color-accent-mineral:var(--mineral-clay);
  --color-accent-earth:var(--earth-taupe);
  --color-state-hover:var(--earth-taupe);
  --color-state-active:var(--ink-charcoal);
  --color-state-disabled:var(--mineral-olive);
  --color-state-focus:var(--ink-charcoal);
  --color-link:var(--earth-taupe);
  --color-link-hover:var(--ink-charcoal);
  --pk-creme:var(--canvas-ivory);
  --pk-areia:var(--limestone);
  --pk-sage:var(--mineral-olive);
  --pk-tan:var(--mineral-clay);
  --pk-castanho:var(--earth-taupe);
  --pk-black:var(--ink-charcoal);
  --pk-white:var(--paper-white);
  --surface-base:var(--color-background-primary);
  --surface-alt:var(--color-background-secondary);
  --surface-paper:var(--color-background-paper);
  --surface-invert:var(--color-background-inverse);
  --text-body:var(--color-text-primary);
  --text-heading:var(--color-text-secondary);
  --text-eyebrow:var(--color-text-secondary);
  --text-quiet:var(--color-text-secondary);
  --text-on-invert:var(--color-text-inverse);
  --line-color:var(--color-border-subtle);
  --accent:var(--color-accent-mineral);
  --accent-ink:var(--color-accent-earth);
  --state-hover-ink:var(--color-state-hover);
  --state-disabled-ink:var(--color-state-disabled);
  --link-color:var(--color-link);
  --link-color-hover:var(--color-link-hover);
}
.scheme-light-architectural{--color-background-primary:var(--canvas-ivory);--color-background-secondary:var(--limestone);--color-text-primary:var(--ink-charcoal);--surface-base:var(--canvas-ivory);--surface-alt:var(--limestone);--text-body:var(--ink-charcoal)}
.scheme-natural-material{--color-background-primary:var(--paper-white);--color-background-secondary:var(--limestone);--color-text-primary:var(--ink-charcoal);--color-text-secondary:var(--earth-taupe);--color-border-subtle:var(--mineral-olive);--surface-base:var(--paper-white);--surface-alt:var(--limestone);--text-body:var(--ink-charcoal)}
.scheme-editorial-contrast{--color-background-primary:var(--ink-charcoal);--color-background-secondary:var(--ink-charcoal);--color-background-paper:var(--ink-charcoal);--color-text-primary:var(--canvas-ivory);--color-text-secondary:var(--limestone);--color-border-subtle:var(--earth-taupe);--color-link:var(--limestone);--color-link-hover:var(--paper-white);--surface-base:var(--ink-charcoal);--surface-alt:var(--ink-charcoal);--surface-paper:var(--ink-charcoal);--text-body:var(--canvas-ivory);--text-heading:var(--limestone);--text-eyebrow:var(--limestone);--text-quiet:var(--limestone);--line-color:var(--earth-taupe);--link-color:var(--limestone);--link-color-hover:var(--paper-white)}
.scheme-technical{--color-background-primary:var(--paper-white);--color-background-secondary:var(--limestone);--color-text-primary:var(--ink-true-black);--color-border-subtle:var(--mineral-olive);--surface-base:var(--paper-white);--surface-alt:var(--limestone);--text-body:var(--ink-true-black)}
/* tokens/typography.css */
:root{
  --font-sans:"Manrope",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-display:var(--font-sans);
  --font-body:var(--font-sans);
  --weight-extralight:200;
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-display:var(--weight-light);
  --weight-display-min:var(--weight-extralight);
  --weight-body:var(--weight-regular);
  --weight-body-strong:var(--weight-medium);
  --type-display-xl:clamp(34px,5vw,76px);
  --type-display-l:clamp(30px,4vw,58px);
  --type-h1:clamp(26px,3.2vw,44px);
  --type-h2:clamp(22px,2.4vw,32px);
  --type-h3:clamp(17px,1.5vw,22px);
  --type-h4:15px;
  --type-lead:clamp(17px,1.4vw,20px);
  --type-body-large:17px;
  --type-body:15px;
  --type-body-small:14px;
  --type-caption:12px;
  --type-eyebrow:10px;
  --type-navigation:12px;
  --type-button:11px;
  --type-technical-note:12px;
  --type-table:13px;
  --type-annotation:10px;
  --type-manifest:clamp(24px,2.9vw,40px);
  --type-quote:clamp(22px,2.4vw,34px);
  --leading-display:1.06;
  --leading-title:1.32;
  --leading-lead:1.7;
  --leading-body:1.9;
  --leading-tight:1.6;
  --leading-table:1.5;
  --leading-manifest:1.3;
  --track-display:0.22em;
  --track-title:0.2em;
  --track-h3:0.18em;
  --track-navigation:0.18em;
  --track-button:0.2em;
  --track-eyebrow:0.34em;
  --track-annotation:0.3em;
  --track-body:0.005em;
  --track-serif:-0.01em;
  --measure-lead:58ch;
  --measure-body:62ch;
  --measure-narrow:46ch;
  --measure-title:14em;
  --measure-manifest:22em;
  --size-display:var(--type-display-l);
  --size-h1:var(--type-h1);
  --size-h2:var(--type-h2);
  --size-h3:var(--type-h3);
  --size-body-lg:var(--type-body-large);
  --size-body:var(--type-body);
  --size-body-sm:var(--type-body-small);
  --size-eyebrow:var(--type-eyebrow);
  --size-caption:var(--type-caption);
  --leading-body-tight:var(--leading-tight);
}
/* tokens/spacing.css */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --space-11:180px;
  --spacing-section-desktop:var(--space-10);
  --spacing-section-tablet:var(--space-9);
  --spacing-section-mobile:var(--space-8);
  --spacing-title-to-body:var(--space-6);
  --spacing-block:var(--space-7);
  --section-y:var(--spacing-section-desktop);
  --section-y-tight:var(--spacing-section-tablet);
  --grid-columns-desktop:12;
  --grid-columns-tablet:8;
  --grid-columns-mobile:4;
  --grid-gutter-desktop:32px;
  --grid-gutter-tablet:24px;
  --grid-gutter-mobile:16px;
  --grid-margin-desktop:56px;
  --grid-margin-tablet:32px;
  --grid-margin-mobile:20px;
  --gutter:var(--grid-gutter-desktop);
  --grid-gap:var(--grid-gutter-desktop);
  --grid-columns:12;
  --width-content-max:1280px;
  --width-text-max:62ch;
  --width-document-a4:210mm;
  --page-max:var(--width-content-max);
  --breakpoint-mobile:480px;
  --breakpoint-tablet:768px;
  --breakpoint-desktop:1120px;
  --breakpoint-wide:1440px;
  --ratio-hero:16 / 9;
  --ratio-plate:3 / 2;
  --ratio-portrait:3 / 4;
  --ratio-tall:4 / 5;
  --ratio-square:1 / 1;
  --ratio-presentation:16 / 9;
  --ratio-story:9 / 16;
}
/* tokens/lines.css */
:root{
  --radius-none:0;
  --radius-subtle:1px;
  --radius:var(--radius-none);
  --border-width-hairline:1px;
  --border-width-strong:1px;
  --border-width-technical:0.5px;
  --border-width:1px;
  --border-hairline:1px solid var(--color-border-subtle);
  --border-ink:1px solid var(--color-border-strong);
  --shadow-none:none;
  --shadow-subtle:0 1px 2px rgba(34,34,32,0.06);
  --shadow:var(--shadow-none);
  --opacity-hover-media:0.86;
  --opacity-disabled:0.45;
  --opacity-scrim:0.92;
  --layer-base:0;
  --layer-sticky:10;
  --layer-overlay:100;
  --layer-modal:200;
  --layer-toast:300;
}
/* tokens/motion.css */
:root{
  --motion-duration-subtle:200ms;
  --motion-duration-base:320ms;
  --motion-duration-reveal:600ms;
  --motion-easing-natural:cubic-bezier(0.22,0.61,0.36,1);
  --motion-easing-enter:cubic-bezier(0,0,0.25,1);
  --motion-translate-reveal:16px;
  --duration-fast:var(--motion-duration-subtle);
  --duration:var(--motion-duration-base);
  --duration-slow:var(--motion-duration-reveal);
  --ease:var(--motion-easing-natural);
  --ease-out:var(--motion-easing-enter);
  --hover-opacity:var(--opacity-hover-media);
  --transition-ink:color var(--motion-duration-subtle) var(--motion-easing-natural),border-color var(--motion-duration-subtle) var(--motion-easing-natural),opacity var(--motion-duration-subtle) var(--motion-easing-natural),background-color var(--motion-duration-subtle) var(--motion-easing-natural);
}
@media (prefers-reduced-motion:reduce){
  :root{
    --motion-duration-subtle:1ms;
    --motion-duration-base:1ms;
    --motion-duration-reveal:1ms;
    --motion-translate-reveal:0px;
  }
  *,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}
}

:root{
  /* Títulos de exibição (Spectral) e margem lateral das páginas, como no CSS das páginas. */
  --d-family:"Spectral",Georgia,serif;
  --d-weight:300;
  --d-track:-0.018em;
  --d-transform:none;
  --d-l:clamp(22px,2vw,28px);
  --d-m:clamp(19px,1.7vw,23px);
  --d-lead:1.2;
  --pad:clamp(20px,5vw,56px);
  /* Transição dos links nas páginas do design. */
  --ease-ink:cubic-bezier(0.22,1,0.36,1);
}

/* Ajustes da Home (Home.dc.html). O :root da página também pedia títulos maiores, mas o style do
   <html> repunha os valores acima, e é isso que se vê no design. */
body.pk-p-home{
  --d-xl:26px;
  --type-lead:17px;
  --type-h3:14px;
  --type-quote:clamp(19px,1.9vw,26px);
}

html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}
::selection{background:var(--limestone);color:var(--ink-charcoal)}

/* 2. Base do design ------------------------------------------------------------------------------ */

.pk-d *,.pk-d *::before,.pk-d *::after{box-sizing:border-box}
body.pk-d{margin:0;background:var(--canvas-ivory);color:var(--ink-charcoal);font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--type-body);line-height:var(--leading-body);letter-spacing:var(--track-body)}
.pk-d h1,.pk-d h2,.pk-d h3,.pk-d h4{font-family:var(--font-sans);font-weight:var(--weight-light);text-transform:uppercase;color:var(--color-text-secondary);margin:0}
.pk-d h1{font-size:var(--type-h1);letter-spacing:var(--track-title);line-height:var(--leading-title)}
.pk-d h2{font-size:var(--type-h2);letter-spacing:var(--track-title);line-height:var(--leading-title)}
.pk-d h3{font-size:var(--type-h3);letter-spacing:var(--track-h3);line-height:var(--leading-title)}
.pk-d h4{font-size:var(--type-h4);letter-spacing:var(--track-h3);line-height:var(--leading-title)}
.pk-d p{margin:0 0 var(--space-4);max-width:var(--measure-body);text-align:left;text-wrap:pretty}
.pk-d a{color:var(--ink-charcoal);text-decoration:none;border-bottom:0;transition:border-color 280ms var(--ease-ink),color 280ms var(--ease-ink)}
.pk-d a:hover{color:var(--earth-taupe)}
.pk-d :focus-visible{outline:1px solid var(--color-state-focus);outline-offset:3px}
.pk-d img{display:block;max-width:100%}
.pk-d picture{display:contents}
/* Sem isto, o <source> fica como item de flex ou grid quando o <picture> não tem caixa, e conta no gap. */
.pk-d picture source{display:none}
.pk-d figure{margin:0}
.pk-d hr{border:0;border-top:var(--border-hairline);margin:var(--space-7) 0}
.pk-d button,.pk-d input,.pk-d select,.pk-d textarea{font:inherit;border-radius:0}
.pk-d button{color:inherit;background:none;border:0;padding:0;cursor:pointer}
.pk-d table{border-collapse:collapse;font-size:var(--type-table);line-height:var(--leading-table)}
.pk-d [data-pg] p,.pk-d [data-doc] p{max-width:none}
.pk-d [data-quote-wide] blockquote p{max-width:none !important}
/* Políticas de Privacidade e de Cookies: os links do texto levam filete. */
.pk-p-privacidade main a,.pk-p-cookies main a{border-bottom:1px solid var(--mineral-olive)}
.pk-p-privacidade main a:hover,.pk-p-cookies main a:hover{color:var(--earth-taupe);border-color:var(--earth-taupe)}

/* Hover dos blocos da Home (no design eram as classes geradas .scp0, .scp1 e .scp2). */
.pk-hv-fade:hover{opacity:var(--opacity-hover-media) !important}
.pk-hv-line:hover{border-color:var(--ink-charcoal) !important;color:var(--earth-taupe) !important}
.pk-hv-paper:hover{background:var(--paper-white) !important}

@media (max-width:900px){
  .pk-d main div > a,.pk-d footer nav a,.pk-d footer div > a{min-height:44px;display:inline-flex;align-items:center}
}

/* 3. Componentes ---------------------------------------------------------------------------------- */

/* Faixa de credenciais (CredentialsBand). */
.pk-cred-4-2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);max-width:var(--width-content-max);margin:0 auto}
.pk-cred-4-2>div{border-left:1px solid var(--cred-rule);padding-left:clamp(20px,2.4vw,40px)}
.pk-cred-4-2>div:nth-child(4n+1){border-left:0;padding-left:0}
@media (max-width:999px){
  .pk-cred-4-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pk-cred-4-2>div{border-left:1px solid var(--cred-rule);padding-left:clamp(20px,2.4vw,40px)}
  .pk-cred-4-2>div:nth-child(2n+1){border-left:0;padding-left:0}
}
@media (max-width:559px){
  .pk-cred-4-2{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  .pk-cred-4-2>div{border-left:0;padding-left:0;border-top:1px solid var(--cred-rule);padding-top:var(--space-5)}
  .pk-cred-4-2>div:first-child{border-top:0;padding-top:0}
}
[data-cred-band] section > div > div > div:first-child{font-size:clamp(20px,1.9vw,25px) !important}

/* Faixa de serviços (ServiceMarquee) e trilho de depoimentos da Home. */
@keyframes pk-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pk-tst{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-tst-rail]{scroll-snap-type:x mandatory}
[data-tst-rail]::-webkit-scrollbar{display:none}
[data-tst-rail]:hover [data-tst-track],[data-tst-rail]:focus-within [data-tst-track]{animation-play-state:paused}

.pk-map svg{display:block;width:100%;height:auto}

@media (prefers-reduced-motion:reduce){
  [data-tst-track]{flex-wrap:wrap;width:auto}
  [data-tst-track] > blockquote:nth-child(n+6){display:none}
  [data-tst-rail]{overflow:visible;scroll-snap-type:none}
  .pk-d *,.pk-h *,.pk-m *,.pk-f *{transition:none !important;animation:none !important}
}

/* 4. Header, menu e rodapé -------------------------------------------------------------------------- */

.pk-h,.pk-h *,.pk-m,.pk-m *,.pk-f,.pk-f *{box-sizing:border-box}
.pk-h,.pk-m,.pk-f{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--type-body);line-height:var(--leading-body);letter-spacing:var(--track-body);color:var(--ink-charcoal);text-align:left}
.pk-h a,.pk-m a,.pk-f a{color:var(--ink-charcoal);text-decoration:none;border-bottom:0;transition:border-color 280ms var(--ease-ink),color 280ms var(--ease-ink)}
.pk-h a:hover,.pk-m a:hover,.pk-f a:hover{color:var(--earth-taupe)}
.pk-h img,.pk-m img,.pk-f img{display:block;max-width:100%;height:auto}
.pk-h p,.pk-m p,.pk-f p{max-width:none;text-align:left}
.pk-h button,.pk-m button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;box-shadow:none;text-shadow:none}
.pk-h :focus-visible,.pk-m :focus-visible,.pk-f :focus-visible{outline:1px solid var(--color-state-focus);outline-offset:3px}

.pk-h{position:sticky;top:0;z-index:40;background:var(--canvas-ivory);border-bottom:1px solid var(--mineral-olive)}
.pk-h-in{max-width:var(--width-content-max);margin:0 auto;padding:clamp(14px,1.6vw,20px) var(--pad);min-height:clamp(74px,8vw,96px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(16px,2vw,32px)}
.pk-h a.pk-h-logo{flex:0 0 auto;display:block}
.pk-h-logo img{width:clamp(200px,22vw,320px)}
.pk-h-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px clamp(14px,2.6vw,44px)}
.pk-h-nav > a{font-size:var(--type-navigation);letter-spacing:var(--track-navigation);text-transform:uppercase;font-weight:var(--weight-regular);line-height:44px;white-space:nowrap;border-bottom:1px solid transparent}
.pk-nav-projetos .pk-h-nav > a[data-nav="projetos"],
.pk-nav-atelier .pk-h-nav > a[data-nav="atelier"],
.pk-nav-servicos .pk-h-nav > a[data-nav="servicos"]{border-bottom-color:var(--ink-charcoal)}
.pk-h-sep{width:1px;height:16px;background:var(--mineral-olive);display:block}
.pk-lang{display:flex;align-items:center;gap:8px;font-size:var(--type-navigation);letter-spacing:var(--track-navigation);color:var(--earth-taupe)}
.pk-h .pk-lang a,.pk-m .pk-lang a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;text-transform:uppercase;letter-spacing:var(--track-navigation);font-size:var(--type-navigation);line-height:1.9;color:var(--earth-taupe);border-bottom:1px solid transparent}
.pk-h .pk-lang a[aria-current],.pk-m .pk-lang a[aria-current]{color:var(--ink-charcoal);border-bottom-color:var(--ink-charcoal)}
.pk-h-menu{display:none;align-items:center;gap:12px;min-height:44px;font-size:var(--type-navigation);letter-spacing:var(--track-navigation);text-transform:uppercase;color:var(--ink-charcoal)}
.pk-h-burger{display:flex;flex-direction:column;gap:5px;width:22px}
.pk-h-burger span{display:block;height:1px;background:var(--ink-charcoal)}
@media (max-width:900px){
  .pk-h-nav{display:none}
  .pk-h-menu{display:flex}
  .pk-h a,.pk-f nav a,.pk-f div > a{min-height:44px;display:inline-flex;align-items:center}
}

.pk-m{position:fixed;inset:0;z-index:60;background:var(--canvas-ivory);display:flex;flex-direction:column;padding:clamp(14px,1.6vw,20px) var(--pad) clamp(28px,5vw,48px);overflow-y:auto}
.pk-m[hidden]{display:none}
.pk-m-top{min-height:clamp(74px,8vw,96px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.pk-m-top img{width:200px}
.pk-m-close{min-height:44px;min-width:44px;text-align:right;font-size:var(--type-navigation);letter-spacing:var(--track-navigation);text-transform:uppercase;color:var(--ink-charcoal)}
.pk-m-nav{margin-top:clamp(24px,5vh,56px);display:flex;flex-direction:column}
.pk-m .pk-m-nav a{font-family:var(--font-sans);font-weight:var(--weight-light);text-transform:uppercase;letter-spacing:var(--track-h3);font-size:clamp(15px,4.4vw,19px);line-height:1.3;padding:18px 0;border-bottom:1px solid var(--limestone);border-top:0}
.pk-m-foot{margin-top:auto;padding-top:clamp(28px,6vh,56px);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-end}
.pk-m .pk-m-foot p{margin:0;font-size:var(--type-caption);letter-spacing:0.14em;text-transform:uppercase;color:var(--earth-taupe)}
body.pk-menu-open{overflow:hidden}

/* Rodapé compacto das páginas interiores (Atelier.dc.html e as outras). A Home tem o seu, completo,
   no próprio corpo, e esconde este. */
.pk-f{margin-top:clamp(56px,7vw,104px);border-top:1px solid var(--mineral-olive);background:var(--canvas-ivory)}
.pk-p-home .pk-f{display:none}
.pk-f-top{max-width:var(--width-content-max);margin:0 auto;padding:clamp(36px,4.6vw,64px) var(--pad);display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,64px);justify-content:space-between;align-items:flex-start}
.pk-f-brand{flex:0 1 300px;min-width:0}
.pk-f-brand img{width:clamp(200px,22vw,260px)}
.pk-f .pk-f-brand p{margin:clamp(20px,2.4vw,28px) 0 0;font-size:var(--type-body-small);line-height:1.9;color:var(--earth-taupe)}
.pk-f-contact{flex:0 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px;font-size:var(--type-body-small)}
.pk-f .pk-f-contact a{border-bottom:1px solid var(--mineral-olive)}
.pk-f-bottom{max-width:var(--width-content-max);margin:0 auto;padding:clamp(18px,2.2vw,26px) var(--pad) clamp(36px,4.6vw,60px);border-top:1px solid var(--limestone);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.pk-f .pk-f-bottom p{margin:0;font-size:var(--type-caption);color:var(--earth-taupe)}
.pk-f-legal{display:flex;flex-wrap:wrap;gap:24px;font-size:var(--type-caption)}
.pk-f .pk-f-legal a{color:var(--earth-taupe)}
.pk-f .pk-f-legal a:hover{color:var(--ink-charcoal)}

/* 5. Páginas legadas ------------------------------------------------------------------------------ */

/* As 110 páginas que não vieram no design (posts, arquivos, tags, portfólio, equipa e 404) guardam o
   HTML do tema Inteco. O apply.sql trocou-lhes o header e o rodapé pelos do design e pôs pk-legacy no
   <body>; isto dá ao resto as cores e as fontes do design sem mexer no HTML. O CSS do tema carrega
   antes deste, e o body.pk-legacy à frente é o que faz estas regras ganharem às dele. */
body.pk-legacy{background:var(--canvas-ivory);color:var(--ink-charcoal);font-family:var(--font-body)}
body.pk-legacy .inteco-body-outer-wrapper,
body.pk-legacy .inteco-body-wrapper,
body.pk-legacy .inteco-page-wrapper{background:transparent}
body.pk-legacy .inteco-header-transparent-substitute{display:none}
/* O tema usa contentores de 1340px com 20px + 30px de margem interna; com esta largura o texto fica
   na mesma linha do logótipo e do rodapé (1280px menos a --pad de cada lado). */
@media (min-width:1000px){
  body.pk-legacy .inteco-body-wrapper :is(.inteco-container,.gdlr-core-container){max-width:calc(var(--width-content-max) - 2 * var(--pad) + 100px)}
}

/* Fontes: Manrope no texto e Spectral nos títulos, no lugar da Didact Gothic. Os ícones (FontAwesome,
   Elegant Icons) têm classes próprias e ficam com as fontes deles. */
body.pk-legacy button,body.pk-legacy input,body.pk-legacy select,body.pk-legacy textarea,
body.pk-legacy .gdlr-core-content-font,body.pk-legacy .inteco-content-font,
body.pk-legacy .gdlr-core-button,body.pk-legacy .gdlr-core-load-more,body.pk-legacy .inteco-button,
body.pk-legacy .gdlr-core-info-font,body.pk-legacy .gdlr-core-blog-info-font,body.pk-legacy .inteco-blog-info-font,
body.pk-legacy .breadcrumbs-container,body.pk-legacy .gdlr-core-filterer-wrap{font-family:var(--font-body)}
body.pk-legacy .inteco-body-wrapper :is(h1,h2,h3,h4,h5,h6),
body.pk-legacy .inteco-body-wrapper .inteco-title-font,
body.pk-legacy .inteco-body-wrapper .gdlr-core-title-font{font-family:var(--d-family);font-weight:var(--d-weight);letter-spacing:var(--d-track);color:var(--ink-charcoal)}
body.pk-legacy .inteco-body-wrapper :is(h1,h2,h3,h4,h5,h6){line-height:1.2;text-wrap:pretty}
body.pk-legacy .inteco-body-wrapper :is(.gdlr-core-portfolio-title,.gdlr-core-title-item-title){font-family:var(--font-sans);font-weight:var(--weight-light);letter-spacing:var(--track-h3) !important;text-transform:uppercase}
/* O CSS do tema põe a Source Sans Pro nesta legenda com !important. */
body.pk-legacy .inteco-body-wrapper .gdlr-core-title-item-caption{font-family:var(--font-body) !important;font-style:normal;color:var(--earth-taupe)}
body.pk-legacy .inteco-content-area h1{font-size:clamp(28px,3vw,40px)}
body.pk-legacy .inteco-content-area h2,body.pk-legacy .gdlr-core-page-builder-body h2{font-size:clamp(24px,2.4vw,32px)}
body.pk-legacy .inteco-content-area h3,body.pk-legacy .gdlr-core-page-builder-body h3{font-size:clamp(20px,1.8vw,25px)}
body.pk-legacy .inteco-content-area h4,body.pk-legacy .gdlr-core-page-builder-body h4{font-size:19px}
body.pk-legacy .inteco-body-wrapper a{color:var(--ink-charcoal);transition:color 280ms var(--ease-ink),border-color 280ms var(--ease-ink),background-color 280ms var(--ease-ink)}
body.pk-legacy .inteco-body-wrapper a:hover{color:var(--earth-taupe)}
body.pk-legacy :is(.inteco-single-article-content,.gdlr-core-text-box-item-content,.inteco-archive-taxonomy-description) a{text-decoration:underline;text-decoration-color:var(--mineral-olive);text-decoration-thickness:1px;text-underline-offset:3px}
body.pk-legacy .inteco-body-wrapper blockquote,body.pk-legacy .inteco-body-wrapper q{background:none;border-color:var(--mineral-olive);color:var(--ink-charcoal);font-family:var(--d-family);font-weight:var(--d-weight)}
body.pk-legacy .gdlr-core-skin-divider,body.pk-legacy .inteco-single-nav-area,body.pk-legacy .gdlr-core-portfolio-single-nav-wrap{border-color:var(--limestone)}

/* Faixa do título (arquivos, portfólio, equipa): sem o padrão cinzento, alinhada à esquerda como a
   abertura de Publicações. Nos arquivos o título é "Categoria"/"Tag" e o nome vem na legenda; o tema
   escondia o título com font-size 0, e aqui ele passa a sobretítulo. */
body.pk-legacy .inteco-page-title-wrap{background:none !important;text-align:left}
body.pk-legacy .inteco-page-title-wrap .inteco-page-title-overlay{display:none}
body.pk-legacy .inteco-page-title-wrap .inteco-page-title-content{padding-top:clamp(44px,6vw,90px) !important;padding-bottom:clamp(8px,1.4vw,20px) !important}
body.pk-legacy .inteco-page-title-wrap h3.inteco-page-title{margin:0 0 clamp(18px,2vw,24px);font-family:var(--font-display);font-size:var(--size-eyebrow);font-weight:var(--weight-body);text-transform:uppercase;letter-spacing:var(--track-eyebrow);line-height:1.4;color:var(--text-eyebrow)}
body.pk-legacy .inteco-page-title-wrap h1.inteco-page-title,
body.pk-legacy .inteco-page-title-wrap .inteco-page-caption{margin:0;font-family:var(--d-family);font-weight:var(--d-weight);text-transform:none;letter-spacing:var(--d-track);font-size:clamp(25px,2.6vw,38px);line-height:1.15;color:var(--ink-charcoal)}

/* Abertura dos posts: o tema punha a imagem de destaque por trás, com véu escuro e título branco. A
   imagem continua no início do artigo; aqui fica só o texto, como nas outras faixas de título. */
body.pk-legacy .inteco-blog-title-wrap{background:none !important}
body.pk-legacy .inteco-blog-title-wrap :is(.inteco-blog-title-overlay,.inteco-blog-title-top-overlay,.inteco-blog-title-bottom-overlay){display:none}
body.pk-legacy .inteco-blog-title-wrap .inteco-blog-title-content{padding-top:clamp(44px,6vw,90px) !important;padding-bottom:clamp(8px,1.4vw,20px) !important}
body.pk-legacy .inteco-blog-title-wrap .inteco-single-article-title{margin:0 0 clamp(16px,1.8vw,22px);font-size:clamp(28px,3.2vw,44px);line-height:1.15;color:var(--ink-charcoal)}
body.pk-legacy .inteco-single-article-date-wrapper{float:none;display:flex;gap:0.5em;width:auto;margin:0 0 clamp(18px,2vw,24px);padding:0;border:0;text-align:left;line-height:1.4}
body.pk-legacy .inteco-single-article-date-wrapper > div,
body.pk-legacy .inteco-blog-title-wrap .inteco-single-article-date-wrapper > div{margin:0;font-family:var(--font-display);font-size:var(--size-eyebrow);font-weight:var(--weight-body);text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--text-eyebrow)}
body.pk-legacy .inteco-blog-title-wrap #breadcrumbs,
body.pk-legacy .inteco-blog-title-wrap #breadcrumbs :is(a,span),
body.pk-legacy .inteco-blog-title-wrap .inteco-blog-info-wrapper,
body.pk-legacy .inteco-blog-title-wrap .inteco-blog-info-wrapper :is(a,span){font-family:var(--font-body);font-size:var(--type-annotation);font-weight:var(--weight-body);letter-spacing:var(--track-annotation);text-transform:uppercase;line-height:1.9;color:var(--earth-taupe)}
body.pk-legacy .inteco-blog-title-wrap #breadcrumbs a:hover,
body.pk-legacy .inteco-blog-title-wrap .inteco-blog-info-wrapper a:hover{color:var(--ink-charcoal)}
body.pk-legacy .inteco-blog-title-wrap .breadcrumbs-container{margin:0 0 6px}
body.pk-legacy .inteco-blog-title-wrap .inteco-head{display:none}

/* Listas de posts. */
body.pk-legacy .gdlr-core-blog-title a{color:var(--ink-charcoal)}
body.pk-legacy .gdlr-core-blog-title a:hover{color:var(--earth-taupe)}
body.pk-legacy .gdlr-core-blog-date-wrapper .gdlr-core-blog-date-day{font-family:var(--d-family);font-weight:var(--d-weight);color:var(--ink-charcoal)}
body.pk-legacy .gdlr-core-blog-date-wrapper .gdlr-core-blog-date-month{font-size:var(--type-caption);letter-spacing:0.14em;text-transform:uppercase;font-weight:var(--weight-body);color:var(--earth-taupe)}
body.pk-legacy .inteco-single-article .inteco-blog-info-wrapper,
body.pk-legacy .inteco-single-article .inteco-blog-info-wrapper :is(a,i),
body.pk-legacy .gdlr-core-blog-info-wrapper,
body.pk-legacy .gdlr-core-blog-info-wrapper :is(a,i){color:var(--earth-taupe)}
body.pk-legacy .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{font-size:var(--type-annotation);font-weight:var(--weight-body);letter-spacing:var(--track-annotation)}

/* Botões ("Leia mais" e os do page builder): o secundário do design, com contorno. */
body.pk-legacy .inteco-body-wrapper .gdlr-core-button,
body.pk-legacy .inteco-body-wrapper .gdlr-core-load-more,
body.pk-legacy .inteco-body-wrapper .inteco-button,
body.pk-legacy .inteco-body-wrapper input[type="submit"],
body.pk-legacy .inteco-body-wrapper input[type="button"]{background:transparent;color:var(--ink-charcoal);border:1px solid var(--ink-charcoal);border-radius:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-button);letter-spacing:0.24em;text-transform:uppercase;line-height:1;padding:15px 30px}
body.pk-legacy .inteco-body-wrapper .gdlr-core-button:hover,
body.pk-legacy .inteco-body-wrapper .gdlr-core-load-more:hover,
body.pk-legacy .inteco-body-wrapper .inteco-button:hover,
body.pk-legacy .inteco-body-wrapper input[type="submit"]:hover{background:var(--ink-charcoal);color:var(--paper-white)}
body.pk-legacy .inteco-body-wrapper .gdlr-core-button.gdlr-core-button-gradient{background:transparent}
body.pk-legacy .inteco-body-wrapper .gdlr-core-button.gdlr-core-button-gradient:hover{background:var(--ink-charcoal)}

/* Barra lateral. */
body.pk-legacy .inteco-sidebar-area .inteco-widget-title{font-family:var(--font-display);font-size:var(--size-eyebrow);font-weight:var(--weight-body);letter-spacing:var(--track-eyebrow);text-transform:uppercase;line-height:1.4;color:var(--text-eyebrow)}
body.pk-legacy .inteco-sidebar-area,
body.pk-legacy .inteco-sidebar-area a{color:var(--ink-charcoal)}
body.pk-legacy .inteco-sidebar-area a:hover,
body.pk-legacy .inteco-sidebar-area .current-menu-item > a{color:var(--earth-taupe)}
body.pk-legacy .inteco-sidebar-area li{font-size:var(--type-body-small);border-color:var(--limestone)}
body.pk-legacy .inteco-sidebar-area .gdlr-core-blog-info,
body.pk-legacy .inteco-sidebar-area .gdlr-core-blog-info :is(a,i){color:var(--earth-taupe)}
body.pk-legacy .widget_search input.search-field{background:transparent;border:0;border-bottom:1px solid var(--mineral-olive);padding-left:0;padding-right:0;color:var(--ink-charcoal)}
body.pk-legacy .widget_search input.search-field::placeholder{color:var(--earth-taupe)}
body.pk-legacy .inteco-body-wrapper .tagcloud a{background:transparent;border:1px solid var(--mineral-olive);color:var(--ink-charcoal);font-family:var(--font-body);font-weight:var(--weight-body);font-size:10px !important;letter-spacing:0.18em}
body.pk-legacy .inteco-body-wrapper .tagcloud a:hover{background:transparent;border-color:var(--ink-charcoal);color:var(--ink-charcoal)}

/* Paginação e navegação entre posts. */
body.pk-legacy .gdlr-core-pagination :is(a,span){background:transparent;color:var(--earth-taupe);border:1px solid var(--limestone);border-radius:0;font-family:var(--font-body);font-weight:var(--weight-body)}
body.pk-legacy .gdlr-core-pagination a:hover,
body.pk-legacy .gdlr-core-pagination a.gdlr-core-active,
body.pk-legacy .gdlr-core-pagination span{background:var(--ink-charcoal);border-color:var(--ink-charcoal);color:var(--paper-white)}
body.pk-legacy .inteco-single-nav a{color:var(--ink-charcoal)}
body.pk-legacy .inteco-single-nav a:hover{color:var(--earth-taupe)}
body.pk-legacy .inteco-single-nav .inteco-text{font-size:var(--type-button);font-weight:var(--weight-body);letter-spacing:var(--track-button)}

/* Portfólio, equipa e filtros. */
body.pk-legacy .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title a{color:var(--ink-charcoal)}
body.pk-legacy .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title a:hover{color:var(--earth-taupe)}
body.pk-legacy .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info,
body.pk-legacy .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-info a,
body.pk-legacy .gdlr-core-portfolio-single-nav,
body.pk-legacy .gdlr-core-portfolio-single-nav a{color:var(--earth-taupe)}
body.pk-legacy .gdlr-core-personnel-style-grid .gdlr-core-personnel-list-title,
body.pk-legacy .gdlr-core-personnel-style-grid .gdlr-core-personnel-list-title a{color:var(--ink-charcoal)}
body.pk-legacy .gdlr-core-personnel-style-grid :is(.gdlr-core-personnel-list-position,.gdlr-core-personnel-list-divider){color:var(--earth-taupe)}
body.pk-legacy .gdlr-core-filterer-wrap.gdlr-core-style-text a{color:var(--earth-taupe)}
body.pk-legacy .gdlr-core-filterer-wrap.gdlr-core-style-text :is(a:hover,a.gdlr-core-active){color:var(--ink-charcoal)}

/* Página não encontrada: o fundo verde-oliva com imagem passa ao marfim, e o texto alinha à esquerda
   com a mesma margem interna das faixas de título (o tema tirava-a aqui, por ser centrado). */
body.pk-legacy .inteco-not-found-wrap{background:transparent;text-align:left}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-background{display:none}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-content{padding:clamp(44px,6vw,90px) 30px clamp(56px,7vw,104px)}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-head{margin:0 0 clamp(18px,2vw,24px);font-family:var(--font-display);font-size:var(--size-eyebrow);font-weight:var(--weight-body);letter-spacing:var(--track-eyebrow);line-height:1.4;color:var(--text-eyebrow)}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-title{margin:0 0 var(--space-4);font-family:var(--d-family);font-weight:var(--d-weight);text-transform:none;letter-spacing:var(--d-track);font-size:clamp(25px,2.6vw,38px);line-height:1.15;color:var(--ink-charcoal)}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-caption{font-size:var(--type-body);color:var(--ink-charcoal)}
body.pk-legacy .inteco-not-found-wrap form.search-form{margin:clamp(28px,3.4vw,44px) 0 var(--space-5);max-width:430px}
body.pk-legacy .inteco-not-found-wrap form.search-form input.search-field{height:auto;padding:14px 44px 14px 0;background:transparent;border:0;border-bottom:1px solid var(--mineral-olive);border-radius:0;font-family:var(--font-body);color:var(--ink-charcoal)}
body.pk-legacy .inteco-not-found-wrap input.search-field::placeholder{color:var(--earth-taupe)}
body.pk-legacy .inteco-not-found-wrap .inteco-top-search-submit{right:0;color:var(--ink-charcoal)}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-back-to-home a{font-size:var(--type-button);letter-spacing:var(--track-button);color:var(--ink-charcoal);border-bottom:1px solid var(--mineral-olive)}
body.pk-legacy .inteco-not-found-wrap .inteco-not-found-back-to-home a:hover{color:var(--earth-taupe)}

/* 6. Aviso e definições de cookies --------------------------------------------------------------- */

/* O aviso fica preso ao fundo, por cima da página mas sem a bloquear (o site navega-se sem escolher),
   e o painel é um <dialog> modal. Aparecem também nas páginas legadas, daí os seletores com classe. */
.pk-consent,.pk-consent *,.pk-consent-prefs,.pk-consent-prefs *{box-sizing:border-box}
.pk-consent,.pk-consent-prefs{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--type-body-small);line-height:1.8;letter-spacing:var(--track-body);color:var(--ink-charcoal);text-align:left}
.pk-consent{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--canvas-ivory);border-top:1px solid var(--mineral-olive);box-shadow:0 -16px 40px rgba(34,34,32,.08)}
.pk-consent[hidden]{display:none}
.pk-consent-in{max-width:var(--width-content-max);margin:0 auto;padding:clamp(20px,2.4vw,32px) var(--pad);display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,56px);align-items:center;justify-content:space-between}
.pk-consent-text{flex:1 1 520px;min-width:0}
.pk-consent h2,.pk-consent-prefs h2{margin:0 0 10px;padding:0;font-family:var(--font-sans);font-weight:var(--weight-light);font-size:14px;letter-spacing:var(--track-h3);line-height:1.5;text-transform:uppercase;color:var(--ink-charcoal)}
.pk-consent p,.pk-consent-prefs p{margin:0;padding:0;max-width:62ch;font-size:var(--type-body-small);line-height:1.8;color:var(--ink-charcoal)}
.pk-consent a{color:var(--ink-charcoal);text-decoration:none;border-bottom:1px solid var(--mineral-olive);white-space:nowrap}
.pk-consent a:hover{color:var(--earth-taupe);border-color:var(--earth-taupe)}
.pk-consent-actions{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}

/* Aceitar e Rejeitar com o mesmo peso: o mesmo botão (o secundário do design, com contorno). */
.pk-consent .pk-consent-btn,.pk-consent-prefs .pk-consent-btn{min-height:44px;margin:0;padding:15px 30px;background:transparent;color:var(--ink-charcoal);border:1px solid var(--ink-charcoal);border-radius:0;box-shadow:none;font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--type-button);letter-spacing:0.24em;line-height:1;text-transform:uppercase;cursor:pointer;transition:background 280ms var(--ease-ink),color 280ms var(--ease-ink)}
.pk-consent .pk-consent-btn:hover,.pk-consent-prefs .pk-consent-btn:hover{background:var(--ink-charcoal);color:var(--paper-white)}
.pk-consent .pk-consent-more,.pk-consent-prefs .pk-consent-close,.pk-consent-open{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font:inherit;cursor:pointer}
.pk-consent .pk-consent-more,.pk-consent-prefs .pk-consent-close{min-height:44px;font-size:var(--type-button);letter-spacing:0.24em;text-transform:uppercase;color:var(--ink-charcoal);text-decoration:underline;text-decoration-color:var(--mineral-olive);text-underline-offset:6px}
.pk-consent .pk-consent-more:hover,.pk-consent-prefs .pk-consent-close:hover{color:var(--earth-taupe)}
.pk-consent :focus-visible,.pk-consent-prefs :focus-visible,.pk-consent-open:focus-visible{outline:1px solid var(--color-state-focus);outline-offset:3px}

.pk-consent-prefs{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:clamp(28px,4vw,48px);background:var(--canvas-ivory);border:1px solid var(--mineral-olive);border-radius:0}
.pk-consent-prefs::backdrop{background:rgba(34,34,32,.45)}
.pk-consent-prefs h2{padding-right:72px}
.pk-consent-prefs .pk-consent-close{position:absolute;top:clamp(14px,2.4vw,30px);right:clamp(16px,3vw,40px)}
.pk-consent-cat{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-top:22px;padding-top:20px;border-top:1px solid var(--limestone)}
.pk-consent-prefs h3{margin:0 0 6px;padding:0;font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--type-caption);letter-spacing:var(--track-h3);line-height:1.5;text-transform:uppercase;color:var(--ink-charcoal)}
.pk-consent-prefs label{cursor:pointer;font:inherit;color:inherit;margin:0}
.pk-consent-state{flex:0 0 auto;font-size:var(--type-annotation);letter-spacing:var(--track-annotation);text-transform:uppercase;color:var(--earth-taupe);padding-top:3px}
.pk-consent-prefs .pk-consent-switch{appearance:none;-webkit-appearance:none;flex:0 0 auto;position:relative;width:46px;height:26px;margin:0;border:1px solid var(--ink-charcoal);border-radius:13px;background:transparent;cursor:pointer;transition:background 200ms var(--ease-ink)}
.pk-consent-prefs .pk-consent-switch::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink-charcoal);transition:transform 200ms var(--ease-ink),background 200ms var(--ease-ink)}
.pk-consent-prefs .pk-consent-switch:checked{background:var(--ink-charcoal)}
.pk-consent-prefs .pk-consent-switch:checked::before{transform:translateX(20px);background:var(--canvas-ivory)}
.pk-consent-prefs .pk-consent-actions{margin-top:28px;padding-top:24px;border-top:1px solid var(--limestone)}

/* "Definições de cookies" no rodapé: um botão com cara de link, como os vizinhos (o rodapé da Home
   é do design, .pk-d footer; o das outras páginas é o .pk-f). */
.pk-f .pk-consent-open,.pk-d footer .pk-consent-open{font-size:var(--type-caption);letter-spacing:inherit;line-height:inherit;text-transform:none;color:var(--earth-taupe);text-align:left}
.pk-f .pk-consent-open:hover,.pk-d footer .pk-consent-open:hover{color:var(--ink-charcoal)}

@media (max-width:700px){
  .pk-consent-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .pk-consent .pk-consent-more{grid-column:1 / -1;justify-self:start}
  .pk-consent-prefs .pk-consent-actions{grid-template-columns:1fr}
  .pk-consent .pk-consent-btn,.pk-consent-prefs .pk-consent-btn{padding:15px 12px}
}
@media (max-width:900px){
  .pk-consent-open{min-height:44px;display:inline-flex;align-items:center}
}

/* Política de Cookies: a tabela dos cookies. Em ecrãs estreitos cada linha vira um cartão, com o
   nome da coluna (data-label) antes de cada valor. */
.pk-table{margin:4px 0}
.pk-d .pk-table table{width:100%;border-collapse:collapse;font-size:var(--type-body-small);line-height:1.7}
.pk-table th{padding:0 16px 12px 0;text-align:left;vertical-align:bottom;font-weight:var(--weight-regular);font-size:var(--type-annotation);letter-spacing:var(--track-annotation);text-transform:uppercase;color:var(--earth-taupe);border-bottom:1px solid var(--mineral-olive)}
.pk-table td{padding:14px 16px 14px 0;vertical-align:top;border-bottom:1px solid var(--limestone)}
.pk-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:nowrap}
@media (max-width:700px){
  .pk-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pk-table table,.pk-table tbody,.pk-table tr,.pk-table td{display:block;width:100%}
  .pk-table tr{padding:14px 0;border-bottom:1px solid var(--limestone)}
  .pk-table tr:first-child{border-top:1px solid var(--mineral-olive)}
  .pk-table td{padding:2px 0;border:0;display:grid;grid-template-columns:7.5em 1fr;gap:12px}
  .pk-table td::before{content:attr(data-label);font-size:var(--type-annotation);letter-spacing:var(--track-annotation);text-transform:uppercase;color:var(--earth-taupe);padding-top:3px}
}