:root{
  --surface:#f8f9ff;
  --panel:#eef0ff;
  --panel-strong:#dde1fa;
  --ink:#172044;
  --muted:#687197;
  --rule:#c9cee8;
  --accent:#cf2f68;
  --accent-2:#7aa62a;
  --blue:#324fd6;
  --white:#ffffff;
  --shadow:0 24px 70px rgba(31,43,98,.12);
}

*{box-sizing:border-box}

body{
  margin:0;
  background:
    linear-gradient(90deg, rgba(201,206,232,.42) 1px, transparent 1px) 0 0/42px 42px,
    linear-gradient(180deg, #fbfcff 0%, var(--surface) 45%, #eef1ff 100%);
  color:var(--ink);
  font-family:"Lucida Grande","Lucida Sans Unicode","Segoe UI",system-ui,sans-serif;
  line-height:1.55;
}

a{color:inherit;text-decoration:none}

.recall-home{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:28px 0 70px;
}

.stimulus-hero{
  position:relative;
  min-height:520px;
  display:grid;
  align-content:center;
  padding:70px clamp(22px,6vw,86px);
  border:1px solid var(--rule);
  border-radius:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,240,255,.84));
  box-shadow:var(--shadow);
  overflow:hidden;
}

.stimulus-hero:before{
  content:"";
  position:absolute;
  inset:30px;
  border:2px solid rgba(50,79,214,.18);
  border-radius:28px;
  pointer-events:none;
}

.memory-meter{
  position:absolute;
  right:clamp(18px,5vw,74px);
  top:42px;
  display:flex;
  gap:8px;
  align-items:flex-end;
}

.memory-meter span{
  width:18px;
  border-radius:999px 999px 8px 8px;
  background:var(--accent);
  opacity:.2;
}
.memory-meter span:nth-child(1){height:28px;opacity:.25}
.memory-meter span:nth-child(2){height:54px;opacity:.4}
.memory-meter span:nth-child(3){height:82px;opacity:.7}
.memory-meter span:nth-child(4){height:46px;opacity:.35;background:var(--blue)}
.memory-meter span:nth-child(5){height:104px;opacity:.85;background:var(--accent-2)}

.hero-kicker,.section-label,.chamber-label,.prompt-tab,.cue-card time,.feature-index,.association-ladder,.byline-chip{
  font-family:"Courier New",Courier,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.72rem;
}

.hero-kicker{
  color:var(--accent);
  margin:0 0 18px;
  font-weight:700;
}

.stimulus-hero h1{
  max-width:820px;
  margin:0;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  font-size:clamp(4rem,12vw,10.5rem);
  line-height:.82;
  letter-spacing:-.08em;
  color:var(--ink);
}

.hero-dek{
  max-width:760px;
  margin:34px 0 0;
  font-size:clamp(1.12rem,2vw,1.55rem);
  color:#313a67;
}

.byline-chip{
  width:max-content;
  margin:30px 0 0;
  padding:10px 14px;
  border:1px solid var(--rule);
  border-radius:999px;
  background:var(--white);
  color:var(--muted);
}

.occasion-shelf{
  margin-top:28px;
  display:grid;
  grid-template-columns:minmax(240px, .75fr) 1.25fr;
  gap:22px;
  align-items:stretch;
}

.occasion-shelf h2{
  margin:0;
  padding:28px;
  border-radius:28px;
  background:var(--ink);
  color:white;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  font-size:clamp(1.7rem,3.4vw,3.4rem);
  line-height:.98;
  letter-spacing:-.045em;
}

.occasion-shelf>.section-label{
  display:flex;
  align-items:flex-end;
  min-height:210px;
  padding:22px;
  border:1px solid var(--rule);
  border-radius:28px;
  background:var(--panel);
  color:var(--blue);
}

.topic-chip-tray{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:18px;
  border:1px solid var(--rule);
  border-radius:24px;
  background:rgba(255,255,255,.72);
}

.topic-chip-tray a,.topic-chip-tray span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 13px;
  border:1px solid var(--rule);
  border-radius:999px;
  background:#fff;
  color:#303a6a;
  font-size:.9rem;
}

.wear-feature{
  margin-top:28px;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:0;
  border:1px solid var(--rule);
  border-radius:32px;
  overflow:hidden;
  background:#fff;
}

.feature-index{
  display:grid;
  align-content:stretch;
  background:var(--panel-strong);
  color:var(--ink);
}

.feature-index span{
  display:flex;
  align-items:center;
  padding:20px;
  border-bottom:1px solid rgba(23,32,68,.16);
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}

.feature-panel{
  padding:clamp(28px,5vw,62px);
}

.feature-panel h2,.specimen-tray h2,.archive-field h2{
  margin:0;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  font-size:clamp(2rem,4.5vw,4.9rem);
  line-height:.94;
  letter-spacing:-.055em;
}

.feature-panel p:last-child{
  max-width:760px;
  margin:26px 0 0;
  font-size:1.12rem;
  color:#3f486f;
}

.specimen-tray{
  margin-top:28px;
  padding:28px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(238,240,255,.9), rgba(255,255,255,.76));
  border:1px solid var(--rule);
}

.specimen-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
}

.specimen-grid p{
  margin:0;
  min-height:210px;
  padding:22px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--rule);
}

.specimen-grid strong{
  display:block;
  margin-bottom:38px;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  font-size:1.3rem;
  letter-spacing:-.035em;
}

.specimen-grid span{color:var(--muted)}

.distortion-strip{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid var(--rule);
  border-radius:24px;
  overflow:hidden;
  background:#fff;
}

.distortion-strip span{
  min-height:80px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid var(--rule);
  font-family:"Courier New",Courier,monospace;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
}
.distortion-strip span:last-child{border-right:0;color:var(--accent);font-weight:700}

.archive-field{
  margin-top:42px;
}

.archive-heading-row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.post-card-field{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.cue-card{
  min-height:310px;
}

.cue-card-link{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:18px;
  border:1px solid var(--rule);
  border-radius:26px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 36px rgba(31,43,98,.08);
  transition:transform .18s ease, border-color .18s ease;
}

.cue-card-link:hover{
  transform:translateY(-4px);
  border-color:rgba(207,47,104,.55);
}

.cue-card-topline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:36px;
}

.cue-card time{color:var(--muted)}

.prompt-tab{
  padding:6px 9px;
  border-radius:999px;
  background:var(--panel);
  color:var(--blue);
}

.cue-card h3{
  margin:0;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  font-size:1.7rem;
  line-height:1;
  letter-spacing:-.045em;
}

.cue-card p{
  margin:16px 0 26px;
  color:#596182;
}

.association-ticks{
  margin-top:auto;
  display:grid;
  grid-template-columns:2fr 1fr 1.5fr .7fr;
  gap:7px;
}

.association-ticks span{
  height:11px;
  border-radius:999px;
  background:var(--rule);
}
.association-ticks span:nth-child(1){background:var(--accent)}
.association-ticks span:nth-child(3){background:var(--accent-2)}

.article-chamber{
  width:min(1160px, calc(100% - 32px));
  margin:0 auto;
  padding:26px 0 74px;
}

.return-line{
  margin-bottom:16px;
  font-family:"Courier New",Courier,monospace;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
}

.return-line a{
  display:inline-flex;
  padding:9px 12px;
  border:1px solid var(--rule);
  border-radius:999px;
  background:#fff;
}

.article-stimulus{
  padding:clamp(28px,6vw,72px);
  border:1px solid var(--rule);
  border-radius:34px 34px 12px 12px;
  background:linear-gradient(135deg,#fff,var(--panel));
  box-shadow:var(--shadow);
}

.chamber-label{color:var(--accent);font-weight:700}

.article-stimulus h1{
  max-width:920px;
  margin:14px 0 22px;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  font-size:clamp(3rem,8vw,7.6rem);
  line-height:.86;
  letter-spacing:-.075em;
}

.article-meta{
  color:var(--muted);
  font-size:.95rem;
}

.article-layout{
  display:grid;
  grid-template-columns:118px minmax(0, 1fr) 240px;
  gap:18px;
  align-items:start;
  margin-top:18px;
}

.association-ladder{
  position:sticky;
  top:18px;
  display:grid;
  gap:8px;
}

.association-ladder span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:78px;
  border:1px solid var(--rule);
  border-radius:18px;
  background:#fff;
  color:var(--muted);
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}

.article-body{
  padding:clamp(26px,5vw,62px);
  border:1px solid var(--rule);
  border-radius:12px 12px 34px 34px;
  background:rgba(255,255,255,.94);
}

.article-body > *:first-child{margin-top:0}
.article-body > *:last-child{margin-bottom:0}

.article-body p,.article-body li{
  font-size:1.07rem;
  color:#273055;
}

.article-body p{margin:0 0 1.25em}

.article-body h2,.article-body h3{
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  letter-spacing:-.04em;
  line-height:1;
  margin:1.45em 0 .55em;
  color:var(--ink);
}

.article-body h2{font-size:clamp(2rem,4vw,3.6rem)}
.article-body h3{font-size:1.75rem}

.article-body blockquote{
  margin:2rem 0;
  padding:20px 22px;
  border-left:8px solid var(--accent);
  border-radius:18px;
  background:var(--panel);
  color:var(--ink);
}

.field-note-shelf{
  position:sticky;
  top:18px;
  display:grid;
  gap:12px;
}

.field-note-shelf p{
  margin:0;
  padding:16px;
  border:1px solid var(--rule);
  border-radius:20px;
  background:#fff;
}

.field-note-shelf strong{
  display:block;
  margin-bottom:12px;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;
  letter-spacing:-.035em;
}

.field-note-shelf span{
  color:var(--muted);
  font-size:.9rem;
}

@media (max-width:900px){
  .occasion-shelf,.wear-feature,.specimen-grid,.post-card-field,.article-layout{grid-template-columns:1fr}
  .feature-index{grid-template-columns:repeat(3,1fr)}
  .feature-index span{writing-mode:initial;transform:none;justify-content:center;border-bottom:0;border-right:1px solid rgba(23,32,68,.16)}
  .distortion-strip{grid-template-columns:1fr}
  .distortion-strip span{border-right:0;border-bottom:1px solid var(--rule)}
  .association-ladder,.field-note-shelf{position:static;grid-template-columns:repeat(5,1fr)}
  .association-ladder span{writing-mode:initial;transform:none;min-height:auto;padding:10px}
  .field-note-shelf{grid-template-columns:1fr}
}

@media (max-width:560px){
  .recall-home,.article-chamber{width:min(100% - 20px, 1180px)}
  .stimulus-hero{min-height:440px;border-radius:24px;padding:48px 20px}
  .stimulus-hero h1{font-size:4.1rem}
  .archive-heading-row{display:block}
}