.patternpaste-designed-chronicle {
  --patternpaste-chronicle-ground:var(--pp-ground);
  --patternpaste-chronicle-ink:var(--pp-ink);
  --patternpaste-chronicle-control:var(--pp-primary);
  --patternpaste-chronicle-control-ink:var(--pp-primary-ink);
  padding:clamp(24px,5.5vw,88px);
}
.patternpaste-designed-chronicle[data-treatment="designed"] {
  --patternpaste-chronicle-ground:#ede9df;
  --patternpaste-chronicle-ink:#672e37;
  --patternpaste-chronicle-control:var(--patternpaste-chronicle-ink);
  --patternpaste-chronicle-control-ink:var(--patternpaste-chronicle-ground);
  font-family:Arial,Helvetica,sans-serif;
}
.patternpaste-designed-chronicle[data-treatment="designed"]:not(.has-background) { background:var(--patternpaste-chronicle-ground); }
.patternpaste-designed-chronicle[data-treatment="designed"]:not(.has-text-color) { color:var(--patternpaste-chronicle-ink); }
.patternpaste-designed-chronicle[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-background) { background:transparent; }
.patternpaste-designed-chronicle[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-text-color) { color:inherit; }
.patternpaste-designed-chronicle .patternpaste-designed-layout {
  display:grid;
  max-width:var(--wp--style--global--wide-size,1240px);
  gap:var(--patternpaste-designed-block-gap,0);
}
.patternpaste-designed-chronicle :is(.patternpaste-chronicle-header,.patternpaste-chronicle-header>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-header>.block-editor-block-list__layout:not(.wp-block)) {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);
  align-items:end;
  gap:var(--patternpaste-designed-block-gap,clamp(28px,6cqi,88px));
}
.patternpaste-designed-chronicle .patternpaste-chronicle-header { padding-bottom:clamp(44px,7cqi,96px); }
.patternpaste-designed-chronicle :is(.patternpaste-chronicle-heading-group,.patternpaste-chronicle-heading-group>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-heading-group>.block-editor-block-list__layout:not(.wp-block)) { display:grid; gap:var(--patternpaste-designed-block-gap,28px); }
.patternpaste-designed-chronicle .patternpaste-chronicle-eyebrow { font-size:14px; line-height:1.5; letter-spacing:.08em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-heading { font-size:clamp(52px,9.1cqi,128px); line-height:.89; letter-spacing:-.065em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-introduction { max-width:32ch; font-size:clamp(17px,1.6cqi,21px); line-height:1.6; }
.patternpaste-designed-chronicle :is(.patternpaste-chronicle-milestones,.patternpaste-chronicle-milestones>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-milestones>.block-editor-block-list__layout:not(.wp-block)) { display:grid; gap:var(--patternpaste-designed-block-gap,0); }
.patternpaste-designed-chronicle .patternpaste-chronicle-milestones { border-top:1px solid color-mix(in srgb,currentColor 35%,transparent); border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent); }
.patternpaste-designed-chronicle :is(.patternpaste-chronicle-milestone,.patternpaste-chronicle-milestone>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-milestone>.block-editor-block-list__layout:not(.wp-block)) {
  display:grid;
  grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
  align-items:stretch;
  gap:var(--patternpaste-designed-block-gap,clamp(24px,4cqi,58px));
  min-width:0;
}
.patternpaste-designed-chronicle .patternpaste-chronicle-year {
  padding-block:clamp(30px,4.4cqi,60px);
  font-size:clamp(62px,10.7cqi,148px);
  line-height:.9;
  letter-spacing:-.075em;
  font-variant-numeric:lining-nums;
  overflow-wrap:anywhere;
}
.patternpaste-designed-chronicle :is(.patternpaste-chronicle-story,.patternpaste-chronicle-story>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-story>.block-editor-block-list__layout:not(.wp-block)) {
  display:grid;
  align-content:start;
  gap:var(--patternpaste-designed-block-gap,18px);
}
.patternpaste-designed-chronicle .patternpaste-chronicle-story {
  position:relative;
  padding:clamp(30px,4.4cqi,60px) 0 clamp(42px,5.8cqi,80px) clamp(30px,4.4cqi,62px);
  border-left:1px solid color-mix(in srgb,currentColor 35%,transparent);
}
.patternpaste-designed-chronicle .patternpaste-chronicle-story::before {
  content:'';
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:currentColor;
  inset-inline-start:-5px;
  inset-block-start:calc(clamp(30px,4.4cqi,60px) + 9px);
}
.patternpaste-designed-chronicle .patternpaste-chronicle-milestone:nth-child(even) .patternpaste-chronicle-story { padding-inline-start:clamp(30px,8.3cqi,118px); }
.patternpaste-designed-chronicle .patternpaste-chronicle-title { max-width:22ch; font-size:clamp(25px,3.1cqi,43px); line-height:1.1; letter-spacing:-.035em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-copy { max-width:46ch; font-size:16px; line-height:1.65; }
.patternpaste-designed-chronicle .patternpaste-chronicle-note { font-size:14px; line-height:1.6; letter-spacing:.07em; }
.patternpaste-designed-chronicle :is(.patternpaste-chronicle-footer,.patternpaste-chronicle-footer>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-footer>.block-editor-block-list__layout:not(.wp-block)) {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:var(--patternpaste-designed-block-gap,22px);
}
.patternpaste-designed-chronicle .patternpaste-chronicle-footer { padding-top:28px; }
.patternpaste-designed-chronicle .patternpaste-chronicle-closing { font-size:clamp(21px,2.5cqi,32px); line-height:1.2; letter-spacing:-.025em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-work-link { font-size:14px; line-height:1.6; }
.patternpaste-designed-chronicle .patternpaste-chronicle-work-link a { color:inherit; text-underline-offset:.2em; text-decoration-thickness:1px; }
.patternpaste-designed-chronicle[data-treatment="designed"] :is(.patternpaste-chronicle-heading,.patternpaste-chronicle-year,.patternpaste-chronicle-title,.patternpaste-chronicle-closing) { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.patternpaste-designed-chronicle[data-treatment="designed"] .patternpaste-chronicle-eyebrow { font-weight:700; }
:root:not(:has(.editor-styles-wrapper)) .patternpaste-designed-chronicle .patternpaste-chronicle-footer:not(:has(p:not(:empty),>:not(p))) { display:none; }
/* Native colours on every meaningful Group reach its readable content. */
:is(.patternpaste-designed-chronicle.has-text-color,.patternpaste-designed-chronicle .has-text-color) :is(h2,h3,p):not(.has-text-color) { color:inherit; }
/* Editor lists retain the same timeline rail, offset stories and editable gaps. */
.editor-styles-wrapper .patternpaste-designed-chronicle :is(.patternpaste-chronicle-header,.patternpaste-chronicle-heading-group,.patternpaste-chronicle-milestones,.patternpaste-chronicle-milestone,.patternpaste-chronicle-story,.patternpaste-chronicle-footer):has(>.block-editor-inner-blocks),
.editor-styles-wrapper .patternpaste-designed-chronicle :is(.patternpaste-chronicle-header,.patternpaste-chronicle-heading-group,.patternpaste-chronicle-milestones,.patternpaste-chronicle-milestone,.patternpaste-chronicle-story,.patternpaste-chronicle-footer):has(>.block-editor-block-list__layout:not(.wp-block)) { display:block; }
@container (max-width:700px) {
  .patternpaste-designed-chronicle :is(.patternpaste-chronicle-header,.patternpaste-chronicle-header>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-header>.block-editor-block-list__layout:not(.wp-block)) { grid-template-columns:1fr; }
  .patternpaste-designed-chronicle .patternpaste-chronicle-introduction { max-width:45ch; }
  .patternpaste-designed-chronicle :is(.patternpaste-chronicle-milestone,.patternpaste-chronicle-milestone>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-milestone>.block-editor-block-list__layout:not(.wp-block)) { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:var(--patternpaste-designed-block-gap,22px); }
  .patternpaste-designed-chronicle .patternpaste-chronicle-year { font-size:clamp(46px,11cqi,76px); }
  .patternpaste-designed-chronicle .patternpaste-chronicle-milestone:nth-child(even) .patternpaste-chronicle-story { padding-inline-start:30px; }
}
@container (max-width:440px) {
  .patternpaste-designed-chronicle :is(.patternpaste-chronicle-milestone,.patternpaste-chronicle-milestone>.block-editor-inner-blocks>.block-editor-block-list__layout:not(.wp-block),.patternpaste-chronicle-milestone>.block-editor-block-list__layout:not(.wp-block)) { grid-template-columns:1fr; gap:var(--patternpaste-designed-block-gap,0); }
  .patternpaste-designed-chronicle .patternpaste-chronicle-year { padding-block:32px 22px; font-size:clamp(62px,20cqi,84px); }
  .patternpaste-designed-chronicle .patternpaste-chronicle-story { padding-block:0 36px; padding-inline-start:24px; }
  .patternpaste-designed-chronicle .patternpaste-chronicle-milestone:nth-child(even) .patternpaste-chronicle-story { padding-inline-start:24px; }
  .patternpaste-designed-chronicle .patternpaste-chronicle-story::before { inset-block-start:9px; }
}

/* The authored native timeline remains the editor/no-script layout. The reader
   navigator appears only after the runtime can mount every required milestone. */
.patternpaste-designed-chronicle .patternpaste-chronicle-controls { min-width:0; }
.patternpaste-designed-chronicle .patternpaste-chronicle-nav-caption { margin-bottom:20px; font-size:14px; line-height:1.5; letter-spacing:.08em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail {
  position:relative;
  display:flex;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  gap:0;
  padding:0 0 20px;
}
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail button {
  position:relative;
  appearance:none;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  flex:1 0 min(190px,62cqi);
  min-width:0;
  margin:0;
  padding:0 28px 22px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
/* Track and marker share one centre; selecting a year never changes its box. */
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail button::before {
  content:'';
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:1px;
  transform:translateY(50%);
  background:color-mix(in srgb,currentColor 35%,transparent);
}
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail button::after {
  content:'';
  position:absolute;
  box-sizing:border-box;
  width:10px;
  height:10px;
  bottom:0;
  transform:translateY(50%);
  left:1px;
  border:1px solid currentColor;
  border-radius:50%;
  background:var(--patternpaste-chronicle-ground);
}
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail button[aria-pressed="true"]::before { height:3px; background:currentColor; }
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail button[aria-pressed="true"]::after { background:currentColor; }
.patternpaste-designed-chronicle .patternpaste-chronicle-nav-year { display:block; font-size:clamp(26px,3.1cqi,42px); line-height:1.1; letter-spacing:-.045em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-nav-title { display:block; margin-top:10px; max-width:25ch; font-size:14px; line-height:1.45; }
.patternpaste-designed-chronicle[data-treatment="designed"] .patternpaste-chronicle-nav-year { font-family:Georgia,'Times New Roman',serif; }
.patternpaste-designed-chronicle.is-chronicle-ready .patternpaste-chronicle-milestones { position:relative; display:block; overflow:hidden; border-top:0; }
.patternpaste-designed-chronicle .patternpaste-chronicle-stage { position:relative; min-width:0; }
.patternpaste-designed-chronicle .patternpaste-chronicle-stage.is-moving .patternpaste-chronicle-milestone:not(.has-background) { background:var(--patternpaste-chronicle-stage-ground,var(--patternpaste-chronicle-ground)); }
.patternpaste-designed-chronicle.is-chronicle-ready .patternpaste-chronicle-milestone:nth-child(even) .patternpaste-chronicle-story { padding-inline-start:clamp(30px,4.4cqi,62px); }
.patternpaste-designed-chronicle .patternpaste-chronicle-navigation { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:22px; }
.patternpaste-designed-chronicle .patternpaste-chronicle-navigation button {
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  min-height:48px;
  padding:12px clamp(12px,1.5cqi,20px);
  margin:0;
  border:1px solid var(--patternpaste-chronicle-control);
  border-radius:0;
  background:var(--patternpaste-chronicle-control);
  color:var(--patternpaste-chronicle-control-ink);
  box-shadow:none;
  font:inherit;
  font-size:15px;
  line-height:1.4;
  cursor:pointer;
}
.patternpaste-designed-chronicle .patternpaste-chronicle-navigation button:not(:disabled):hover { text-decoration:underline; text-underline-offset:3px; }
.patternpaste-designed-chronicle .patternpaste-chronicle-navigation button:focus-visible { outline:2px solid var(--patternpaste-chronicle-control-ink); outline-offset:2px; box-shadow:0 0 0 5px var(--patternpaste-chronicle-control); }
.patternpaste-designed-chronicle .patternpaste-chronicle-navigation button:disabled { background:transparent; color:inherit; border-color:color-mix(in srgb,currentColor 35%,transparent); opacity:1; cursor:default; }
.patternpaste-designed-chronicle .patternpaste-chronicle-position { font-size:14px; font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.patternpaste-designed-chronicle .patternpaste-chronicle-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.patternpaste-designed-chronicle .patternpaste-chronicle-year-rail button:focus-visible { outline-offset:-3px; }
@container (max-width:440px) {
  .patternpaste-designed-chronicle .patternpaste-chronicle-navigation { gap:10px; }
  .patternpaste-designed-chronicle.is-chronicle-ready .patternpaste-chronicle-story { margin-inline-start:5px; }
  .patternpaste-designed-chronicle.is-chronicle-ready .patternpaste-chronicle-milestone:nth-child(even) .patternpaste-chronicle-story { padding-inline-start:24px; }
  .patternpaste-designed-chronicle .patternpaste-chronicle-nav-title { max-width:19ch; }
}