:root{--ink:#1a0033;--panel:#ffc;--panel-alt:#cff;--pink:#f39;--hot-pink:#c06;--cyan:#0ff;--lime:#3f3;--yellow:#ff3;--purple:#609;--deep-purple:#306;--cream:#fff8dc;--bevel:#dd8;--font-display:"Comic Sans MS", "Chalkboard SE", "Marker Felt", cursive;--font-body:"Times New Roman", times, georgia, serif;--font-mono:"Courier New", courier, monospace}*,:before,:after{box-sizing:border-box}body{background-color:var(--ink);color:#1a1a1a;font-family:var(--font-body);background-image:url(./paw-tile-CgHKhCeQ.svg);background-size:64px 64px;margin:0;padding:clamp(.5rem,2vw,2rem) clamp(.5rem,2vw,1.5rem);font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.6}a{color:#00c;text-decoration:underline}a:visited{color:var(--purple)}a:hover,a:focus-visible{color:var(--hot-pink);background-color:var(--yellow)}a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}h2{color:var(--hot-pink);font-family:var(--font-display);margin:1.75rem 0 .5rem;font-size:clamp(1.3rem,4vw,1.75rem);line-height:1.2}h2:first-child{margin-top:0}h3{color:var(--purple);font-family:var(--font-display);margin:1.25rem 0 .35rem;font-size:1.1rem}p{margin:0 0 .9rem}ul,ol{margin:0 0 1rem;padding-left:1.5rem}li{margin-bottom:.35rem}blockquote{border-left:6px solid var(--pink);background-color:var(--cream);margin:0 0 1rem;padding:.5rem 0 .5rem .9rem;font-style:italic}code{color:var(--deep-purple);font-family:var(--font-mono);overflow-wrap:anywhere;background-color:#f4f4e4;font-size:.9em}hr{background-image:repeating-linear-gradient(90deg, var(--pink) 0 10px, var(--yellow) 10px 20px, var(--lime) 20px 30px, var(--cyan) 30px 40px);border:0;height:8px;margin:1.5rem 0}img{max-width:100%;height:auto}figure{margin:0 0 1.25rem}figcaption{font-family:var(--font-display);margin-top:.4rem;font-size:.9rem}table{border-collapse:collapse;background-color:#fff;width:100%;min-width:18rem}caption{color:var(--hot-pink);font-family:var(--font-display);text-align:left;padding-bottom:.4rem;font-size:1.05rem}th,td{border:2px solid var(--purple);text-align:left;vertical-align:top;padding:.4rem .6rem}th{background-color:var(--panel-alt);font-family:var(--font-display)}.page{border:4px ridge var(--pink);background-color:var(--deep-purple);width:100%;max-width:54rem;margin:0 auto}.layout{gap:1rem;padding:1rem;display:grid}@media (width>=52em){.layout{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}}main{border:3px outset var(--bevel);background-color:var(--panel);min-width:0;padding:clamp(.75rem,3vw,1.5rem)}.sidebar{gap:1rem;min-width:0;display:grid}.masthead{border-bottom:4px double var(--cyan);background-color:var(--deep-purple);text-align:center;padding:1.25rem 1rem}.masthead-title{color:var(--yellow);font-family:var(--font-display);text-shadow:3px 3px 0 var(--hot-pink);overflow-wrap:break-word;margin:0;font-size:clamp(1.5rem,6.5vw,3.25rem);line-height:1.15}@supports ((-webkit-background-clip:text) or (background-clip:text)){.masthead-title{color:#0000;text-shadow:none;background-image:linear-gradient(90deg,#f39 0%,#fc0 25%,#3f3 50%,#0ff 75%,#c6f 100%);-webkit-background-clip:text;background-clip:text}}.masthead-tagline{color:var(--cyan);font-family:var(--font-mono);margin:.6rem 0 0;font-size:.95rem}.block-figure{margin:1rem 0}.site-nav{border-bottom:4px double var(--cyan);background-color:var(--purple);padding:.75rem}.site-nav ul{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.badge{vertical-align:middle;width:88px;height:31px}.badge-inline{vertical-align:middle;width:56px;height:30px}.portrait{border:4px ridge var(--pink);background-color:#fff;padding:4px;display:block}.album{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:1.25rem;display:grid}.album figure{border:3px outset var(--bevel);background-color:var(--cream);margin:0;padding:.6rem}.album img{border:2px solid var(--ink);background-color:#fff;width:100%;display:block}.box{border:3px outset var(--cyan);background-color:var(--panel-alt);padding:.75rem}.box h2,.box h3{color:var(--deep-purple);text-align:center;margin:0 0 .5rem;font-size:1.05rem}.box ul{margin:0;padding-left:1.1rem;font-size:.9rem}.badge-stack{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.counter{text-align:center}.counter-digits{background-color:#000;border:3px inset #888;gap:2px;padding:3px;display:inline-flex}.counter-digits span{color:var(--lime);font-family:var(--font-mono);background-color:#111;padding:.1rem .25rem;font-size:1.15rem;font-weight:700}.table-scroll{margin:0 0 1.25rem;overflow-x:auto}.guestbook{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.entry{border:3px outset var(--bevel);background-color:var(--cream);padding:.75rem}.entry-meta{color:var(--purple);font-family:var(--font-mono);margin:0 0 .4rem;font-size:.8rem}.site-footer{border-top:4px double var(--cyan);background-color:var(--deep-purple);color:var(--panel-alt);text-align:center;padding:1rem;font-size:.85rem}.webring-nav{font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;gap:.4rem .75rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.mail-link{align-items:center;gap:.4rem;display:inline-flex}.marquee{border:3px inset var(--cyan);background-color:var(--ink);color:var(--lime);font-family:var(--font-mono);padding:.35rem .5rem;font-size:.9rem;overflow:hidden}.blink{font-weight:700}.counter p{font-family:var(--font-mono);margin:.4rem 0 0;font-size:.78rem}.site-footer p{margin:.5rem 0}.entry p:last-child{margin-bottom:0}.site-nav a{border:3px outset var(--cyan);background-color:var(--ink);color:var(--yellow);font-family:var(--font-display);padding:.3rem .7rem;font-size:.95rem;text-decoration:none;display:block}.site-footer a{color:var(--cyan)}.site-nav a:hover,.site-nav a:focus-visible{background-color:var(--hot-pink);color:#fff;border-style:inset}.site-footer a:hover,.site-footer a:focus-visible{color:var(--ink);background-color:var(--cyan)}.site-nav a[aria-current=page]{background-color:var(--cyan);color:var(--ink);border-style:inset;font-weight:700}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes blink-fade{50%{opacity:0}}@media (prefers-reduced-motion:no-preference){.marquee span{white-space:nowrap;padding-left:100%;animation:22s linear infinite marquee-scroll;display:inline-block}.blink{animation:1.2s steps(1,jump-none) infinite blink-fade}}