/* ========================================================================= I ♥ CAPITALISM — a 1999 dot-com superstore for defunct corporate swag. Web-safe colors, beveled borders, marquees. Best viewed at 800×600. ========================================================================= */ :root{ --navy:#000080; --teal:#008080; --silver:#c0c0c0; --gold:#ffcc00; --link:#0000cc; --ink:#1a1a1a; --cream:#fffdf5; --red:#cc0000; } *{box-sizing:border-box} html,body{margin:0} body{ font:14px/1.5 Arial, Helvetica, sans-serif; color:var(--ink); background:var(--teal); background-image:repeating-linear-gradient(45deg,#0a8a8a 0 2px,#008080 2px 8px); } a{color:var(--link); text-decoration:underline; cursor:pointer} /* No visited-link recolor: a purple :visited (the old --vlink) turned unreadable on the navy footer/nav. Links now keep their normal contextual color after a click; each context's own rule (footer #9cf, etc.) still applies to :visited. */ /* :hover only on real pointers — on touch a :hover style traps the first tap (iOS shows the hover state instead of firing the click), so a link would need two taps to navigate. Same reason as the .secdrop-list gating further down. `html:not(.touch)` is belt-and-suspenders for iOS "Request Desktop Website", which lies and makes (hover:hover) match on a touch device; app.js tags from the still-present touch hardware so hover bows out. */ @media (hover:hover){ html:not(.touch) a:hover{color:var(--red)} } img{border:0} .wrap{max-width:880px; margin:0 auto; background:var(--cream); border:2px outset var(--silver); box-shadow:0 0 0 4px rgba(0,0,0,.25)} /* ---- masthead ---- */ header{background:var(--navy); color:#fff; padding:10px 14px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; border-bottom:3px ridge var(--gold)} .brand{font:bold 26px "Times New Roman", Georgia, serif; white-space:nowrap; cursor:pointer; display:block; color:#fff; text-decoration:none} .brand:visited{color:#fff} .brand .h{color:#ff3344} .brand small{display:block; font:italic 11px Arial; color:#cfe} .search{margin-left:auto; display:flex; gap:4px; align-items:center} .search input{border:2px inset var(--silver); padding:3px 5px; font:13px Arial; width:150px} /* appearance:none keeps the flat beveled look on iOS (the search "Go!" is a