.pkb-module{container:pkbio/inline-size;position:relative;display:flex;flex-direction:column;gap:24px;isolation:isolate;padding:24px 5% 26px;color:#f1edf5;font-family:Barlow,sans-serif;font-weight:400;min-width:0}
.pkb-module::before{content:"";position:absolute;inset:0;background:rgba(22,22,25,.42);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);z-index:-1;pointer-events:none}
.pkb-module :where(div,p,a,label,button,span){box-sizing:border-box}
.pkb-module button,.pkb-module label{font-family:inherit}
.pkb-module :where(button,a,summary,label){-webkit-tap-highlight-color:transparent}
.pkb-module :where(a,button,summary):focus-visible{outline:2px solid var(--pk-accent);outline-offset:3px}
.pkb-module .pkb-highlights,.pkb-module .pkb-groups,.pkb-module .pkb-reading{min-width:0;align-self:stretch}
.pkb-module .pkb-rail{--visible:2.5;--gaps:2;--gap:12px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gaps)*var(--gap))/var(--visible));gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 0;align-items:start;mask-image:linear-gradient(to right,transparent,#000 var(--left-fade,0px),#000 calc(100% - var(--right-fade,18px)),transparent)}
.pkb-module .pkb-rail::-webkit-scrollbar,.pkb-module .pkb-tags::-webkit-scrollbar{display:none}
.pkb-module[data-count="1"] .pkb-rail{--visible:1;--gaps:0}.pkb-module[data-count="2"] .pkb-rail{--visible:2;--gaps:1}
.pkb-module .pkb-card{position:relative;aspect-ratio:1;min-width:0;overflow:hidden;border:1px solid rgba(230,228,237,.07);border-radius:14px;background:color-mix(in srgb,var(--pk-accent) 3%,transparent);text-decoration:none;color:var(--pk-accent);scroll-snap-align:start;display:flex;align-items:center;justify-content:center;isolation:isolate}
.pkb-module[data-count="1"] .pkb-card{aspect-ratio:4/3}
.pkb-module .pkb-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pk-accent);opacity:calc(.23 * (var(--pkb-active,.05) + .65 * var(--pkb-visibility,0)));transition:opacity .5s;pointer-events:none}
.pkb-module .pkb-card::after{content:"";position:absolute;bottom:2px;left:18px;right:18px;height:2px;background:var(--pk-accent);transform:scaleX(0);transition:transform .35s;pointer-events:none}
@media(hover:hover){.pkb-module .pkb-card:hover::after,.pkb-module .pkb-card:focus-within::after{transform:scaleX(1)}}
.pkb-module .pkb-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.pkb-module .pkb-shade{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(transparent 40%,rgba(0,0,0,.15));z-index:0;pointer-events:none}
.pkb-module .pkb-type-media .pkb-shade,.pkb-module .pkb-type-release .pkb-shade{background:linear-gradient(transparent 30%,rgba(0,0,0,.85))}
.pkb-module .pkb-badge{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 9px;background:color-mix(in srgb,var(--pk-accent) 78%,white);color:#17151c;font-size:10px;font-weight:600;line-height:1.2;box-shadow:0 3px 12px rgba(0,0,0,.27);z-index:2}
.pkb-module[data-count="1"] .pkb-badge,.pkb-module[data-count="2"] .pkb-badge{font-size:11px}
.pkb-module .pkb-value{position:relative;font-family:'Barlow Condensed',Barlow,sans-serif;font-size:clamp(28px,6cqi,64px);font-weight:600;text-transform:uppercase;letter-spacing:-.03em;line-height:1.05;text-align:center;padding:32px 8px;max-width:100%;overflow-wrap:anywhere}
.pkb-module .pkb-footer{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:8px;align-items:end;justify-content:flex-end;color:white;font-size:11px;line-height:1.25}
.pkb-module .pkb-footer svg{width:20px;height:20px;flex-shrink:0;filter:drop-shadow(0 1px 3px #000)}
.pkb-module .pkb-plus{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:white;color:#17151c;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0004}
.pkb-module[data-count="2"] .pkb-plus{width:28px;height:28px;font-size:12px}.pkb-module[data-count="1"] .pkb-plus{width:38px;height:38px;font-size:15px}
.pkb-module .pkb-media-title{margin-right:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px #000}
.pkb-module .pkb-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(23,19,31,.92);color:white;border:1px solid #ffffffa1}.pkb-module .pkb-play svg{width:24px;height:24px}
.pkb-module .pkb-navigation{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.pkb-module .pkb-navigation[hidden]{display:none}
.pkb-module .pkb-navigation button{border:0;background:transparent;padding:5px;color:var(--pk-accent);cursor:pointer}.pkb-module .pkb-navigation button:disabled{opacity:.3;cursor:default}.pkb-module .pkb-navigation svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pkb-module .pkb-counter{font-size:11px;color:#a3a1a0;font-variant-numeric:tabular-nums}
.pkb-module .pkb-tag-group{margin-bottom:20px}.pkb-module .pkb-tag-group>p{font-size:13px;font-weight:500;margin:0 0 10px;color:rgb(171,165,180)}
.pkb-module .pkb-tags{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;mask-image:linear-gradient(to right,transparent,#000 var(--left-fade,0px),#000 calc(100% - var(--right-fade,18px)),transparent)}
.pkb-module .pkb-tags>span{white-space:nowrap;flex-shrink:0;border-radius:999px;font-size:14px;line-height:1.25;padding:8px 12px;background:color-mix(in srgb,var(--pk-accent) 3%,transparent);border:1px solid rgba(230,228,237,.07)}.pkb-module .pkb-tags>span:nth-child(even){background:color-mix(in srgb,var(--pk-accent) 1.5%,transparent)}
.pkb-module .pkb-hidden-group{display:none}.pkb-module .pkb-hidden-group:has(:target){display:block}
.pkb-module .pkb-language-radio,.pkb-module .pkb-expand-checkbox{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.pkb-module .pkb-languages{display:flex;align-items:center;gap:5px;position:relative;margin-bottom:20px;max-width:100%}
.pkb-module .pkb-languages>label{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 1 71px;min-width:0;border-radius:14px;padding:8px 4px;font-size:12px;cursor:pointer;position:relative}
.pkb-module .pkb-languages>label>svg{width:20px;height:15px;border-radius:2px;flex-shrink:0}
.pkb-module .pkb-languages>label::after{content:"";height:2px;position:absolute;bottom:0;left:9px;right:9px;background:var(--pk-accent);opacity:0;transition:opacity .3s}
.pkb-module .pkb-info{position:relative;flex-shrink:0}.pkb-module .pkb-info summary{list-style:none;cursor:pointer;border:1px solid #ffffff50;border-radius:50%;width:17px;height:17px;font-size:11px;text-align:center;line-height:15px}.pkb-module .pkb-info summary::-webkit-details-marker{display:none}.pkb-module .pkb-info p{position:absolute;z-index:10;right:0;top:20px;width:min(270px,70vw);padding:14px;background:#24232b;border:1px solid #ffffff25;border-radius:14px;font-size:13px;line-height:1.5}
.pkb-module .pkb-language-panel{display:none}.pkb-module .pkb-short{font-size:22px;line-height:1.42;text-align:left;margin:0 0 20px}
.pkb-module .pkb-full{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s,opacity .4s}.pkb-module .pkb-full>div{overflow:hidden;min-height:0}.pkb-module .pkb-full p{font-size:17px;line-height:1.75;text-align:justify;margin:0 0 19px}.pkb-module .pkb-full a{color:var(--pk-accent)}
.pkb-module .pkb-expand-checkbox:checked~.pkb-language-panel .pkb-full,.pkb-module .pkb-full-only{grid-template-rows:1fr;opacity:1}.pkb-module .pkb-expand{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;font-size:14px;color:var(--pk-accent);padding-top:15px;border-top:1px solid #e6e4ed12;cursor:pointer}.pkb-module .pkb-expand span{transition:transform .4s}.pkb-module .pkb-expand-checkbox:checked~.pkb-language-panel .pkb-expand span{transform:rotate(180deg)}
.pkb-module .pkb-language-radio:nth-of-type(1):checked~.pkb-language-panel[data-panel="0"],.pkb-module .pkb-language-radio:nth-of-type(2):checked~.pkb-language-panel[data-panel="1"],.pkb-module .pkb-language-radio:nth-of-type(3):checked~.pkb-language-panel[data-panel="2"],.pkb-module .pkb-language-radio:nth-of-type(4):checked~.pkb-language-panel[data-panel="3"]{display:block}
.pkb-module .pkb-language-radio:nth-of-type(1):checked~.pkb-languages>label:nth-child(1)::after,.pkb-module .pkb-language-radio:nth-of-type(2):checked~.pkb-languages>label:nth-child(2)::after,.pkb-module .pkb-language-radio:nth-of-type(3):checked~.pkb-languages>label:nth-child(3)::after,.pkb-module .pkb-language-radio:nth-of-type(4):checked~.pkb-languages>label:nth-child(4)::after{opacity:1}
.pkb-module .pkb-language-radio:focus-visible~.pkb-languages{outline:1px solid var(--pk-accent)}.pkb-module .pkb-expand-checkbox:focus-visible~.pkb-language-panel .pkb-expand{outline:1px solid var(--pk-accent)}
.pkb-module .pkb-marker{position:absolute;bottom:0;height:2px;background:var(--pk-accent);transition:transform .4s,width .4s;pointer-events:none}.pkb-module.pkb-enhanced .pkb-languages>label::after{display:none}
.pkb-module .pkb-dialog{border:1px solid #ffffff25;border-radius:14px;background:#17171d;color:#f1edf5;max-width:min(90vw,800px);max-height:85vh;padding:20px}.pkb-module .pkb-dialog::backdrop{background:#000b}.pkb-module .pkb-dialog img{max-width:100%;max-height:65vh;object-fit:contain}.pkb-module .pkb-dialog button{background:transparent;color:white;border:0;font-size:24px;cursor:pointer;float:right}.pkb-module .pkb-dialog .pkb-tags{flex-wrap:wrap;mask:none;overflow:visible}
@container pkbio (max-width:649px){.pkb-module[data-mobile="grid"]:not([data-count="1"]):not([data-count="2"]) .pkb-rail{--visible:3;--gaps:2;grid-template-rows:repeat(2,auto)}.pkb-module[data-mobile="grid"]:not([data-count="1"]):not([data-count="2"]) :is(.pkb-badge,.pkb-footer){display:none}}
@container pkbio (min-width:650px){.pkb-module[data-desktop="grid3"]:not([data-count="1"]):not([data-count="2"]) .pkb-rail{--visible:3;--gaps:2;grid-template-rows:repeat(2,auto)}.pkb-module[data-desktop="grid35"]:not([data-count="1"]):not([data-count="2"]) .pkb-rail{--visible:3.5;--gaps:3;grid-template-rows:repeat(2,auto)}.pkb-module:not([data-desktop="row"]):not([data-count="1"]):not([data-count="2"]) :is(.pkb-badge,.pkb-footer){display:none}}
.pkb-module[data-wide="true"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px;align-items:start}.pkb-module[data-wide="true"] .pkb-reading{grid-column:2;grid-row:1/3}.pkb-module[data-wide="true"] .pkb-highlights{grid-column:1;grid-row:1}.pkb-module[data-wide="true"] .pkb-groups{grid-column:1;grid-row:2;align-self:start}.pkb-module[data-wide="true"][data-side="left"] .pkb-reading{grid-column:1}.pkb-module[data-wide="true"][data-side="left"] :is(.pkb-highlights,.pkb-groups){grid-column:2}.pkb-module[data-wide="true"][data-column="tags-highlights"] .pkb-groups{grid-row:1}.pkb-module[data-wide="true"][data-column="tags-highlights"] .pkb-highlights{grid-row:2}
.pkb-module[data-wide="true"] .pkb-rail{--visible:1.5;--gaps:1;grid-template-rows:none}.pkb-module[data-wide="true"]:not([data-groups="0"]):not([data-groups="1"]) .pkb-rail{--visible:3;--gaps:2;grid-template-rows:repeat(2,auto)}.pkb-module[data-wide="true"][data-groups="2"] .pkb-rail{--visible:2.5;--gaps:2}.pkb-module[data-wide="true"][data-count="1"] .pkb-rail{--visible:1;--gaps:0}.pkb-module[data-wide="true"][data-count="1"] .pkb-card{aspect-ratio:auto;height:180px}.pkb-module[data-wide="true"][data-count="2"] .pkb-rail{--visible:2;--gaps:1;grid-template-rows:none}
.pkb-module[data-wide="true"]:is([data-groups="3"],[data-groups="4"],[data-groups="5"]):not([data-count="1"]):not([data-count="2"]) :is(.pkb-badge,.pkb-footer){display:none}
@container pkbio (max-width:390px){.pkb-module:not([data-count="1"]):not([data-count="2"]) .pkb-footer svg{width:16px;height:16px}.pkb-module:not([data-count="1"]):not([data-count="2"]) .pkb-media-title{display:none}.pkb-module .pkb-short{font-size:20px}}
@media(prefers-reduced-motion:reduce){.pkb-module :where(div,span,p,label){animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.pkb-module[data-wide="true"]{grid-template-rows:min-content 1fr}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype')}
.pkb-module .pkb-card{container-type:inline-size}.pkb-module .pkb-value{font-size:clamp(24px,29cqi,64px)}
.pkb-module[data-wide="true"]:is([data-groups="0"],[data-groups="1"],[data-groups="2"]) .pkb-badge,.pkb-module[data-wide="true"]:is([data-count="1"],[data-count="2"]) .pkb-badge{display:block}
.pkb-module[data-wide="true"]:is([data-groups="0"],[data-groups="1"],[data-groups="2"]) .pkb-footer,.pkb-module[data-wide="true"]:is([data-count="1"],[data-count="2"]) .pkb-footer{display:flex}

/* Motion changes paint only; never the document's scroll geometry. */
.pkb-module .pkb-bio-line{display:block}
.pkb-module .pkb-expand b{font-weight:400}
.pkb-module .pkb-expand svg{width:20px;height:20px;transform:rotate(-90deg)}
.pkb-module .pkb-scroll-cue{animation:pkb-scroll-hint 1.2s ease-in-out 1}
@keyframes pkb-scroll-hint{0%,100%{translate:0;opacity:1}35%{translate:-5px;opacity:.65}65%{translate:3px;opacity:1}}
@media(prefers-reduced-motion:reduce){.pkb-module .pkb-scroll-cue{animation:none!important}}
.pkb-module .pkb-rail{scroll-padding-inline:0}
.pkb-module .pkb-expand:focus-visible,.pkb-module .pkb-languages>label:focus-visible{outline:2px solid var(--pk-accent);outline-offset:3px}

/* 0.2.2: restore continuous scroll progress instead of timed paragraph replays. */
.pkb-module .pkb-short{text-align:justify}
.pkb-module .pkb-line-paint,.pkb-module .pkb-paragraph-paint{display:block;opacity:var(--pkb-motion-opacity,1);filter:blur(var(--pkb-motion-blur,0px));transform:translateY(var(--pkb-motion-y,0px))}
.pkb-module .pkb-bio-line:not(:last-child) .pkb-line-paint{text-align-last:justify}
.pkb-module .pkb-card{opacity:var(--pkb-card-opacity,1);filter:blur(var(--pkb-card-blur,0px))}
.pkb-module .pkb-value{opacity:var(--pkb-motion-opacity,1);filter:blur(var(--pkb-motion-blur,0px));transform:translateY(var(--pkb-motion-y,0px))}
.pkb-module::before{opacity:var(--pkb-section-opacity,1)}
.pkb-module .pkb-footer svg{display:block;stroke:currentColor}
.pkb-module .pkb-footer svg.pkb-brand-fill{fill:currentColor;stroke:none}
@media(prefers-reduced-motion:reduce){.pkb-module .pkb-line-paint,.pkb-module .pkb-paragraph-paint,.pkb-module .pkb-card,.pkb-module .pkb-value{opacity:1!important;filter:none!important;transform:none!important}}

.pkb-module .pkb-tag-group{opacity:var(--pkb-group-opacity,1);filter:blur(var(--pkb-group-blur,0px))}
.pkb-module .pkb-dialog .pkb-tag-group{opacity:1;filter:none}
/* 0.2.3: shared cascade for the language controls, help and expand label. */
.pkb-module{overflow-anchor:none}
.pkb-module .pkb-micro-ready{opacity:0;transform:translateY(12px);filter:blur(3px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),filter .55s;transition-delay:0s}
.pkb-module .pkb-expand.pkb-micro-ready{transform:translateY(-10px)}
.pkb-module .pkb-micro-ready.pkb-micro-visible{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:var(--pkb-delay,0ms)}
.pkb-module .pkb-navigation{opacity:var(--pkb-nav-opacity,1);filter:blur(calc((1 - var(--pkb-nav-opacity,1))*3px))}
.pkb-module .pkb-tag-navigation{margin-top:6px;gap:8px}
.pkb-module[data-compact="false"] .pkb-badge{display:block}
.pkb-module[data-compact="false"] .pkb-footer{display:flex}
.pkb-module[data-compact="true"] :is(.pkb-badge,.pkb-footer){display:none!important}
@media(prefers-reduced-motion:reduce){.pkb-module .pkb-micro-ready,.pkb-module .pkb-navigation,.pkb-module .pkb-tag-group{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
.pkb-module .pkb-fixed-tags>span{flex:0 0 calc((100% - var(--tag-gaps)*7px)/var(--tag-visible));min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
.pkb-module .pkb-dialog .pkb-fixed-tags>span{flex:0 0 auto;white-space:normal;overflow:visible}
