.marking-view{background:var(--pk-color-asphalt-raised);object-fit:cover;display:block}.marking-view--none{justify-content:center;align-items:center;display:flex}.marking-view__code{font-family:var(--pk-font-display);color:var(--pk-color-zebra);font-size:22px;font-weight:800}.markings-hero__inner{gap:var(--pk-space-3);padding-block:var(--pk-space-6) var(--pk-space-2);flex-direction:column;display:flex}.kind-nav{gap:var(--pk-space-1);max-width:460px;padding:var(--pk-space-1);border-radius:var(--pk-radius-md);background:var(--pk-color-surface-sunken);display:flex}.kind-nav__item{min-width:0;min-height:52px;padding:6px var(--pk-space-2);border-radius:var(--pk-radius-sm2);color:var(--pk-color-ink-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.kind-nav__item[aria-current=true]{background:var(--pk-color-surface-raised);box-shadow:0 var(--pk-depth-card) 0 var(--pk-color-line-strong);color:var(--pk-color-ink)}.kind-nav__label{overflow-wrap:break-word;text-align:center;max-width:100%;font-family:var(--pk-font-display);font-size:14px;font-weight:800;line-height:18px}.kind-nav__range{font-family:var(--pk-font-sans);color:var(--pk-color-ink-muted);font-size:12px;font-weight:600;line-height:14px}.markings-colors{margin-top:var(--pk-space-6);background:var(--pk-color-asphalt);color:var(--pk-color-on-brand)}.markings-colors__inner{gap:var(--pk-space-4);padding-block:var(--pk-space-8) 36px;flex-direction:column;display:flex}.markings-colors__head{align-items:flex-start;gap:var(--pk-space-3);flex-direction:column;max-width:760px;display:flex}.color-rows,.priority-rows{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.color-row{align-items:center;gap:var(--pk-space-3);border-radius:var(--pk-radius-md);background:var(--pk-color-asphalt);padding:10px;display:flex}.color-row__view{flex:none;display:flex}.color-row__view .marking-view{border-radius:var(--pk-radius-sm2);width:64px;height:64px}.color-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.color-row__name{align-items:center;gap:var(--pk-space-2);font-family:var(--pk-font-display);font-size:15px;font-weight:800;line-height:20px;display:inline-flex}.color-row__swatch{border-radius:3px;flex:none;width:10px;height:10px}.color-row__swatch--white{background:var(--pk-color-zebra)}.color-row__swatch--yellow{background:var(--pk-color-sign)}.color-row__swatch--orange{background:var(--pk-color-streak)}.color-row__swatch--blue{background:var(--pk-color-brand)}.color-row__desc{font-family:var(--pk-font-sans);color:var(--pk-color-on-asphalt-muted);font-size:14px;font-weight:500;line-height:19px}.priority-row{padding:14px var(--pk-space-4);border:2px solid rgb(var(--pk-color-sign-rgb) / .32);border-radius:var(--pk-radius-md);background:rgb(var(--pk-color-sign-rgb) / .1);align-items:center;gap:14px;display:flex}.priority-row__art{color:var(--pk-color-on-asphalt-muted);flex:none;align-items:center;gap:6px;display:flex}.priority-row__sign{border-radius:var(--pk-radius-sm2);background:var(--pk-color-zebra);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.priority-row__art .marking-view--tile{border-radius:var(--pk-radius-sm);width:48px;height:48px}.priority-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.priority-row__q{font-family:var(--pk-font-sans);color:var(--pk-color-on-asphalt-muted);font-size:14px;font-weight:600;line-height:19px}.priority-row__a{font-family:var(--pk-font-display);color:var(--pk-color-on-brand);font-size:17px;font-weight:800;line-height:1.25}.markings-divider{justify-content:center;height:56px;display:flex}.markings-divider span{background:repeating-linear-gradient(to bottom, var(--pk-color-line-strong) 0 12px, transparent 12px 22px);width:6px;height:100%}.markings-catalog{padding-block:var(--pk-space-2) 56px;flex-direction:column;gap:40px;scroll-margin-top:88px;display:flex}.group-chips{gap:var(--pk-space-2);flex-wrap:wrap;display:flex}.group-chip{border:2px solid var(--pk-color-line-strong);border-radius:var(--pk-radius-sm2);background:var(--pk-color-surface-raised);min-height:38px;color:var(--pk-color-ink);font-family:var(--pk-font-sans);white-space:nowrap;cursor:pointer;align-items:center;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.group-chip:after{content:"";position:absolute;inset:-3px 0}.group-chip[aria-pressed=true],a.group-chip[aria-current=true]{border-color:var(--pk-color-ink);background:var(--pk-color-ink);color:var(--pk-color-surface-raised)}.marking-group{flex-direction:column;gap:14px;scroll-margin-top:88px;display:flex}.marking-group[hidden]{display:none}.marking-group__head,.marking-group__titles{flex-direction:column;gap:6px;display:flex}.marking-group__title{overflow-wrap:break-word;font-family:var(--pk-font-display);letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:30px}.marking-group__description{font-family:var(--pk-font-sans);color:var(--pk-color-ink-muted);text-wrap:pretty;font-size:15px;font-weight:500;line-height:22px}.marking-group__range{font-family:var(--pk-font-sans);white-space:nowrap;color:var(--pk-color-ink-muted);font-size:14px;font-weight:600;line-height:20px}.marking-cards{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.marking-cards>li{display:flex}.marking-card{min-width:0;padding:var(--pk-space-3);border:2px solid var(--pk-color-line);border-radius:var(--pk-radius-lg);background:var(--pk-color-surface-raised);box-shadow:0 var(--pk-depth-card) 0 var(--pk-color-line-strong);color:var(--pk-color-ink);flex:1;align-items:flex-start;gap:14px;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:flex}.marking-card:hover{border-color:var(--pk-color-line-strong)}.marking-card:active{transform:translateY(var(--pk-depth-card));box-shadow:0 0 0 var(--pk-color-line-strong)}.marking-card__view{flex:none}.marking-card__view .marking-view{border-radius:14px;width:104px;height:104px}.marking-card__body{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.marking-card__title{overflow-wrap:break-word;max-width:100%;font-family:var(--pk-font-sans);font-size:15px;font-weight:700;line-height:20px}.marking-card__code{font-family:var(--pk-font-display);font-weight:800}.marking-card__text{-webkit-line-clamp:3;line-clamp:3;font-family:var(--pk-font-sans);color:var(--pk-color-ink-muted);-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.marking-card__more{padding-top:var(--pk-space-1);font-family:var(--pk-font-sans);color:var(--pk-color-brand-text);align-items:center;gap:4px;margin-top:auto;font-size:14px;font-weight:800;display:none}.marking-card__chevron{color:var(--pk-color-ink-muted);flex:none;align-self:center}.vertical-cards{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.vertical-card{align-items:center;gap:var(--pk-space-3);padding:var(--pk-space-3);border:2px solid var(--pk-color-line);border-radius:var(--pk-radius-lg);background:var(--pk-color-surface-raised);scroll-margin-top:88px;display:flex;position:relative}.vertical-card__anchor{scroll-margin-top:88px;position:absolute;top:0;left:0}.vertical-card:target{border-color:var(--pk-color-brand)}.vertical-card:has(.vertical-card__anchor:target){border-color:var(--pk-color-brand)}.vertical-card__plate{background:var(--pk-color-surface);border-radius:14px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.vertical-card__plate .marking-view{object-fit:contain;background:0 0;width:60px;height:60px}.vertical-card__text{flex-direction:column;gap:2px;min-width:0;display:flex}.vertical-card__code{font-family:var(--pk-font-display);font-size:14px;font-weight:800}.vertical-card__name{font-family:var(--pk-font-sans);font-size:15px;font-weight:700;line-height:20px}.vertical-card__desc{-webkit-line-clamp:3;line-clamp:3;font-family:var(--pk-font-sans);color:var(--pk-color-ink-muted);-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.marking-page__body{padding-block:var(--pk-space-4) 56px;flex-direction:column;gap:36px;display:flex}.marking-hero{flex-direction:column;gap:14px;display:flex}.marking-hero__card{border:2px solid var(--pk-color-line);border-radius:var(--pk-radius-3xl);background:var(--pk-color-asphalt-raised);box-shadow:0 var(--pk-depth-card) 0 var(--pk-color-line-strong);order:-1;overflow:hidden}.marking-hero__card .marking-view{width:100%;height:220px}.marking-hero__text{flex-direction:column;gap:14px;min-width:0;display:flex}.marking-hero__title{font-family:var(--pk-type-title-font-family);font-size:var(--pk-type-title-font-size);line-height:var(--pk-type-title-line-height);font-weight:var(--pk-type-title-font-weight);letter-spacing:-.015em;text-wrap:balance}.marking-section{flex-direction:column;gap:14px;display:flex}.marking-examples{gap:var(--pk-space-3);grid-template-columns:minmax(0,1fr);display:grid}.marking-example{gap:var(--pk-space-3);box-sizing:border-box;border:2px solid var(--pk-color-line);border-radius:var(--pk-radius-2xl);background:var(--pk-color-surface-raised);height:100%;box-shadow:0 var(--pk-depth-card) 0 var(--pk-color-line-strong);flex-direction:column;padding:14px;display:flex}.marking-example__media{border-radius:var(--pk-radius-md);overflow:hidden}.marking-example__media svg{width:100%;height:auto;display:block}.marking-example__body{flex-direction:column;gap:6px;padding:0 2px;display:flex}.marking-example__meta{align-items:center;gap:var(--pk-space-2);flex-wrap:wrap;display:flex}.marking-example__ref{font-family:var(--pk-type-caption-font-family);font-size:var(--pk-type-caption-font-size);line-height:var(--pk-type-caption-line-height);font-weight:var(--pk-type-caption-font-weight);letter-spacing:var(--pk-type-caption-letter-spacing);text-transform:var(--pk-type-caption-text-transform);color:var(--pk-color-ink-muted)}.marking-example__title{font-family:var(--pk-type-card-title-font-family);font-size:var(--pk-type-card-title-font-size);line-height:var(--pk-type-card-title-line-height);font-weight:var(--pk-type-card-title-font-weight)}.marking-example__text{font-family:var(--pk-font-sans);color:var(--pk-color-ink-muted);font-size:15px;font-weight:500;line-height:22px}.usage-cards{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.usage-card{padding:var(--pk-space-3);border:2px solid var(--pk-color-line);border-radius:var(--pk-radius-2xl);background:var(--pk-color-surface-raised);box-shadow:0 var(--pk-depth-card) 0 var(--pk-color-line-strong);align-items:center;gap:14px;display:flex}.usage-card__view{background:var(--pk-color-asphalt-raised);object-fit:cover;border-radius:14px;flex:none;width:84px;height:84px;display:block;overflow:hidden}.usage-card__view svg{width:100%;height:100%;display:block}.usage-card__text{flex-direction:column;gap:4px;min-width:0;display:flex}.usage-card__title{font-family:var(--pk-type-card-title-font-family);font-size:var(--pk-type-card-title-font-size);line-height:var(--pk-type-card-title-line-height);font-weight:var(--pk-type-card-title-font-weight)}.usage-card__desc{font-family:var(--pk-font-sans);color:var(--pk-color-ink-muted);font-size:14px;font-weight:500;line-height:20px}.marking-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.marking-tiles>li{display:flex}.marking-tile{gap:var(--pk-space-2);border:2px solid var(--pk-color-line);border-radius:var(--pk-radius-lg);background:var(--pk-color-surface-raised);min-width:0;box-shadow:0 var(--pk-depth-card) 0 var(--pk-color-line-strong);color:var(--pk-color-ink);flex-direction:column;flex:1;padding:10px 10px 14px;text-decoration:none;display:flex}a.marking-tile:hover{border-color:var(--pk-color-line-strong)}.marking-tile__view .marking-view{border-radius:var(--pk-radius-sm2);width:100%;height:96px}.marking-tile__label{font-family:var(--pk-font-sans);padding:0 4px;font-size:14px;font-weight:700;line-height:20px}.marking-tile__code{font-family:var(--pk-font-display);font-weight:800}@media (min-width:600px){.marking-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.marking-card{gap:var(--pk-space-3);padding:var(--pk-space-3) var(--pk-space-3) var(--pk-space-4);border-radius:var(--pk-radius-2xl);flex-direction:column}.marking-card__view{align-self:stretch}.marking-card__view .marking-view{border-radius:var(--pk-radius-md);width:100%;height:150px}.marking-card__more{display:inline-flex}.marking-card__chevron{display:none}.vertical-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.color-rows,.priority-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.marking-examples{gap:var(--pk-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.marking-examples>li{display:flex}.marking-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px){.marking-cards,.usage-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-card{align-items:stretch;gap:var(--pk-space-3);flex-direction:column;padding:14px}.usage-card__view{width:100%;height:150px}}@media (min-width:1024px){.markings-hero__inner{gap:var(--pk-space-4);padding-block:48px var(--pk-space-4)}.kind-nav__item{padding:6px var(--pk-space-3)}.kind-nav__label{overflow-wrap:break-word;text-align:center;max-width:100%;font-size:15px}.markings-colors__inner{padding-block:56px 64px}.color-row__view{flex:none;display:flex}.color-row__view .marking-view{width:72px;height:72px}.priority-row__a{font-size:19px}.markings-divider{height:48px}.markings-catalog{padding-block:var(--pk-space-6) 104px;gap:72px}.marking-group{gap:var(--pk-space-6)}.marking-group__head{justify-content:space-between;align-items:flex-end;gap:var(--pk-space-6);flex-direction:row}.marking-group__title{overflow-wrap:break-word;font-size:34px;line-height:42px}.marking-group__description{font-size:16px;line-height:24px}.vertical-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.marking-page__body{gap:64px;padding-block:40px 104px}.marking-hero{flex-direction:row;align-items:center;gap:48px}.marking-hero__card{flex:none;width:420px}.marking-hero__card .marking-view{height:300px}.marking-hero__text{flex:1}.marking-hero__title{font-size:48px;line-height:56px}.marking-example{padding:var(--pk-space-4)}.marking-example__text{font-size:15px}.usage-card__desc{font-size:15px;line-height:22px}.marking-tile__view .marking-view{height:140px}.marking-tile__label{font-size:15px}}@media (min-width:1200px){.marking-cards{gap:var(--pk-space-4);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.marking-card{transition:none}.marking-card:active{transform:none}}@media (prefers-reduced-motion:no-preference){html:has(.markings-page){scroll-behavior:smooth}}