/* Shapes and light follow the approved blackberry jelly, down to the small controls. */
:root {
  --jelly-light: #e7d7f0;
  --jelly-rim: #b99acb;
  --jelly-shadow: #573568;
  --jelly-gloss: inset 0 2px 0 #ffffffb3, 0 9px 0 -6px #9b72ad24;
  --jelly-rule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24' fill='none'%3E%3Cpath d='M4 13C18 29 46 5 74 11S111 21 120 12C129 21 148 6 166 11S222 29 236 13' stroke='%23ae8cc2' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body { background: radial-gradient(ellipse at 95% 5%, #eadbf166, transparent 28%), var(--paper); }
.masthead { border-bottom: 0; padding-top: 8px; }
.model-brand { gap: 12px; }
.small-mark { width: 39px; height: 39px; }
.network { padding: 10px 15px; background: #e9ddec; border-radius: 22px 19px 24px 17px; }
.guide-nav { border-top: 2px solid #e2d0e8; border-radius: 50% 35% 0 0 / 12px 9px 0 0; padding-top: 16px; gap: 13px; }
.guide-nav>a { padding: 9px 13px; border-radius: 18px 22px 17px 21px; background: #f0e5f2; color: #69437e; }
.guide-nav>a:hover { background: #e2cdeb; }
.hero { padding-bottom: 40px; }
.hero h1 { color: #4b3159; }
.hero .hero-route code { border-radius: 18px 22px 17px 21px; background: #e9d9ef; border-color: #cdb2d9; }
.button, .command-line button, .token-controls button {
  box-shadow: inset 0 2px 0 #ffffff35, inset 0 -3px 0 #40255122;
  transition: background-color .18s, box-shadow .15s;
}
.button { background: linear-gradient(155deg, #9266af, #69457f 55%, #51305f); border: 1px solid #77518c; border-radius: 25px 31px 23px 29px; }
.button:hover { background: linear-gradient(155deg, #a67dc0, #77518c 55%, #573368); }
.button:active, .command-line button:active, .token-controls button:active { box-shadow: inset 0 3px 0 #40255122, inset 0 -1px 0 #ffffff20; }
.disguise-study { background: radial-gradient(ellipse at 25% 0, #755489, transparent 65%), #30203f; border-radius: 190px 190px 42px 48px; box-shadow: inset 2px 3px 0 #c5a8d34d, 0 12px 0 -5px #cab2d133; }
.jelly-aside { border-radius: 26px 28px 25px 8px; box-shadow: inset 0 2px 0 #fff8; }
.eyebrow { color: #77508e; }

/* Larger silhouettes vary; their calm interiors keep the guide readable. */
.route-section, .access-section, .identity-section.token-checkpoint,
.timeline-section, .questions-section, .sources-section {
  position: relative;
  margin: 26px 0 42px;
  padding: 38px;
  border: 1px solid #d8c3e0;
  border-radius: 50px 66px 42px 58px / 42px 48px 60px 49px;
  background: radial-gradient(ellipse at 18% 0, #ffffffd9, transparent 48%), #efe3f2;
  box-shadow: var(--jelly-gloss);
}
.route-section:after, .access-section:after, .identity-section.token-checkpoint:after,
.timeline-section:after, .questions-section:after {
  content: '';
  position: absolute;
  bottom: -32px;
  left: calc(50% - 80px);
  width: 160px;
  height: 20px;
  background: var(--jelly-rule) center / 100% 100% no-repeat;
  pointer-events: none;
}
.section-heading h2, .token-heading .identity-booth h2, .questions-section h2, .sources-section h2 { color: #563464; }
.route-section { border-radius: 66px 40px 64px 42px / 44px 54px 45px 60px; }
.route-rail { gap: 23px; margin-top: 30px; }
.route-rail>li { padding: 24px 21px 21px; border: 1px solid #cdb4d8; background: #fff9f4; border-radius: 33px 42px 27px 35px / 35px 31px 42px 28px; box-shadow: inset 1px 3px 0 #fff, 0 5px 0 -2px #ccb4d533; }
.route-rail>li:nth-child(2) { border-radius: 45px 32px 38px 28px / 29px 40px 27px 39px; background: #e8d7f0; }
.route-rail>li:before { display: none; }
.route-rail>li:not(:last-child):after { content: ''; z-index: 1; right: -29px; top: 57px; width: 35px; height: 20px; background: var(--jelly-rule) center / 100% 100% no-repeat; }
.route-number { top: -11px; right: 23px; width: 34px; height: 30px; color: #fff8ee; background: linear-gradient(140deg, #a67fc1, #69457f); border: 1px solid #9c77b3; border-radius: 48% 54% 38% 46%; box-shadow: inset 1px 2px 0 #ead8f166; }
.route-rail h3 { color: #603e74; margin-top: 0; }
.route-rail p { font-size: 13px; }
.route-footnote { border-left: 0; padding: 14px 18px; background: #e6d5ed; border-radius: 18px 24px 20px 14px; font-size: 11px; }

.manifest { margin-block: 34px; padding: 44px 42px 30px; border-radius: 65px 48px 73px 42px / 45px 62px 47px 55px; border: 2px solid #b28bc7; background: radial-gradient(ellipse at 12% 0, #bb98d78c, transparent 44%), linear-gradient(148deg, #8861a4, #624078 45%, #493052); box-shadow: inset 2px 4px 0 #e1c9ec66, inset -3px -7px 0 #35203c22, 0 11px 0 -5px #a77abb29; }
.manifest:before { top: 16px; left: 30px; bottom: auto; width: 106px; height: 9px; background: #f3e5ff8c; border-radius: 50%; transform: rotate(-8deg); filter: blur(1px); opacity: 1; }
.manifest-header, .token-limits, .manifest-note { border-color: #d6b6e47a; border-style: solid; border-width: 0 0 2px; border-radius: 0 0 25% 12% / 0 0 8px 5px; }
.manifest-note { border-bottom: 0; border-top: 2px solid #d6b6e45c; border-radius: 18% 28% 0 0 / 6px 8px 0 0; }
.token-limits>div+div { border-left: 2px solid #c5a3d377; border-radius: 18% 0 0 20%; }
.reasoning-panel li { border-radius: 45% 40% 35% 38%; background: #ffffff0d; border-color: #d1b1df8c; }
.reasoning-panel .default-effort { background: #f1d6e6; color: #563363; box-shadow: inset 0 2px 0 #fff9; }
.foundry-channel { border-radius: 45px 64px 40px 58px / 47px 41px 54px 39px; padding: 31px; margin: 31px 0 45px; background: radial-gradient(ellipse at 5% 0, #fff1e2, transparent 60%), #f2d9de; border: 1px solid #d8afb8; box-shadow: inset 1px 3px 0 #fff9, 0 8px 0 -4px #c6a1be33; }
.foundry-channel:before, .foundry-channel:after { display: none; }
.channel-symbol { background: radial-gradient(ellipse at 25% 8%, #d9bce98c, transparent 48%), linear-gradient(150deg, #b88fce, #8c65a4); color: #fff6ee; border: 1px solid #b28ac6; border-radius: 48% 44% 42% 40%; box-shadow: inset 2px 3px 0 #ddbfeb9c, inset -2px -4px 0 #67447e22; transform: rotate(-4deg); padding: 14px 6px; align-items: center; text-align: center; }
.channel-symbol b { color: #fff6ee; letter-spacing: -.12em; padding-right: .12em; text-shadow: 0 2px 0 #69457f55; }
.channel-copy h2 { color: #6d415f; }
.channel-links a { background: #fff3e6; padding: 11px 15px; border-radius: 21px 25px 19px 23px; border: 1px solid #ddbbc1; text-decoration: none; }
.channel-links a:hover { background: #ffead3; text-decoration: underline; }
.channel-links a:first-child { color: #fff8ee; background: linear-gradient(150deg, #875c9e, #68417c); border-color: #8a5f9e; box-shadow: inset 0 2px 0 #ffffff40, inset 0 -2px 0 #40255122; }
.channel-links a:first-child:hover { background: linear-gradient(150deg, #8c609f, #74498a); }

.access-section { background: radial-gradient(ellipse at 0 0, #f2e5f6, transparent 57%), #fff9f3; border-radius: 45px 70px 46px 62px / 59px 46px 63px 44px; }
.hermes-steps>h3 { color: #67437a; }
.hermes-steps>ol>li>span { width: 30px; height: 30px; border-radius: 48% 40% 36% 45%; background: linear-gradient(145deg, #c5a3d9, #9166ad); color: white; border-color: #ad86c3; box-shadow: inset 1px 2px 0 #f0dfff77; }
.hermes-steps>ol>li { grid-template-columns: 30px minmax(0,1fr); }
.command-line { border: 1px solid #c7a9d3; border-radius: 20px 26px 18px 24px; padding-inline: 17px 7px; background: #ecdeef; box-shadow: inset 0 2px 0 #fff9; }
.command-line button { background: #d6bbe3; border: 1px solid #bd97d0; border-radius: 43% 48% 34% 38%; min-height: 44px; min-width: 55px; padding-inline: 11px; }
.preview-ticket { padding: 31px 27px 25px; border-radius: 42px 54px 34px 48px / 49px 34px 52px 38px; background: radial-gradient(ellipse at 25% 0, #fff1d9, transparent 60%), #f3d8b9; border: 1px solid #d8b18d; box-shadow: inset 2px 3px 0 #fff8, inset -3px -4px 0 #d9ab7d22; }
.preview-ticket:before, .preview-ticket:after { display: none; }
.preview-ticket small { padding-right: 0; }
.api-route { background: #eadbef; border: 1px solid #c5a5d3; border-radius: 28px 37px 26px 33px; padding-inline: 23px; box-shadow: inset 0 3px 0 #fff7; }
.api-route>summary { border: 0; }
.api-route[open] { border-radius: 32px 40px 35px 45px; }
.api-route[open]>summary { border-bottom: 2px solid #d3b8df; border-radius: 0 0 25% 20% / 0 0 6px 8px; }
.api-content pre { border-radius: 21px 27px 19px 24px; background: #f9f2fa; color: #503361; border-color: #c9b0d6; box-shadow: inset 0 2px 0 #fff9; }
.api-content .command-line { background: #f8f0f8; }
.upstream-address { border-color: #cdb3d7; border-radius: 13px 20px 16px 19px; }

.identity-section.token-checkpoint { background: radial-gradient(ellipse at 100% 0, #e0c7ed66, transparent 30%), #faf3fc; border-radius: 64px 45px 64px 47px / 44px 57px 53px 64px; }
.token-heading { grid-template-columns: minmax(0,1fr) 300px; gap: 34px; align-items: center; }
.token-heading .identity-booth h2 { font-size: clamp(30px,3.4vw,42px); }
.token-heading .token-verdict { border-left: 3px solid #b28bc7; border-radius: 6px; }
.token-result { border: 2px solid #bd98d0; border-radius: 44px 54px 40px 51px / 46px 39px 53px 42px; background: radial-gradient(ellipse at 12% 0, #b895d18c, transparent 56%), linear-gradient(150deg, #865f9e, #5e3a73 60%, #4f305e); box-shadow: inset 2px 4px 0 #f2dfff66, inset -3px -5px 0 #39214033; padding: 29px; }
.token-result:after { display: none; }
.token-zero { border-top: 2px solid #c6a3d470; border-radius: 15% 20% 0 0 / 5px 7px 0 0; }
.token-evidence { background: #ecdcf2; border: 1px solid #c9a8db; border-radius: 35px 48px 31px 43px / 43px 32px 47px 37px; padding: 28px; box-shadow: inset 1px 3px 0 #fff9; }
.token-evidence-heading { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 28px; align-items: center; margin-bottom: 20px; }
.token-evidence-heading h3 { max-width: 380px; font-size: 28px; }
.token-comparison-label { margin-top: 17px; color: #654372; font-size: 11px; }
.token-comparison-label>span { font-size: 10px; color: #6f507e; }
.evidence-companion { display: flex; align-items: center; margin: 0; min-width: 0; gap: 6px; }
.evidence-jelly { display: block; width: 157px; height: 150px; flex: none; overflow: visible; transform: rotate(-3deg); }
.evidence-companion figcaption { position: relative; font-size: 14px; line-height: 1.5; font-weight: 550; color: #6c426d; background: #ffedd8; border: 1px solid #e5c2b9; border-radius: 28px 31px 25px 5px; padding: 16px 17px; box-shadow: inset 0 2px 0 #fff9; }
.evidence-jelly .disguise { transform-origin: 180px 196px; }
.evidence-companion[data-reaction=hiding] .disguise { transform: translateY(-48px) rotate(-3deg); }
.evidence-companion[data-reaction=hiding] .evidence-jelly { transform: rotate(3deg); }
.evidence-jelly { transform-origin: 50% 78%; }
.token-strip { border-color: #d5b9e1; }
.token-cells>i { height: 17px; border-radius: 44% 35% 38% 28%; }
.token-same { background: linear-gradient(145deg, #b185ca, #79508f); border-color: #9871ae; box-shadow: inset 0 2px 0 #e5c8f277; }
.token-different { background: #f5ebf9; border-color: #b89ac9; }
.token-legend { color: #60476d; }
.token-legend i { border-radius: 42% 35% 30% 38%; }
.token-inspector { border: 1px solid #c9acd7; border-radius: 29px 38px 27px 35px / 38px 27px 37px 30px; background: #fff9f4; box-shadow: inset 1px 3px 0 white; }
.token-controls select { border-radius: 16px 21px 15px 19px; background: #f4e8f7; }
.token-controls button { border-radius: 46% 39% 33% 44%; background: #d9bde9; border-color: #b48ac9; }
.token-phrase { border: 1px solid #d1b4df; border-left: 3px solid #ac82c2; border-radius: 18px 25px 19px 22px; background: #ecddf2; }
.token-counts>div+div { border-left: 2px solid #ddc7e7; border-radius: 13% 0 0 12%; }
.token-unit, .token-scope, .token-disclosures details { border-color: #cbb1d8; border-style: solid; }
.token-unit, .token-scope { border-width: 1px 0 0; border-radius: 14% 18% 0 0 / 5px 7px 0 0; color: #70567b; }
.token-disclosures details { border-radius: 20px 26px 18px 24px; background: #f9f0fc; padding: 0 15px; border-width: 1px; }
.token-disclosures summary { min-height: 48px; }
.token-disclosures, .token-disclosures:has(details[open]) { grid-template-columns: 1fr; gap: 14px; }
.token-table-scroll { border-radius: 14px 20px 15px 18px; margin-bottom: 15px; }
.token-table thead th { background: #dfc7ea; }
.token-table tbody tr:nth-child(even) { background: #e9d8f14d; }
.token-footer .benchmark-note { border-left: 2px solid #c3a1d4; border-radius: 12% 0 0 15%; }
.identity-stamp { border-radius: 19px 27px 17px 23px; background: #e9d7f1; border-color: #ae84c1; }
.hermes-personality { padding: 30px 38px; background: #ead8ef; border: 1px solid #cbb0d8; border-radius: 32px 52px 36px 48px / 44px 32px 48px 35px; margin-bottom: 34px; box-shadow: inset 1px 3px 0 #fff8; }
.personality-commands code { border: 1px solid #bd98cf; border-left-width: 3px; border-radius: 19px 24px 16px 21px; background: #f9f1fc; }
.timeline-section { background: #fff7ef; border-radius: 44px 64px 48px 62px / 57px 44px 62px 46px; gap: 38px; }
.sightings>li:before { width: 3px; background: #c3a0d2; border-radius: 50%; }
.sightings>li>div:before { width: 10px; height: 13px; left: 106px; top: 3px; border: 1px solid #b28ac7; border-radius: 50% 50% 44% 40%; background: linear-gradient(140deg, #cfaee0, #8960a1); box-shadow: inset 1px 2px 0 #f3e1ff88; }
.sightings h3 { color: #60406f; }
.questions-section { background: #e9d7f1; }
.questions { column-gap: 24px; gap: 14px 24px; }
.questions details { background: #fff9f3; border: 1px solid #c7a5d6; padding: 0 20px; border-radius: 24px 33px 23px 29px / 30px 23px 31px 25px; box-shadow: inset 1px 2px 0 #fff; }
.questions summary { padding: 18px 0; }
.questions details[open] { border-radius: 27px 34px 31px 35px; }
.questions details>p { padding: 0 0 19px; margin: 0; }
.sources-section { background: #fff9f3; margin-bottom: 22px; }
.sources-section li { background: #ecddf2; border: 1px solid #d2b8df; border-radius: 17px 23px 18px 21px; padding: 10px 15px; }
.sources-section ul { gap: 12px; }
footer { border-top: 0; padding-bottom: 30px; }
.copy-status { background: #704986; border: 1px solid #ba93cf; border-radius: 21px 27px 19px 24px; }

/* The jelly moves inside its fixed hit area; the guide and speech stay put. */
.jelly { transform-origin: 50% 83%; }
.jelly-button:active .disguise-action { background: #805392; border-color: #e5c2ed; }
.jelly-button:disabled:hover .disguise { transform: none; }
.token-table-scroll:focus-visible { outline: 3px solid #77518c; outline-offset: 3px; }
.token-cells>i { transition: transform .18s ease; }
.token-cells>i[data-active=true] { transform: scaleY(1.12); }
.token-controls button, .token-controls select,
.api-route>summary, .token-disclosures summary, .questions summary { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.token-controls button:focus-visible, .token-controls select:focus-visible,
.token-disclosures summary:focus-visible, .api-route>summary:focus-visible,
.questions summary:focus-visible { outline-color: #77518c; }
.token-disclosures summary, .questions summary { border-radius: 12px; }
.token-disclosures summary:active, .questions summary:active { color: #714083; }
.command-line button[data-copy-state=success] { background: #d8e8d3; border-color: #a7c29e; }

@media(hover:hover) and (pointer:fine) {
  .token-controls button:hover { background: #c9a5df; }
  .token-disclosures summary:hover, .questions summary:hover { color: #714083; }
}
@media(max-width:1000px) {
  .route-section, .access-section, .identity-section.token-checkpoint, .timeline-section, .questions-section, .sources-section { padding: 30px; }
  .token-heading { grid-template-columns: minmax(0,1fr) 275px; gap: 26px; }
  .token-evidence-heading { grid-template-columns: 1fr; gap: 13px; }
  .evidence-companion { max-width: 420px; justify-self: end; margin-top: -9px; }
  .evidence-jelly { width: 140px; height: 128px; }
  .token-evidence-heading h3 { max-width: none; }
  .route-rail { gap: 16px; }
  .route-rail>li { padding: 24px 17px 18px; }
  .route-rail>li:not(:last-child):after { right: -22px; width: 27px; }
  .token-strip { grid-template-columns: 160px minmax(0,1fr) 55px; gap: 11px; }
  .token-cells { gap: 2px; }
  .hermes-personality { padding: 27px 30px; }
  .sightings>li>div:before { left: 90px; }
}
@media(max-width:650px) {
  .wrap { width: calc(100% - 32px); }
  .masthead { min-height: 73px; }
  .small-mark { width: 32px; height: 32px; }
  .network { padding: 9px 12px; }
  .guide-nav { gap: 7px; padding-top: 15px; }
  .guide-nav>a { padding: 8px 10px; font-size: 10px; }
  .guide-nav>span { margin-bottom: 6px; }
  .hero { padding-top: 19px; padding-bottom: 22px; }
  .hero h1 { font-size: clamp(39px,11vw,64px); }
  .disguise-study { margin-bottom: 5px; }
  .route-section, .access-section, .identity-section.token-checkpoint, .timeline-section, .questions-section, .sources-section {
    margin: 22px 0 38px; padding: 28px 21px; border-radius: 32px 40px 30px 37px / 36px 29px 39px 32px;
  }
  .route-section:after, .access-section:after, .identity-section.token-checkpoint:after, .timeline-section:after, .questions-section:after { width: 120px; left: calc(50% - 60px); bottom: -29px; }
  .section-heading h2 { font-size: 28px; }
  .route-rail { padding: 0; gap: 23px; }
  .route-rail>li, .route-rail>li:last-child { padding: 24px 20px 20px; border: 1px solid #cdb4d8; }
  .route-rail>li:not(:last-child):after { display: block; right: calc(50% - 20px); top: auto; bottom: -23px; width: 40px; height: 20px; }
  .route-rail p { max-width: none; }
  .route-number { top: -10px; right: 20px; }
  .route-footnote { font-size: 11px; padding: 13px 15px; }
  .manifest { padding: 34px 25px 25px; margin-block: 28px; border-radius: 39px 30px 45px 30px / 33px 42px 32px 39px; }
  .manifest:before { left: 27px; top: 14px; width: 65px; height: 5px; }
  .manifest-header { display: block; }
  .manifest-header h2 { font-size: 26px; }
  .manifest-header>p { text-align: left; margin-top: 18px; font-size: 8px; }
  .token-limits { gap: 15px; }
  .token-limits>div+div { padding-left: 15px; }
  .token-limits dd { font-size: 24px; }
  .token-limits dd>span { font-size: 10px; }
  .manifest-details dl>div { grid-template-columns: 90px minmax(0,1fr); font-size: 11px; gap: 12px; }
  .reasoning-panel li { padding: 12px 2px; font-size: 9px; }
  .foundry-channel { padding: 27px 22px; grid-template-columns: 62px minmax(0,1fr); gap: 20px 15px; border-radius: 34px 43px 31px 39px / 38px 30px 42px 33px; }
  .channel-symbol { min-height: 82px; padding: 12px 4px; }
  .channel-symbol small { max-width: none; }
  .channel-links { border-top: 2px solid #dbbbc5; border-radius: 12% 15% 0 0 / 5px 6px 0 0; }
  .channel-links a { font-size: 11px; }
  .access-grid { gap: 23px; }
  .hermes-steps>ol>li { gap: 10px; }
  .hermes-steps p { font-size: 12px; }
  .command-line { padding-left: 12px; gap: 7px; min-height: 58px; }
  .command-line code { font-size: 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
  .command-line button { min-width: 46px; padding-inline: 9px; font-size: 10px; }
  .preview-ticket { padding: 28px 23px 23px; border-radius: 34px 43px 29px 39px / 38px 29px 41px 31px; }
  .api-route { padding-inline: 16px; }
  .api-route>summary>strong { font-size: 13px; }
  .api-content pre { font-size: 10px; }
  .token-heading { grid-template-columns: 1fr; gap: 22px; }
  .token-heading .identity-booth h2 { font-size: 29px; }
  .token-result { padding: 27px; border-radius: 36px 47px 33px 43px / 40px 33px 44px 35px; }
  .token-result .eyebrow { font-size: 8px; }
  .token-evidence { padding: 23px 14px 20px; margin-inline: -6px; border-radius: 28px 36px 26px 32px / 34px 27px 35px 29px; }
  .token-evidence-heading { display: block; margin-bottom: 13px; }
  .token-evidence-heading h3 { font-size: 25px; max-width: 230px; }
  .token-comparison-label { font-size: 10px; }
  .token-comparison-label>span { font-size: 10px; }
  .evidence-companion { margin: 12px -7px 0; gap: 0; justify-self: auto; }
  .evidence-jelly { width: 120px; height: 123px; }
  .evidence-companion figcaption { font-size: 12px; line-height: 1.5; padding: 13px 14px; border-radius: 24px 28px 22px 5px; }
  .token-strip { grid-template-columns: 1fr auto; gap: 11px; }
  .token-cells { gap: 2px; }
  .token-cells>i { height: 15px; }
  .token-model { font-size: 11px; }
  .token-legend { gap: 10px; font-size: 10px; }
  .token-inspector { padding: 20px 12px; border-radius: 24px 30px 22px 28px; }
  .token-inspector h4 { font-size: 20px; }
  .token-controls>div { gap: 4px; }
  .token-controls select { font-size: 10px; padding-left: 8px; padding-right: 21px; }
  .token-controls button { width: 40px; min-height: 44px; }
  .token-phrase { padding: 14px 10px; min-height: 122px; font-size: 13px; }
  .token-counts { gap: 7px; }
  .token-counts>div+div { padding-left: 8px; }
  .token-counts span { font-size: 10px; }
  .token-counts small { font-size: 9px; }
  .token-unit, .token-scope { font-size: 11px; }
  .token-footer { gap: 21px; }
  .token-footer .benchmark-note { border-left: 0; border-top: 2px solid #cfb2de; border-radius: 15% 20% 0 0 / 6px 8px 0 0; }
  .hermes-personality { padding: 26px 23px; border-radius: 31px 40px 28px 36px; }
  .hermes-personality h2 { font-size: 24px; }
  .timeline-section { gap: 25px; }
  .sightings>li { grid-template-columns: 63px minmax(0,1fr); gap: 20px; }
  .sightings>li:before { left: 72px; }
  .sightings>li>div:before { left: 68px; }
  .sightings time, .unknown-date { font-size: 8px; }
  .questions-section h2 { font-size: 26px; }
  .questions details { padding-inline: 17px; }
  .questions summary, .questions details>p { font-size: 12px; }
  .sources-section ul { grid-template-columns: 1fr; }
  .sources-section li { padding: 11px 15px; font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .button, .command-line button, .token-controls button, .token-cells>i,
  .evidence-jelly, .evidence-jelly .disguise { transition: none; }
}