/* Magmarty Supremes - maintained with Netscape in mind */
*{box-sizing:border-box}
body{margin:0;background:repeating-linear-gradient(45deg,#f3df99 0px,#f3df99 12px,#ead18a 13px,#f4e3a5 17px);color:#35180e;font:16px Georgia,'Times New Roman',serif}
a{color:#9b280f}a:hover{color:#5c1608}
.site{max-width:1060px;margin:17px auto 30px;border:6px ridge #ad391b;background:#fff0ba;box-shadow:6px 6px 0 #8c642f}
.mast{display:flex;align-items:center;gap:18px;padding:10px 20px;background:repeating-linear-gradient(45deg,#ffe5a0,#ffe5a0 11px,#f8d98d 13px);min-height:184px}
.mast .brand{width:33%;flex-shrink:0;text-align:center}
.logo{width:100%;height:170px;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none}
.mast a{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:auto}
.headline{text-align:center;flex:1}
.headline strong{font:italic 900 clamp(24px,3.8vw,44px)/1.05 Georgia,serif;color:#991b0e;display:block;transform:rotate(-3deg);text-shadow:2px 2px #e7b94f}
.headline small{display:block;margin-top:26px;font:bold 13px Georgia}
.doodle{font:bold italic 18px Georgia;text-align:center;max-width:130px;transform:rotate(6deg)}
nav{background:#ba4b29;border-block:3px solid #853018;display:flex;justify-content:center;flex-wrap:wrap}
nav a{color:#fff5cf;font:bold 16px Georgia;padding:11px 16px;border-right:1px solid #f3bd80;text-decoration:none}
nav a:hover,nav a.current{background:#f7d477;color:#7d280f}
.ticker{overflow:hidden;white-space:nowrap;background:#271008;color:#ffe176;padding:8px}
.ticker span{display:inline-block;padding-left:100%;animation:scroll 26s linear infinite;font:bold 14px Georgia}
@keyframes scroll{to{transform:translateX(-100%)}}
main{padding:18px;background:radial-gradient(#d9bd7555 .7px,transparent 1px) 0 0/7px 7px,#fff0bc}
.feature{display:grid;grid-template-columns:1.65fr 1fr;gap:13px}
.big-burger{border:2px solid #c84d2b;background:#fff0c4;padding:18px;position:relative;min-height:460px}
.big-burger h1{font:bold 49px/.99 Georgia;color:#a72616;letter-spacing:-2px;margin:15px 0;transform:rotate(-3deg);text-shadow:3px 3px #f6c74d}
.burger-photo{display:block;width:min(90%,435px);height:310px;object-fit:contain;margin:-7px auto 0;filter:drop-shadow(4px 7px 0 #9c5b3633);user-select:none;-webkit-user-drag:none}
.intro-copy{font-size:17px;max-width:500px}
.sticker{position:absolute;right:19px;bottom:18px;background:#ffe18a;border:2px solid #a83b20;padding:10px;font:bold italic 20px Georgia;transform:rotate(-7deg);box-shadow:3px 4px #d2a451}
.notice-card{border:3px solid #ac4228;background:#d26b40;padding:13px;color:#4b1408}
.notice-paper{background:#ffedbd;border:2px solid #863618;padding:12px 14px;min-height:100%;box-shadow:inset 0 0 0 4px #f8dfa8}
.notice-paper h2{margin:0 0 10px;color:#9c2c18;font:bold 32px Georgia;line-height:1.05}
.notice-paper p{margin:10px 0 0;line-height:1.45}
.notice-paper ul{margin:14px 0 8px 18px;padding:0;line-height:1.6}
.notice-paper .mini{font-size:13px;color:#5d4028}
.triptych{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin:16px 0}
.panel{border:2px solid #a83b20;background:#fff0bd;padding:13px;min-height:185px}
.panel h2{color:#a32a17;font:bold 23px Georgia;margin:4px 0 10px}
.panel.promo{background:#ffdf6f;border-style:dashed;text-align:center}
.panel.promo h2{font-size:27px}.panel.paper-clip{background:#e4d4ac;transform:rotate(1deg);box-shadow:3px 4px #886f4f}.panel.paper-clip h2{font-style:italic;color:#24211d}
.bottom-bar{display:grid;grid-template-columns:2fr 1fr;gap:12px;border-top:4px double #bd642f;padding:17px 6px 7px}
.visitor{background:#f9dda0;border:2px dashed #ab4429;text-align:center;padding:8px;font:12px Arial}.digits{display:inline-block;font:bold 24px monospace;letter-spacing:4px;background:#161616;color:white;padding:6px 10px;border:3px ridge #888}
.footer{background:#421b0e;color:#fff0c4;padding:13px 17px;font:12px/1.55 Georgia}.footer a{color:#ffe5a9}
.page{max-width:850px;margin:5px auto;padding:15px 20px 36px;min-height:270px;text-align:center}
.page h1{color:#a12c18;font-size:32px;margin-bottom:8px}
.fine{font-size:12px;color:#65452c}.subtlelink{font-size:12px}.hide-selection{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.staff-wrap{display:grid;grid-template-columns:280px 1fr;gap:20px;text-align:left;align-items:start}
.staff-side img{width:100%;display:block;border:7px solid #fff6d2;box-shadow:4px 5px #a0783b;object-fit:cover}
.staff-note{background:#ffe9a8;border:2px solid #b56029;padding:11px 12px;transform:rotate(-2deg);margin-top:14px;box-shadow:3px 4px #d7b26f}
.staff-note h3{margin:0 0 8px;font:bold 24px 'Comic Sans MS',Georgia}
.staff-main{background:#fff4cf;border:2px solid #c48739;padding:14px 18px}
.staff-main h2{margin:0 0 8px;color:#a12c18;font:bold 29px Georgia}
.staff-main p{line-height:1.55;margin:10px 0}
.scrap-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;align-items:start}
.scrap-row img{width:100%;display:block;border:1px solid #8e5f29;background:#f7efda}
.helper-box{background:#ffefbf;border:2px dashed #b65420;padding:12px}
.helper-box h3{margin:0 0 10px;color:#9b2e19}
@media(max-width:700px){.mast{gap:4px;padding:9px;min-height:130px}.mast .brand{width:36%}.logo{height:125px}.headline strong{font-size:24px}.headline small{font-size:10px;margin-top:10px}.doodle{display:none}.feature,.triptych,.bottom-bar,.staff-wrap,.scrap-row{grid-template-columns:1fr}.big-burger h1{font-size:36px}.burger-photo{height:235px}.sticker{position:static;display:inline-block}nav a{font-size:13px;padding:8px}}
@media(prefers-reduced-motion:reduce){.ticker span{animation:none;padding-left:0}}

/* additional period-appropriate layouts */
.staff-page,.guestbook-page,.memories-page{max-width:900px}
.staff-intro{text-align:center;margin:0 0 22px}
.staff-spotlight{display:grid;grid-template-columns:300px 1fr;gap:22px;text-align:left;align-items:start}
.staff-photo{background:#f1dcad;border:6px solid #fff6d9;box-shadow:4px 5px 0 #b48e53;transform:rotate(-1deg);padding:3px}
.staff-photo img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover;object-position:top}
.staff-caption{padding:8px;font:italic 14px Georgia;text-align:center}
.staff-story{background:#fff5cf;border:2px solid #be793a;padding:20px}
.staff-story h2{color:#962c19;font-size:30px;line-height:1.08;margin:8px 0 14px}
.staff-story p{line-height:1.5;margin:0 0 13px}
.staff-story blockquote{border-left:4px solid #b14b26;margin:16px 0 0;padding:9px 15px;background:#fbe4a6;font:italic 17px Georgia}
.small-label{font:bold 13px Arial;letter-spacing:2px;color:#85421d}
.staff-award{margin-top:20px;display:flex;gap:23px;align-items:center;background:#f9e9ae;border:2px dashed #b65b32;padding:15px;text-align:left}
.staff-award img{width:155px;height:170px;object-fit:contain;flex-shrink:0}
.staff-award h3{color:#902b16;margin:0 0 5px}
.guestbook-entries{text-align:left;border:2px solid #b86c35;background:#fff5cd;padding:0 20px}
.guestbook-entries article{border-bottom:1px dashed #bf8b59;padding:15px 0}
.guestbook-entries article:last-child{border-bottom:0}
.guestbook-entries time{float:right;color:#7d5f3f;font:13px Arial}
.guestbook-entries p{margin:8px 0 0;line-height:1.45}
.outage-note{font-size:13px;margin:18px auto;color:#65462d}
.memories-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left;margin-top:25px}
.memory-tile{border:2px solid #ba6b34;padding:14px;background:#fff4cb}
.memory-tile h2{font-size:21px;color:#a23219}
.memory-tile p{line-height:1.45}
.video-placeholder{height:210px;display:flex;align-items:center;justify-content:center;background:#392922;border:8px solid #d0b58a;box-shadow:inset 0 0 0 2px #6d4d2e;color:#fff3ca;text-align:center;font:bold 22px Arial}
.vhs-label small{font:12px monospace;color:#dbceab}
.scrapbook-letter{min-height:210px;background:#e4d6b7;border:1px solid #a99978;box-shadow:3px 4px #c2b18b;padding:15px;transform:rotate(1deg)}
@media(max-width:700px){.staff-spotlight,.memories-grid{grid-template-columns:1fr}.staff-photo{max-width:340px}.staff-award{align-items:flex-start}.staff-award img{width:110px;height:140px}}

.late-night-ad{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.late-night-ad h2{font-size:clamp(32px,3vw,48px);line-height:1.03;transform:rotate(-3deg);margin:4px 0}
.late-night-ad .ad-hours{background:#ad311b;color:#fff2bf;border:5px double #f6cb65;box-shadow:4px 5px 0 #b68d4d;padding:20px 10px;width:100%;font:900 30px/1.2 Georgia,serif}
.late-night-ad .ad-hours small{font-size:21px}
.late-night-ad .ad-script{font:bold italic 23px Georgia;color:#982d17;transform:rotate(-3deg)}
.late-night-ad p{margin:10px 0}

/* A discreet archived link, styled like the old site's guestbook text */
.guestbook-archive{color:inherit;text-decoration:none;border-bottom:1px dotted #9d6439}
.guestbook-archive:hover{color:#9b280f;border-bottom-style:solid}

/* A small, friendly employee spotlight, separate from internal staff awards. */
.crew-spotlight{margin:16px 0 20px;border:3px double #a83b20;background:#fff2c9;box-shadow:3px 3px 0 #cfaa62}
.crew-head{padding:9px 15px;background:#cf6540;color:#fff7df;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:2px solid #983b22}
.crew-head h2{font:bold 26px Georgia,serif;margin:0;color:#fff7df}
.crew-head span{font:italic bold 17px Georgia,serif}
.crew-body{display:grid;grid-template-columns:190px 1fr;gap:19px;padding:15px 18px;align-items:center}
.crew-photo{background:#fff8e1;padding:6px;border:1px solid #bb8a49;box-shadow:3px 4px #d5b879;transform:rotate(-1deg)}
.crew-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 20%}
.crew-copy h3{font:bold italic 25px Georgia,serif;color:#a12c18;margin:0 0 8px}
.crew-copy p{font:17px/1.45 Georgia,serif;margin:7px 0}
.crew-copy .crew-small{font-size:12px;color:#795339;margin-top:13px}
@media(max-width:600px){.crew-body{grid-template-columns:1fr}.crew-photo{max-width:250px}.crew-head h2{font-size:20px}.crew-head span{font-size:13px}}