/* Misión 06 · Salón de Ingresantes */
body[data-rti-theme="stories"],
.rti-header--stories,
.rti-footer--stories{
  --rti-deep:#241522;
  --rti-mid:#712f3d;
  --rti-accent:#e7b955;
  --rti-glow:#f0d69c;
  --rti-panel:#432333;
}

.chronicle-page{
  --story-ink:#241b1a;
  --story-wine:#6d2638;
  --story-wine-dark:#321824;
  --story-navy:#142b43;
  --story-gold:#d8a843;
  --story-paper:#f7edcf;
  --story-paper-deep:#e7d39f;
  --story-cream:#fff9e8;
  margin:0;
  color:var(--story-ink);
  background:#efe3c4;
}

.chronicle-page .inner-page{
  min-height:100vh;
  background:
    linear-gradient(90deg,transparent 49.8%,#8f744414 50%,transparent 50.2%),
    #f4ebd3;
}

.chronicle-page .shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}

.chronicle-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:54px 0 76px;
  color:#fff8e8;
  background:
    radial-gradient(circle at 15% 18%,#ca8f4760 0 2px,transparent 3px),
    radial-gradient(circle at 83% 72%,#f0d69c26,transparent 28%),
    linear-gradient(123deg,#1c1822 0%,#263b50 43%,#702f3f 100%);
  border-bottom:8px solid var(--story-gold);
  box-shadow:inset 0 -2px 0 #fff4c9,0 14px 35px #29172842;
}

.chronicle-hero:before,
.chronicle-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}

.chronicle-hero:before{
  inset:0;
  opacity:.16;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 5px,#fff 6px,transparent 7px),
    repeating-linear-gradient(90deg,transparent 0 68px,#e7b95580 69px,transparent 70px);
  mask-image:linear-gradient(90deg,#0007,transparent 48%,#0005);
}

.chronicle-hero:after{
  width:480px;
  height:480px;
  right:-170px;
  top:-220px;
  border:2px dashed #f0d69c55;
  border-radius:50%;
  box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff05;
}

.chronicle-hero-lines{
  position:absolute;
  inset:22px;
  z-index:-1;
  border:1px solid #f0d69c4a;
  pointer-events:none;
}

.chronicle-hero-lines:before,
.chronicle-hero-lines:after{
  content:"✦";
  position:absolute;
  color:var(--story-gold);
  font-size:1.1rem;
}

.chronicle-hero-lines:before{left:12px;top:8px}
.chronicle-hero-lines:after{right:12px;bottom:8px}

.chronicle-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  align-items:center;
  gap:58px;
}

.chronicle-hero-copy{position:relative;z-index:2}

.chronicle-back{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  margin-bottom:23px;
  padding:8px 13px;
  color:#fff6df;
  background:#ffffff0e;
  border:1px solid #f0d69c6b;
  border-radius:4px;
  text-decoration:none;
  font:800 .86rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}

.chronicle-kicker,
.chronicle-section-heading>div>p,
.chronicle-invitation-card>div>p,
.chronicle-dialog-kicker{
  margin:0;
  font:950 .76rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.16em;
}

.chronicle-kicker{color:#f3d58c}

.chronicle-hero h1{
  max-width:620px;
  margin:16px 0 18px;
  font:900 clamp(3.25rem,6.5vw,6.45rem)/.82 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;
  text-wrap:balance;
  text-shadow:0 5px 0 #130d14,0 12px 30px #0008;
}

.chronicle-hero h1 em{
  display:block;
  margin-top:13px;
  color:#f0ca70;
  font-size:.73em;
  font-style:italic;
  font-weight:700;
  letter-spacing:-.035em;
}

.chronicle-lead{
  max-width:640px;
  margin:0;
  color:#f5ead7;
  font:500 1.06rem/1.72 system-ui,-apple-system,"Segoe UI",sans-serif;
}

.chronicle-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.chronicle-actions a,
.chronicle-invitation-card a{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 18px;
  border-radius:7px;
  text-decoration:none;
  font:950 .91rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  transition:transform .17s ease,box-shadow .17s ease;
}

.chronicle-actions a:hover,
.chronicle-invitation-card a:hover{transform:translateY(-3px)}

.chronicle-primary{
  color:#251a1b;
  background:linear-gradient(#f5d98b,#d9a63d);
  border:2px solid #fff3c5;
  box-shadow:0 5px 0 #704b17;
}

.chronicle-secondary{
  color:#fff;
  background:#ffffff10;
  border:2px solid #f0d69ca3;
  box-shadow:0 5px 0 #16111a;
}

.chronicle-secondary img,
.chronicle-invitation-card a img{border-radius:7px;object-fit:cover}

.chronicle-counters{
  max-width:650px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:31px 0 0;
}

.chronicle-counters div{
  min-width:0;
  padding:12px 13px;
  background:#0f18265c;
  border:1px solid #f0d69c52;
  border-top:3px solid var(--story-gold);
}

.chronicle-counters dt{
  float:left;
  margin-right:9px;
  color:#f0ca70;
  font:900 1.35rem/1 Georgia,"Times New Roman",serif;
}

.chronicle-counters dd{
  margin:2px 0 0;
  color:#fff8e8;
  font:750 .73rem/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
}

.chronicle-cover{
  position:relative;
  margin:0;
  padding:27px 27px 25px 58px;
  background:
    linear-gradient(90deg,#24141f 0 31px,#9a6d2f 32px 34px,#522536 35px 100%);
  border:3px solid #e2b655;
  border-radius:9px 22px 22px 9px;
  box-shadow:14px 18px 0 #131521,0 29px 55px #0007,inset 0 0 0 8px #2b1825;
  transform:rotate(1.15deg);
}

.chronicle-spine{
  position:absolute;
  left:20px;
  top:38px;
  bottom:38px;
  width:12px;
  border-left:2px solid #daa84a;
  border-right:2px solid #daa84a;
  opacity:.82;
}

.chronicle-cover-photo{
  aspect-ratio:8/5;
  overflow:hidden;
  padding:8px;
  background:#f9ecc9;
  border:2px solid #c99b40;
  box-shadow:0 0 0 5px #2d1b26,0 8px 18px #170d14;
}

.chronicle-cover-photo img{display:block;width:100%;height:100%;object-fit:cover}

.chronicle-cover figcaption{
  position:relative;
  margin-top:18px;
  padding:15px 116px 4px 2px;
  color:#f9edcf;
}

.chronicle-cover figcaption small,
.chronicle-cover figcaption strong,
.chronicle-cover figcaption span{display:block}

.chronicle-cover figcaption small{
  color:#d9b763;
  font:900 .65rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.14em;
}

.chronicle-cover figcaption strong{
  margin-top:6px;
  font:800 clamp(1.55rem,3vw,2.5rem)/1 Georgia,"Times New Roman",serif;
}

.chronicle-cover figcaption span{
  margin-top:7px;
  color:#e8d9bd;
  font:650 .8rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
}

.chronicle-seal{
  position:absolute;
  right:24px;
  bottom:20px;
  width:79px;
  height:79px;
  display:grid;
  place-items:center;
  align-content:center;
  color:#f5d77e;
  background:#331a26;
  border:2px solid #e2b655;
  border-radius:50%;
  box-shadow:0 0 0 5px #e2b6552b;
  font:900 .86rem/1.15 Georgia,"Times New Roman",serif;
  text-align:center;
  transform:rotate(-7deg);
}

.chronicle-corner{position:absolute;width:27px;height:27px;border-color:#e2b655;border-style:solid;z-index:2}
.chronicle-corner-a{left:48px;top:17px;border-width:3px 0 0 3px}
.chronicle-corner-b{right:17px;top:17px;border-width:3px 3px 0 0}

.chronicle-album{
  position:relative;
  padding:78px 0 90px;
  background:
    radial-gradient(circle at 10% 10%,#8c5e2e14,transparent 25%),
    radial-gradient(circle at 89% 86%,#6d26381a,transparent 25%),
    repeating-linear-gradient(0deg,#f5ecd5 0 27px,#d8c8a855 28px,#f5ecd5 29px);
}

.chronicle-section-heading{
  display:grid;
  grid-template-columns:1fr minmax(330px,430px);
  align-items:end;
  gap:35px;
  margin-bottom:31px;
}

.chronicle-section-heading>div>p{color:var(--story-wine)}

.chronicle-section-heading h2{
  margin:9px 0 8px;
  color:var(--story-navy);
  font:900 clamp(2.45rem,5vw,4.7rem)/.95 Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.chronicle-section-heading>div>span{
  color:#66584d;
  font:600 .98rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
}

.chronicle-guide-note{
  min-height:112px;
  display:grid;
  grid-template-columns:80px 1fr;
  align-items:center;
  gap:13px;
  padding:4px 17px 4px 4px;
  color:#fff8e5;
  background:linear-gradient(125deg,var(--story-navy),#28465f);
  border:3px solid #cba14d;
  border-radius:9px;
  box-shadow:6px 7px 0 #2e1a24;
  transform:rotate(.5deg);
}

.chronicle-guide-note img{align-self:end;width:78px;height:108px;object-fit:contain;filter:drop-shadow(0 5px 2px #0007)}
.chronicle-guide-note p{margin:0}
.chronicle-guide-note small,.chronicle-guide-note strong{display:block}
.chronicle-guide-note small{color:#eac66e;font:950 .69rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.12em}
.chronicle-guide-note strong{margin-top:6px;font:700 .9rem/1.4 Georgia,"Times New Roman",serif}

.chronicle-book{
  position:relative;
  min-height:440px;
  padding:46px 42px 52px 67px;
  background:
    linear-gradient(90deg,#d4bd88 0 1px,transparent 1px 50%,#b8995b38 50% 50.2%,transparent 50.2%),
    radial-gradient(circle at 50% 0,#fffbed,#f1dfb7 68%,#dfc68e);
  border:4px solid #4d2934;
  border-radius:12px 25px 25px 12px;
  box-shadow:12px 15px 0 #7f5d3d,0 30px 70px #3d293640,inset 0 0 0 8px #fff9e6;
}

.chronicle-book:before{
  content:"ÁLBUM I · RESUMIENDO TU INGRESO";
  position:absolute;
  left:16px;
  top:50%;
  color:#f3d27e;
  font:900 .65rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.14em;
  writing-mode:vertical-rl;
  transform:translateY(-50%) rotate(180deg);
}

.chronicle-binding{
  position:absolute;
  left:42px;
  top:36px;
  bottom:36px;
  width:15px;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  z-index:3;
}

.chronicle-binding i{
  width:23px;
  height:9px;
  display:block;
  border:3px solid #4e3925;
  border-left:0;
  border-radius:0 8px 8px 0;
  background:linear-gradient(#e9c871,#8d672c);
  box-shadow:2px 2px 0 #241719;
}

.chronicle-loading{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:19px;
  color:var(--story-navy);
  text-align:left;
}

.chronicle-loading img{width:96px;height:132px;object-fit:contain}
.chronicle-loading small,.chronicle-loading strong{display:block}
.chronicle-loading small{color:var(--story-wine);font:950 .72rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.13em}
.chronicle-loading strong{margin-top:7px;font:800 1.2rem/1.25 Georgia,"Times New Roman",serif}
.chronicle-loading[hidden]{display:none}

.chronicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}
.chronicle-grid:empty{display:none}

.chronicle-card{
  --card-tilt:0deg;
  position:relative;
  height:690px;
  display:grid;
  grid-template-rows:auto 306px minmax(0,1fr);
  overflow:hidden;
  background:#fffaf0;
  border:3px solid #432431;
  border-radius:6px 6px 14px 6px;
  box-shadow:7px 9px 0 #b28b54,0 18px 28px #5e3d3826;
  transform:rotate(var(--card-tilt));
  transition:transform .18s ease,box-shadow .18s ease;
}

.chronicle-card:nth-child(3n+1){--card-tilt:-.35deg}
.chronicle-card:nth-child(3n+2){--card-tilt:.35deg}
.chronicle-card:hover,
.chronicle-card:focus-within{transform:rotate(0) translateY(-6px);box-shadow:9px 14px 0 #9a7444,0 24px 35px #4f30353b}

.chronicle-card:after{
  content:"";
  position:absolute;
  right:13px;
  top:59px;
  width:50px;
  height:17px;
  background:#e6c66cbb;
  transform:rotate(7deg);
  box-shadow:0 1px 1px #654;
  pointer-events:none;
}

.chronicle-card-head{
  min-height:51px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 13px;
  color:#fff8e5;
  background:linear-gradient(90deg,#2b1723,var(--story-wine));
  border-bottom:3px solid var(--story-gold);
}

.chronicle-card-head small{
  font:950 .7rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.12em;
}

.chronicle-card-head span{
  padding:5px 7px;
  color:#2a1b1a;
  background:#efce78;
  border:1px solid #fff3c4;
  border-radius:3px;
  font:950 .62rem/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.05em;
  white-space:nowrap;
}

.chronicle-photo{
  position:relative;
  margin:18px 18px 0;
  overflow:hidden;
  padding:9px;
  background:#eee2c4;
  border:2px solid #b18b4d;
  box-shadow:0 4px 0 #d2bb87;
}

.chronicle-photo:before{
  content:"";
  position:absolute;
  inset:9px;
  z-index:0;
  background:repeating-linear-gradient(135deg,#281d25 0 10px,#322634 10px 20px);
}

.chronicle-photo img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#251c24;
  filter:none;
}

.chronicle-card-copy{
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:20px 20px 18px;
}

.chronicle-card-copy h3{
  min-height:54px;
  display:flex;
  align-items:end;
  margin:0;
  color:var(--story-navy);
  font:900 clamp(1.5rem,2.2vw,2rem)/1.02 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}

.chronicle-career{
  min-height:39px;
  display:block;
  margin-top:7px;
  color:var(--story-wine);
  font:900 .78rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.chronicle-role{
  align-self:flex-start;
  margin:5px 0 1px;
  padding:5px 8px;
  color:#fff9e7;
  background:var(--story-navy);
  border-left:4px solid var(--story-gold);
  font:850 .66rem/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.045em;
}

.chronicle-excerpt{
  position:relative;
  min-height:0;
  display:-webkit-box;
  flex:1;
  overflow:hidden;
  margin:9px 0 14px;
  color:#4b4039;
  font:500 .91rem/1.56 Georgia,"Times New Roman",serif;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}

.chronicle-excerpt:before{content:"“";color:#a35d46;font-size:1.6em;font-weight:900;line-height:0;vertical-align:-.16em}

.chronicle-open{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 13px;
  color:#fffaf0;
  background:linear-gradient(90deg,var(--story-navy),#294c66);
  border:2px solid #182436;
  border-radius:6px;
  box-shadow:0 4px 0 #a77d37;
  font:950 .83rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease;
}

.chronicle-open:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a77d37}
.chronicle-open span{color:#efca71;font-size:1.05rem}

.chronicle-error{
  grid-column:1/-1;
  min-height:290px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:35px;
  color:#522838;
  background:#fff9e9;
  border:3px dashed #8d4254;
  text-align:center;
}
.chronicle-error strong{font:900 1.45rem/1.2 Georgia,"Times New Roman",serif}
.chronicle-error span{font:600 .95rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.chronicle-error button{min-height:44px;margin-top:8px;padding:9px 16px;color:#fff;background:var(--story-wine);border:2px solid #321824;border-radius:6px;font-weight:900;cursor:pointer}

.chronicle-invitation{
  padding:72px 0 50px;
  background:
    radial-gradient(circle at 20% 20%,#e4bc5c1f,transparent 22%),
    linear-gradient(135deg,#1c2635,#522536);
}

.chronicle-invitation-card{
  position:relative;
  min-height:310px;
  display:grid;
  grid-template-columns:190px 1fr 190px;
  align-items:center;
  gap:23px;
  padding:38px 42px;
  overflow:hidden;
  color:#fff8e6;
  background:
    linear-gradient(#ffffff0b,#ffffff0b),
    repeating-linear-gradient(0deg,transparent 0 26px,#f5d78817 27px),
    #5c2939;
  border:3px solid #e1b656;
  border-radius:15px;
  box-shadow:10px 12px 0 #121b27;
}

.chronicle-invitation-card:before{
  content:"ARCHIVO ABIERTO";
  position:absolute;
  right:24px;
  top:21px;
  padding:7px 10px;
  color:#3c202a;
  background:#edcf7a;
  border:2px solid #fff2bf;
  font:950 .65rem/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.12em;
  transform:rotate(3deg);
}

.chronicle-invitation-card>div{text-align:center}
.chronicle-invitation-card>div>p{color:#f0ce77}
.chronicle-invitation-card h2{margin:10px 0 12px;font:900 clamp(2rem,4vw,3.65rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.chronicle-invitation-card>div>span{display:block;max-width:650px;margin:auto;color:#f4e4d1;font:500 1rem/1.58 system-ui,-apple-system,"Segoe UI",sans-serif}
.chronicle-invitation-card a{margin-top:20px;color:#251a1b;background:linear-gradient(#f4d783,#d4a138);border:2px solid #fff3c5;box-shadow:0 5px 0 #34202a}
.chronicle-invite-rabbit,.chronicle-invite-cat{align-self:end;width:100%;height:250px;object-fit:contain;filter:drop-shadow(0 8px 4px #0007)}

.chronicle-dialog{
  width:min(1120px,calc(100% - 36px));
  max-width:none;
  max-height:none;
  padding:0;
  overflow:hidden;
  color:var(--story-ink);
  background:var(--story-paper);
  border:4px solid #d5a94c;
  border-radius:12px;
  box-shadow:0 30px 90px #000b,10px 12px 0 #2a1721;
}

.chronicle-dialog::backdrop{background:#130f18d9;backdrop-filter:blur(5px)}

.chronicle-dialog[open]{animation:chronicle-dialog-in .2s ease-out}

@keyframes chronicle-dialog-in{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}

.chronicle-dialog-shell{
  position:relative;
  height:min(86vh,900px);
  display:grid;
  grid-template-columns:minmax(300px,390px) minmax(0,1fr);
  background:
    linear-gradient(90deg,#b9924d22 0 1px,transparent 1px),
    repeating-linear-gradient(0deg,#faf0d4 0 30px,#cbb88d42 31px,#faf0d4 32px);
  background-size:34px 100%,auto;
}

.chronicle-dialog-close{
  position:absolute;
  z-index:5;
  right:15px;
  top:15px;
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  color:#fff8e7;
  background:#542538;
  border:2px solid #e4bd62;
  border-radius:50%;
  box-shadow:0 4px 0 #29141e;
  font:800 1.65rem/1 system-ui,sans-serif;
  cursor:pointer;
}

.chronicle-dialog-portrait{
  position:relative;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:15px;
  padding:35px 28px;
  color:#f9e9c7;
  background:
    radial-gradient(circle at 50% 18%,#e5bd5d33,transparent 34%),
    linear-gradient(150deg,#172c43,#401f30);
  border-right:5px solid #d4a948;
}

.chronicle-dialog-portrait>div{
  min-height:0;
  flex:1;
  overflow:hidden;
  padding:12px;
  background:#f7e8c4;
  border:3px solid #d5a94d;
  box-shadow:0 7px 0 #160e16;
  transform:rotate(-.7deg);
}

.chronicle-dialog-portrait img{display:block;width:100%;height:100%;object-fit:contain;background:#231a22;filter:none}

.chronicle-dialog-portrait>small{
  display:block;
  text-align:center;
  font:900 .69rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.13em;
}

.chronicle-dialog-number{
  align-self:flex-start;
  padding:7px 10px;
  color:#2a1920;
  background:#e7c66f;
  border:2px solid #fff0bd;
  font:950 .72rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.11em;
}

.chronicle-dialog-copy{
  min-height:0;
  overflow-y:auto;
  padding:54px 60px 60px;
  scrollbar-color:#9b654a #ead9b4;
}

.chronicle-dialog-kicker{color:var(--story-wine)}

.chronicle-dialog-copy h2{
  margin:10px 0 7px;
  padding-right:42px;
  color:var(--story-navy);
  font:900 clamp(2.6rem,5vw,4.8rem)/.92 Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
}

.chronicle-dialog-copy>strong{
  display:block;
  color:var(--story-wine);
  font:900 .9rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.chronicle-dialog-role{
  display:inline-block;
  margin-top:11px;
  padding:6px 10px;
  color:#fff8e7;
  background:var(--story-navy);
  border-left:4px solid var(--story-gold);
  font:850 .75rem/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
}

.chronicle-dialog-role[hidden]{display:none}

.chronicle-dialog-story{
  margin-top:30px;
  padding-top:26px;
  border-top:2px solid #9b6b474f;
}

.chronicle-dialog-story p{
  margin:0 0 1.25em;
  color:#392f2b;
  font:500 1.05rem/1.82 Georgia,"Times New Roman",serif;
  text-wrap:pretty;
}

.chronicle-dialog-story p:first-child:first-letter{
  float:left;
  margin:5px 8px 0 0;
  color:var(--story-wine);
  font:900 3.6rem/.76 Georgia,"Times New Roman",serif;
}

.chronicle-dialog-finish{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:35px;
  color:#744054;
  font:950 .72rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.14em;
}

.chronicle-dialog-finish:before,
.chronicle-dialog-finish:after{content:"";height:1px;flex:1;background:#9b6b47}
.chronicle-dialog-finish b{color:#c28f2f;font-size:1rem}
.story-dialog-open{overflow:hidden}

@media(max-width:1050px){
  .chronicle-hero-layout{grid-template-columns:1fr 1fr;gap:38px}
  .chronicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chronicle-invitation-card{grid-template-columns:150px 1fr 150px}
  .chronicle-invite-rabbit,.chronicle-invite-cat{height:215px}
}

@media(max-width:820px){
  .chronicle-hero{padding:45px 0 65px}
  .chronicle-hero-layout{grid-template-columns:1fr;gap:43px}
  .chronicle-cover{width:min(680px,95%);margin:auto}
  .chronicle-section-heading{grid-template-columns:1fr;align-items:start}
  .chronicle-guide-note{width:min(450px,100%)}
  .chronicle-dialog-shell{grid-template-columns:300px minmax(0,1fr)}
  .chronicle-dialog-copy{padding:48px 38px 50px}
  .chronicle-dialog-portrait{padding:32px 22px}
  .chronicle-invitation-card{grid-template-columns:130px 1fr;padding:35px 28px}
  .chronicle-invite-cat{display:none}
}

@media(max-width:640px){
  .chronicle-page .shell{width:calc(100% - 24px)}
  .chronicle-hero{padding:36px 0 54px}
  .chronicle-hero-lines{inset:10px}
  .chronicle-hero h1{font-size:clamp(3.05rem,16vw,4.7rem);line-height:.85}
  .chronicle-lead{font-size:1rem;line-height:1.65}
  .chronicle-actions{display:grid}
  .chronicle-actions a{width:100%}
  .chronicle-counters{grid-template-columns:1fr;gap:7px}
  .chronicle-counters div{min-height:48px}
  .chronicle-cover{width:100%;padding:20px 18px 20px 42px;border-radius:7px 15px 15px 7px;transform:rotate(.45deg)}
  .chronicle-spine{left:14px;top:28px;bottom:28px}
  .chronicle-cover figcaption{padding-right:80px}
  .chronicle-cover figcaption strong{font-size:1.45rem}
  .chronicle-seal{right:15px;bottom:15px;width:62px;height:62px;font-size:.72rem}
  .chronicle-corner-a{left:38px;top:11px}.chronicle-corner-b{right:11px;top:11px}
  .chronicle-album{padding:58px 0 70px}
  .chronicle-section-heading h2{font-size:2.7rem}
  .chronicle-section-heading>div>span{font-size:.95rem}
  .chronicle-guide-note{grid-template-columns:70px 1fr}
  .chronicle-guide-note img{width:69px;height:100px}
  .chronicle-guide-note small{font-size:.75rem}
  .chronicle-guide-note strong{font-size:.92rem}
  .chronicle-book{padding:36px 14px 38px 27px;border-width:3px;box-shadow:7px 9px 0 #7f5d3d,0 24px 50px #3d293634,inset 0 0 0 5px #fff9e6}
  .chronicle-book:before{display:none}
  .chronicle-binding{left:10px;top:28px;bottom:28px}
  .chronicle-binding i{width:16px;height:8px}
  .chronicle-grid{grid-template-columns:1fr;gap:30px}
  .chronicle-card{height:685px;transform:none}
  .chronicle-card:hover,.chronicle-card:focus-within{transform:translateY(-4px)}
  .chronicle-card-head small{font-size:.75rem}
  .chronicle-card-head span{font-size:.69rem}
  .chronicle-card-copy h3{font-size:1.8rem}
  .chronicle-career{font-size:.8rem}
  .chronicle-excerpt{font-size:.96rem;line-height:1.58}
  .chronicle-open{font-size:.9rem}
  .chronicle-invitation{padding:54px 0 36px}
  .chronicle-invitation-card{min-height:500px;display:flex;align-items:flex-start;padding:34px 22px 190px}
  .chronicle-invitation-card>div{position:relative;z-index:2}
  .chronicle-invitation-card:before{right:14px;top:auto;bottom:14px}
  .chronicle-invite-rabbit{position:absolute;left:calc(50% - 90px);bottom:-9px;width:180px;height:195px}
  .chronicle-invitation-card h2{font-size:2.55rem}
  .chronicle-invitation-card a{width:100%}
  .chronicle-dialog{width:100%;margin:auto 0 0;border-radius:20px 20px 0 0;border-width:3px}
  .chronicle-dialog-shell{height:94svh;grid-template-columns:1fr;grid-template-rows:245px minmax(0,1fr)}
  .chronicle-dialog-portrait{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto 1fr;gap:8px 14px;padding:19px 58px 17px 18px;border-right:0;border-bottom:4px solid #d4a948}
  .chronicle-dialog-number{grid-column:1;grid-row:1;align-self:start;font-size:.75rem}
  .chronicle-dialog-portrait>div{grid-column:1;grid-row:2;min-height:0;padding:6px;transform:none}
  .chronicle-dialog-portrait>small{grid-column:2;grid-row:1/3;align-self:center;font-size:.76rem;line-height:1.6}
  .chronicle-dialog-copy{padding:28px 21px 45px}
  .chronicle-dialog-copy h2{font-size:2.65rem;padding-right:0}
  .chronicle-dialog-copy>strong{font-size:.82rem}
  .chronicle-dialog-story{margin-top:24px;padding-top:20px}
  .chronicle-dialog-story p{font-size:1.02rem;line-height:1.78}
  .chronicle-dialog-close{right:11px;top:11px;width:42px;height:42px}
}

@media(hover:none){
  .chronicle-card:hover,.chronicle-card:focus-within,.chronicle-actions a:hover,.chronicle-invitation-card a:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .chronicle-card,.chronicle-open,.chronicle-actions a,.chronicle-invitation-card a,.chronicle-dialog[open]{animation:none!important;transition:none!important}
}

.chronicle-submission{padding:70px 0 100px;background:linear-gradient(135deg,#153e4b,#162f52);color:#fff;border-block:7px double #eac467}
.chronicle-submission-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:clamp(25px,5vw,75px);align-items:start}
.chronicle-submission-intro>p{margin:0;color:#f6cf7e;font-weight:900;letter-spacing:.12em;font-size:.8rem}
.chronicle-submission-intro h2{margin:12px 0 20px;font:900 clamp(2.5rem,4.5vw,4.7rem)/.97 Georgia,serif}
.chronicle-submission-intro>span{display:block;line-height:1.7;font-size:1.08rem;color:#e7f3f4}
.chronicle-submission-intro img{height:175px;width:auto;margin:25px auto 0;object-fit:contain;filter:drop-shadow(5px 7px 0 #0a263b)}
.chronicle-submit-form{display:grid;gap:17px;padding:clamp(20px,3vw,35px);background:#fffaf0;color:#183849;border:4px solid #e1b768;border-radius:17px;box-shadow:10px 12px 0 #071f35}
.chronicle-submit-form>label:not(.chronicle-consent):not(.chronicle-honeypot){display:grid;gap:7px;font-weight:850}
.chronicle-submit-form input[type=text],.chronicle-submit-form input[type=file],.chronicle-submit-form textarea{width:100%;min-height:48px;padding:12px;border:2px solid #7d9a9a;border-radius:9px;background:#fff;color:#17374a;font:inherit}
.chronicle-submit-form textarea{resize:vertical;min-height:180px;line-height:1.6}
.chronicle-submit-form small{font-weight:500;color:#50606a}
.chronicle-consent{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.5}
.chronicle-consent input{width:21px;height:21px;flex:0 0 auto;margin-top:2px;accent-color:#267361}
.chronicle-consent a{color:#0d675f;font-weight:800}
.chronicle-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.chronicle-submit-form button{min-height:54px;border:2px solid #102f43;border-radius:10px;background:#f5c45e;color:#173347;box-shadow:4px 5px 0 #113244;font:900 1.05rem system-ui;cursor:pointer}
.chronicle-submit-form button:disabled{opacity:.55;cursor:wait}
#chronicle-submit-status{margin:0;font-weight:700;line-height:1.5}
#chronicle-submit-status[data-state=success]{color:#176a42}
#chronicle-submit-status[data-state=error]{color:#a52830}
.chronicle-submit-form :focus-visible{outline:4px solid #d87239;outline-offset:3px}
@media(max-width:760px){.chronicle-submission{padding:54px 0 75px}.chronicle-submission-layout{grid-template-columns:1fr}.chronicle-submission-intro img{display:none}}