/* Early Macintosh / HyperCard — Edition 05 */
:root{--bg:#bdbdbd;--desk:#d9d9d9;--win:#efefef;--ink:#111;--line:#000;--dim:#525252;--shade:#7d7d7d;--blue:#1d39c4;--select:#000;--selectText:#fff}
html{scroll-behavior:smooth}
body{margin:0;background:repeating-linear-gradient(180deg,#bdbdbd 0,#bdbdbd 22px,#c4c4c4 22px,#c4c4c4 44px);color:var(--ink);font:14px/1.48 Geneva,Helvetica,Arial,sans-serif}
a{color:var(--blue);text-decoration:underline}a:visited{color:#5a31a6}a:hover{background:#000;color:#fff}a:focus-visible,button:focus-visible{outline:2px solid #000;outline-offset:2px}
.wrap{width:min(1080px,calc(100% - 18px));margin:10px auto 30px}
.mac-menubar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #000;padding:5px 10px;font:12px/1 Chicago,Geneva,Arial,sans-serif;position:sticky;top:0;z-index:50}.mac-menubar .left,.mac-menubar .right{display:flex;gap:14px;align-items:center;white-space:nowrap}.mac-menubar .mark{font-weight:700;border:1px solid #000;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:9px}.mac-menubar .right{font-weight:700}
.window{background:var(--win);border:2px solid #000;box-shadow:3px 3px 0 #777;overflow:hidden}
.titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px;background:repeating-linear-gradient(90deg,#000 0,#000 2px,#fff 2px,#fff 4px);border-bottom:2px solid #000;color:#000;min-height:24px}.titlebar .dots{display:flex;gap:6px}.titlebar .dot{width:8px;height:8px;border:1px solid #000;background:#fff}.titlebar .title{flex:1;text-align:center;background:#fff;border:1px solid #000;padding:2px 8px;font:700 12px/1 Chicago,Geneva,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.titlebar .blank{width:34px}
.site-header,.widget,.content-panel,.footer{background:var(--win);border:2px solid #000;box-shadow:3px 3px 0 #777}
.header-main{padding:0}.header-art,.site-header .gif-new,.widget .gif-new,.old-divider,.wide-divider,.version-link{display:none!important}
.mac-splash{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:14px;background:linear-gradient(180deg,#fbfbfb 0,#ececec 100%)}
.mac-icon{width:96px;height:96px;border:2px solid #000;background:#fff;display:grid;place-items:center;font-size:56px;font-family:monospace}.mac-icon::before{content:':)';font-weight:700;letter-spacing:-6px;transform:translateX(-3px)}
.site-title{margin:0;color:#000;font:700 clamp(28px,5vw,44px)/1 Chicago,Geneva,Arial,sans-serif;letter-spacing:.02em}.lead{font-size:16px;margin:10px 0 0;color:#222}.lead strong{font-weight:700}
.primary-nav{display:flex;flex-wrap:wrap;gap:0;border-top:2px solid #000;background:#d8d8d8}.nav-btn{display:inline-block;padding:8px 11px;border-right:2px solid #000;color:#000!important;text-decoration:none!important;background:#efefef;font:700 12px/1 Chicago,Geneva,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}.nav-btn:hover,.nav-btn[aria-current=page]{background:#000;color:#fff!important}
.columns{display:grid;grid-template-columns:235px minmax(0,1fr) 235px;gap:12px;margin-top:12px}.main-column{display:grid;gap:12px}
.widget h2,.content-panel .panel-heading{margin:0;padding:6px 10px;background:#fff;border-bottom:2px solid #000;color:#000;font:700 12px/1 Chicago,Geneva,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.widget-inner,.panel-body{padding:12px}
.widget-inner p,.panel-body p,.panel-body li{max-width:70ch}
.widget-inner img,.panel-body img{max-width:100%;height:auto;border:1px solid #000;background:#fff}
.sidebar .side-links{list-style:none;padding:0;margin:0}.sidebar .side-links li{padding:5px 0;border-bottom:1px dotted #888}.sidebar .side-links li:last-child{border-bottom:0}.sidebar .side-links li::before{content:'▸ ';color:#000;font-weight:700}
.center{text-align:center}.small{font-size:12px;color:#444}.mini-note,.footnote,.caption{font-size:12px;color:#444}
.welcome-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:start}.portrait{border:2px solid #000;background:#fff;filter:grayscale(1)}
.contact-table{width:100%;border-collapse:collapse;background:#fff}.contact-table th,.contact-table td{border:1px solid #000;padding:8px 9px;vertical-align:top}.contact-table th{width:128px;text-align:left;background:#efefef}
.project-grid,.desk-list,.lesson-grid,.story-grid,.picture-grid,.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-card,.desk-list>div,.project-wide,.lesson-tile,.story-card,.picture-card,.gallery-item,.random-file-box{border:1px solid #000;background:#fff;padding:11px}.project-card h3,.project-wide h3,.lesson-tile h3,.story-card h3,.picture-card h3,.gallery-item h3{margin:0 0 7px;color:#000;font:700 16px/1.25 Chicago,Geneva,Arial,sans-serif}
.tag,.desk-index{display:inline-block;margin-top:8px;padding:2px 6px;border:1px solid #000;background:#efefef;color:#000;font:11px/1 Chicago,Geneva,Arial,sans-serif;text-transform:uppercase}.notice{margin-top:14px;padding:8px 10px;border:1px solid #000;background:#fff6b1;color:#000}
.web-ring,.badge-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge-grid img{image-rendering:pixelated;filter:grayscale(.15)}
.footer{margin-top:14px;padding:12px 14px;text-align:center;font-size:13px}.footer a{color:#000}.footer-line{height:1px;background:#000;margin:8px 0}.footer .meta{color:#444}
.version-nav{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:10px}.version-nav a{display:inline-block;padding:4px 8px;border:1px solid #000;background:#fff;color:#000;text-decoration:none}.version-nav a:hover,.version-nav a[aria-current=page]{background:#000;color:#fff}
.gallery-toolbar,.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gallery-toolbar button,.filter-row button,.pixel-button,button{font:700 12px/1 Chicago,Geneva,Arial,sans-serif;color:#000;background:#fff;border:1px solid #000;padding:6px 8px;cursor:pointer}.gallery-toolbar button.active,.filter-row button.active,.pixel-button:hover,button:hover{background:#000;color:#fff}
.code-box,pre,code{font-family:Monaco,'Courier New',monospace}.finder-list{margin:0;padding:0;list-style:none;border:1px solid #000;background:#fff}.finder-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:6px 8px;border-bottom:1px solid #cfcfcf}.finder-list li:last-child{border-bottom:0}.finder-list .kind{font-size:11px;color:#444}.finder-list .date{font-size:11px;color:#444}.finder-note{margin:10px 0 0;padding:8px 10px;border:1px solid #000;background:#efefef;font-size:12px}
.mactable{width:100%;border-collapse:collapse;margin-top:6px}.mactable th,.mactable td{border:1px solid #000;padding:6px 8px;text-align:left}.mactable th{background:#efefef;font-size:12px}
canvas{background:#fff;border:1px solid #000}
@media (max-width:940px){.columns{grid-template-columns:1fr}.sidebar-left,.sidebar-right{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar-left .widget,.sidebar-right .widget{margin:0}.project-grid,.desk-list,.lesson-grid,.story-grid,.picture-grid,.gallery-grid{grid-template-columns:1fr}.welcome-grid,.mac-splash{grid-template-columns:1fr}.mac-icon{margin-inline:auto}}
@media (max-width:560px){.wrap{width:min(100% - 10px,1080px)}.sidebar-left,.sidebar-right{grid-template-columns:1fr}.primary-nav{justify-content:center}.nav-btn{flex:1 1 42%;text-align:center;border-right:0;border-bottom:2px solid #000}.titlebar{padding:4px 6px}.mac-menubar{font-size:11px}.mac-menubar .left{gap:10px}.finder-list li{grid-template-columns:minmax(0,1fr) auto}.finder-list .date{display:none}}