*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #c0c0c0;--text-color: #000000;--link-color: #0000FF;--visited-link: #800080;--active-link: #FF0000;--accent-color: #FF0000;--border-color: #0000FF;--retro-bg: url(/images/Basics/stucco.gif)}body{background-color:var(--bg-color);background-image:var(--retro-bg);background-attachment:fixed;color:var(--text-color);font-family:Arial,sans-serif;line-height:1.6;padding:20px;min-height:100vh}.page-container{max-width:860px;margin:0 auto;background-color:#fff;padding:2rem;border:2px outset #c0c0c0;box-shadow:4px 4px 8px #0000004d}.site-header{text-align:center;margin-bottom:1.5rem}.site-title{font-family:Comic Sans MS,cursive;color:var(--accent-color);font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;text-shadow:2px 2px 0px #000000}.email-link{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}a{color:var(--link-color);text-decoration:underline;transition:color .2s ease}a:visited{color:var(--visited-link)}a:hover,a:focus{color:var(--active-link);text-decoration:none}a:focus{outline:2px solid var(--active-link);outline-offset:2px}.site-nav{background:#fff;border:2px outset #c0c0c0;padding:1rem;margin:1rem 0}.nav-list{display:flex;justify-content:center;align-items:stretch;gap:2rem;list-style:none;margin:0;padding:0}.nav-list li{margin:0;flex:1;max-width:200px;max-height:175px}.nav-list a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#00f;font-family:Comic Sans MS,cursive;gap:.5rem;padding:1.5rem 1rem;border:2px outset #c0c0c0;background:#f0f0f0;transition:all .3s ease;height:100%;min-height:140px;box-sizing:border-box;text-align:center}.nav-list a:hover{background:#e0e0e0;border-style:inset;color:red}.nav-list img{max-height:175px;width:auto;flex-shrink:0}.nav-list b{font-size:.9rem;flex-shrink:0}.main-content{margin:2rem 0}.main-content p{margin-bottom:1rem}.divider{height:3px;background-color:var(--border-color);border:none;margin:1.5rem 0}.construction-banner{text-align:center;margin-bottom:1rem}.construction-banner img{max-width:min(400px,100%);height:auto}.construction-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem 0;font-size:.875rem;color:var(--accent-color)}.counter-section{text-align:center;margin:1.5rem 0}.counter-section img{border:0}.site-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #000000}.visitor-counter{margin-bottom:1rem}.visitor-counter img{margin-bottom:.5rem}.counter-text{font-family:Courier New,monospace;font-size:.875rem}.counter-number{font-weight:700;color:var(--accent-color)}.last-updated{margin-top:1rem;font-size:.875rem}.webring-footer{text-align:center;margin-top:1.5rem}.webring-nav{margin-bottom:.5rem}.webring-nav a,.webring-footer p{font-size:.875rem}.blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}img{max-width:100%;height:auto;border:0}@media(max-width:768px){body{padding:10px}.page-container{padding:1rem;margin:0}.email-link{flex-direction:column}.construction-notice{flex-direction:column;text-align:center}.nav-list{gap:1rem;flex-wrap:wrap}.nav-list a{padding:.5rem;min-width:80px}.nav-list img{max-height:30px}.nav-list b{font-size:.8rem}}@media print{.construction-banner,.construction-notice,.visitor-counter,.webring-footer{display:none}.page-container{border:none;box-shadow:none}}.podcast-section{margin:2rem 0;padding:1rem;background:#fff;border:2px outset #c0c0c0}.episode-count{font-size:.8em;color:#666}.episodes-list{margin-top:1rem}.episode-item{margin-bottom:1.5rem;padding:1rem;background:#f0f0f0;border:1px inset #c0c0c0}.episode-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #c0c0c0}.episode-image{flex-shrink:0}.episode-image img{max-width:120px;max-height:120px;width:auto;height:auto;border:2px outset #c0c0c0}.episode-title{font-family:Arial,sans-serif;margin:0;flex:1}.episode-title a{color:#00f;text-decoration:underline;font-size:1.2rem}.episode-title a:hover{color:red;text-decoration:none}.episode-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.9rem;color:#666}.episode-description{margin:.5rem 0;line-height:1.4;font-size:.95rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#fff;border:1px inset #c0c0c0}.episode-description p{margin-bottom:.75rem}.episode-description br{content:"";display:block;margin-bottom:.5rem}.episode-description strong,.episode-description b{font-weight:700;color:#00f}.episode-description em,.episode-description i{font-style:italic}.episode-description u{text-decoration:underline}.episode-description a{color:#00f;text-decoration:underline}.episode-description a:hover{color:red;text-decoration:none}.episode-description ul,.episode-description ol{margin:.5rem 0;padding-left:1.5rem}.episode-description li{margin-bottom:.25rem}.episode-audio{margin:1rem 0;padding:.5rem;background:#f0f0f0;border:2px outset #c0c0c0;text-align:center}.episode-audio audio{width:100%;max-width:500px;height:50px;filter:sepia(.5) saturate(1.5) hue-rotate(10deg);background:linear-gradient(to bottom,#e0e0e0,silver);border:2px inset #c0c0c0;border-radius:8px;padding:4px}.episode-audio audio::-webkit-media-controls-panel{background:linear-gradient(to bottom,#e0e0e0,silver);border-radius:4px}.episode-audio audio::-webkit-media-controls-play-button{background-color:#00f;border-radius:50%;border:2px outset #0000FF;transform:scale(1.3);margin-right:10px}.episode-audio audio::-webkit-media-controls-play-button:hover{background-color:red;border:2px inset #FF0000}.episode-audio audio::-webkit-media-controls-current-time-display,.episode-audio audio::-webkit-media-controls-time-remaining-display{color:#00f;font-family:Arial,sans-serif;font-weight:700;text-shadow:1px 1px 0px #ffffff}.episode-audio audio::-webkit-media-controls-timeline{background-color:#fff;border:1px inset #c0c0c0;border-radius:4px;margin:0 10px}.episode-audio audio::-webkit-media-controls-volume-slider{background-color:#fff;border:1px inset #c0c0c0;border-radius:4px}.episode-audio audio::-webkit-media-controls-mute-button{background-color:#0a0;border:2px outset #00AA00;border-radius:4px}.episode-audio audio::-webkit-media-controls-mute-button:hover{background-color:#0f0;border:2px inset #00FF00}.audio-caption{margin-top:.5rem;text-align:center}.episode-divider{height:1px;background:#00f;border:none;margin:1rem 0 0}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1rem;padding:1rem;background:#f0f0f0;border:1px inset #c0c0c0}.page-numbers{display:flex;gap:.5rem}.pagination-link{padding:.5rem 1rem;background:#fff;border:2px outset #c0c0c0;color:#00f;text-decoration:none;font-family:Arial,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pagination-link:hover:not(:disabled){background:#00f;color:#fff;text-decoration:none;border:2px inset #c0c0c0}.pagination-link:disabled{opacity:.5;cursor:not-allowed}.pagination-active{background:#00f;color:#fff;border:2px inset #c0c0c0;font-weight:700}.episode-info{text-align:center;margin-top:1rem;padding:.5rem;background:#f0f0f0;border:1px inset #c0c0c0}audio{filter:sepia(.3) saturate(1.2)}@media(max-width:768px){.episode-header{flex-direction:column;align-items:center;text-align:center;gap:.5rem}.episode-image img{max-width:100px}.episode-meta{flex-direction:column;gap:.5rem}.pagination{gap:.25rem}.pagination-link{padding:.4rem .8rem;font-size:.8rem}.episode-description{max-height:200px;font-size:.9rem}}.wobble{animation:wobble .5s ease-in-out infinite}.wobble-slow{animation:wobble 2s ease-in-out infinite}.wobble-fast{animation:wobble .2s ease-in-out infinite}.wobble-hover:hover{animation:wobble .3s ease-in-out infinite}@keyframes wobble{0%{transform:rotate(0) translate(0)}25%{transform:rotate(1deg) translate(1px)}50%{transform:rotate(0) translate(0)}75%{transform:rotate(-1deg) translate(-1px)}to{transform:rotate(0) translate(0)}}.wobble-crazy{animation:crazyWobble .4s ease-in-out infinite}@keyframes crazyWobble{0%{transform:rotate(-3deg) translate(-3px) translateY(1px)}25%{transform:rotate(3deg) translate(3px) translateY(-1px)}50%{transform:rotate(-2deg) translate(-2px) translateY(2px)}75%{transform:rotate(2deg) translate(2px) translateY(-2px)}to{transform:rotate(-3deg) translate(-3px) translateY(1px)}}.wobble-pulse{animation:pulseWobble 1s ease-in-out infinite}@keyframes pulseWobble{0%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(-3deg)}}.welcome-container{container-type:inline-size;container-name:welcome}.welcome-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:clamp(1rem,5cqi,3rem);padding:clamp(1rem,5cqi,3rem);max-width:1200px;margin:0 auto;background:#fff;border:3px outset #c0c0c0}.welcome-image{width:clamp(60px,12cqi,180px);height:auto;object-fit:contain;border:2px solid #0000ff}.host-figure{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.host-figure figcaption{font-family:Comic Sans MS,cursive;color:red;font-weight:700;font-size:clamp(.8rem,2cqi,1.2rem)}.welcome-text{text-align:center;padding:0 1rem}.welcome-text h1{font-family:Comic Sans MS,cursive;color:#00f;font-size:clamp(1.5rem,4cqi,3rem);margin:0 0 .5rem;text-shadow:2px 2px 0 #ffff00}.welcome-text h4{font-family:Arial,sans-serif;font-size:clamp(.9rem,2cqi,1.3rem);margin:0;color:#000}.welcome-content{grid-template-columns:1fr auto 1fr}.welcome-content{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E")}.spectrum-list{font-family:Comic Sans MS;font-size:24px;color:#000;background:#f0f0f0;padding:10px 10px 10px 55px;border:2px outset #c0c0c0;margin:20px 0}.visitor-counter{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 0;margin:20px 0}.counter-content{text-align:center;padding:15px;background:#f0f0f0;border:2px outset #c0c0c0;border-radius:5px;min-width:200px}.visitor-counter img{margin-bottom:8px}.visitor-counter font{line-height:1.4}
