/* Repeating early-web wallpaper, drawn as editable SVG. No generated imagery. */
.hero{background:#ffe100}
body{background-color:#c6c0e4;background-image:url('assets/retro-wallpaper.svg');background-repeat:repeat;background-size:96px 96px;background-attachment:fixed}
.site{max-width:1180px;margin:24px auto;background-color:#fffbdc;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#e7dbad18 3px,#e7dbad18 4px);border:5px ridge #d1bbdf;box-shadow:7px 7px 0 #584b7b80;padding:0 13px 18px}
.utility{background:#ece4b8;border-bottom:2px groove #b1a388;margin-inline:-3px;padding-inline:5px}
.masthead{background:#fffbdc}
.panel{background:#fffef0;border:2px ridge #bbb3bd}
.product-card{background:#fffdec}
.product-visual{background-color:#e6ebdf;background-image:repeating-linear-gradient(45deg,#ffffff65 0px,#ffffff65 1px,transparent 1px,transparent 8px)}
.catalogue{border:2px ridge #aaa}
.mini-ad,.right-ad{box-shadow:3px 3px 0 #8e7d99}
.mini-ad strong{font-size:25px;letter-spacing:-1px}
.ticker{background:#fff9da}
footer{background:#e9e1c1;border:3px ridge #c9b8a5;padding-bottom:16px}
@media(max-width:1230px){.site{margin:16px 20px}}
@media(max-width:480px){.site{margin:11px 9px;padding-inline:7px;border-width:4px;box-shadow:3px 3px 0 #584b7b80}.logo{font-size:57px}.hero h1{font-size:51px}.hero{padding:10px}.hero-buttons{gap:5px}.hero-buttons .mini-product>span{font-size:7px}.mini-product .product-button{height:64px}.hero-bottom .old-button{font-size:9px}.hero-bottom>span{font-size:10px}.product-card{padding:8px}.product-visual .product-button{width:111px}.right-sidebar{gap:8px}.right-ad strong{font-size:32px}}

.recording-credits{max-width:850px;margin:15px auto 0;text-align:left;font-size:11px;line-height:1.5;border-top:1px dotted #99896f;padding-top:8px}.recording-credits summary{cursor:pointer;color:#000080;text-decoration:underline}.recording-credits p{margin:8px 0}