:root {
  --mac7-ink: #111;
  --mac7-paper: #fffefa;
  --mac7-white: #fff;
  --mac7-platinum: #e4e3dc;
  --mac7-desktop: #aaa;
  --mac7-desktop-dot: #555;
  --mac7-bezel: #ebe7da;
  --mac7-bezel-bg: linear-gradient(145deg, #faf7eb 0, var(--mac7-bezel) 62%, #cfcbbe 100%);
  --mac7-line: #111;
  --mac7-line-soft: #777;
  --mac7-muted: #555;
  --mac7-selection: #111;
  --mac7-selection-text: #fff;
  --mac7-title-stripe: #111;
  --mac7-ui-font: Geneva, Charcoal, Monaco, "Courier New", monospace;
  --mac7-reading-font: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;
  --mac7-shadow: 5px 5px 0 #55544f;
  --mac7-content-size: 17px;
  --mac7-radius: 0px;
}

* { box-sizing: border-box; }
html { background: #c8c6bc; scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; color: var(--mac7-ink); background: linear-gradient(145deg, #d8d5ca, #b8b5ab); font-family: var(--mac7-reading-font); text-rendering: optimizeLegibility; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-underline-offset: .15em; }
img, video, iframe { max-width: 100%; height: auto; }
::selection { color: var(--mac7-selection-text); background: var(--mac7-selection); }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { color: #666; font: 11px/1.5 var(--mac7-ui-font); text-align: center; }
.sticky { position: relative; }
.bypostauthor > .comment-body { border-left: 3px double #111; padding-left: 12px; }

.screen-reader-text { width: 1px; height: 1px; padding: 0; margin: -1px; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { width: auto; height: auto; padding: 8px 12px; margin: 0; top: 8px; left: 8px; z-index: 10000; clip: auto; color: #fff; background: #111; }
.mac7-skip-link { position: fixed; top: 6px; left: 8px; z-index: 10001; padding: 8px 12px; color: #fff; background: #111; font: 12px/1 var(--mac7-ui-font); transform: translateY(-150%); }
.mac7-skip-link:focus { transform: translateY(0); }
:where(a, button, input, textarea, select, [tabindex]):focus-visible { outline: 2px dotted #111; outline-offset: 3px; }

.mac7-monitor { width: calc(100% - 36px); max-width: 1440px; min-height: calc(100vh - 36px); padding: 15px 17px 20px; margin: 18px auto; border-radius: 22px 22px 31px 31px; background: var(--mac7-bezel-bg); box-shadow: inset 2px 2px 1px #fff, inset -3px -3px 1px #aaa69a, 0 18px 42px #0005; }
.mac7-display { min-height: calc(100vh - 89px); position: relative; overflow: hidden; border: 5px solid #292927; border-radius: 7px; background: var(--mac7-desktop); box-shadow: inset 0 0 22px #0008, 0 1px 1px #fff; }
.mac7-crt-overlay { --mac7-crt-line: rgba(18, 24, 18, .07); --mac7-crt-vignette: rgba(8, 12, 8, .22); position: absolute; inset: 0; z-index: 9000; pointer-events: none; opacity: 1; background: linear-gradient(115deg, rgba(255,255,255,.055), transparent 22%, transparent 78%, rgba(255,255,255,.025)), repeating-linear-gradient(0deg, transparent 0 2px, var(--mac7-crt-line) 2px 3px), radial-gradient(ellipse at center, transparent 58%, var(--mac7-crt-vignette) 115%); box-shadow: inset 0 0 34px rgba(0,0,0,.34), inset 0 0 2px rgba(255,255,255,.28); }
.mac7-crt-off .mac7-crt-overlay, body[data-crt="off"] .mac7-crt-overlay { display: none; }
.mac7-crt-medium .mac7-crt-overlay, body[data-crt="medium"] .mac7-crt-overlay { --mac7-crt-line: rgba(12, 18, 12, .115); --mac7-crt-vignette: rgba(4, 8, 4, .31); box-shadow: inset 0 0 46px rgba(0,0,0,.42), inset 0 0 3px rgba(255,255,255,.3); }
.mac7-bezel-mark { min-height: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 9px; color: #656159; font: 9px/1 var(--mac7-ui-font); letter-spacing: .04em; }
.mac7-bezel-mark span { width: 13px; height: 8px; border-radius: 50%; background: #c7c2b6; box-shadow: inset 1px 1px #98948a; }

/* Menu bar */
.mac7-menubar { min-height: 31px; display: flex; align-items: stretch; position: sticky; top: 0; z-index: 8000; padding: 0 11px; border-bottom: 2px solid #111; background: #fff; font: 700 12px/1 var(--mac7-ui-font); }
.mac7-menubar > nav { display: flex; align-items: stretch; }
.mac7-menu { display: flex; position: relative; }
.mac7-menu-trigger { min-width: 0; padding: 0 10px; border: 0; border-radius: 0; color: #111; background: transparent; font: inherit; cursor: default; }
.mac7-menu.is-open > .mac7-menu-trigger, .mac7-menu-trigger:hover { color: var(--mac7-selection-text); background: var(--mac7-selection); }
.mac7-apple-menu .mac7-menu-trigger { width: 35px; padding: 0 7px; }
.mac7-menu-panel { min-width: 205px; display: none; padding: 3px 0; margin: 0; position: absolute; top: calc(100% - 1px); left: 0; z-index: 5; list-style: none; border: 1px solid #111; background: #fff; box-shadow: 3px 3px 0 #111; font: 12px/1.2 var(--mac7-ui-font); }
.mac7-menu.is-open > .mac7-menu-panel { display: block; }
.mac7-menu-panel a, .mac7-menu-panel button { width: 100%; min-height: 27px; display: flex; align-items: center; justify-content: space-between; padding: 4px 20px; border: 0; border-radius: 0; color: #111; background: #fff; font: inherit; text-align: left; text-decoration: none; white-space: nowrap; }
.mac7-menu-panel a:hover, .mac7-menu-panel a:focus, .mac7-menu-panel button:hover, .mac7-menu-panel button:focus { color: var(--mac7-selection-text); background: var(--mac7-selection); outline: 0; }
.mac7-menu-panel a span { margin-left: 25px; color: #666; }
.mac7-menu-panel a:hover span, .mac7-menu-panel a:focus span { color: #fff; }
.mac7-menu-separator { height: 1px; margin: 3px 0; background: #777; }
.mac7-clock { display: flex; align-items: center; margin-left: auto; padding: 0 10px; white-space: nowrap; }
.mac7-app-switcher { width: 26px; display: grid; place-items: center; padding: 0; overflow: hidden; border: 0; border-radius: 0; color: #111; background: transparent; }

/* Desktop and windows */
.mac7-desktop { min-height: calc(100vh - 120px); padding: 28px 132px 42px 32px; position: relative; background-color: var(--mac7-desktop); background-image: radial-gradient(var(--mac7-desktop-dot) .7px, transparent .7px); background-size: 2px 2px; }
.mac7-noscript-nav { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 10px; margin-bottom: 12px; border: 1px solid #111; background: #fff; font: 11px/1.2 var(--mac7-ui-font); }
.mac7-js .mac7-noscript-nav { display: none; }
.mac7-window { width: min(1120px, 100%); min-height: calc(100vh - 176px); display: flex; flex-direction: column; position: relative; z-index: 2; border: 2px solid #111; background: #fff; box-shadow: var(--mac7-shadow); }
.mac7-titlebar { min-height: 27px; display: flex; align-items: center; justify-content: center; position: relative; border-bottom: 2px solid var(--mac7-line); background: repeating-linear-gradient(#fff 0 2px, var(--mac7-title-stripe) 2px 3px); font: 700 11px/1 var(--mac7-ui-font); }
.mac7-window-title { max-width: calc(100% - 80px); padding: 2px 13px; margin: 0; overflow: hidden; background: #fff; font: inherit; text-overflow: ellipsis; white-space: nowrap; }
.mac7-window-box { width: 14px; height: 14px; padding: 0; position: absolute; top: 5px; border: 1px solid #111; border-radius: 0; background: #fff; box-shadow: inset 1px 1px #777; cursor: pointer; }
.mac7-close-box { left: 6px; }
.mac7-zoom-box { right: 6px; }
.mac7-zoom-box::after { content: ""; position: absolute; inset: 2px; border-top: 2px solid #111; border-left: 2px solid #111; }
.mac7-zoom-box[aria-pressed="true"]::after { inset: 3px 1px 1px 3px; border: 1px solid #111; }
.mac7-window.is-zoomed { width: 100%; max-width: none; }
.mac7-toolbar { min-height: 34px; display: flex; align-items: center; gap: 5px; padding: 5px 9px; overflow-x: auto; border-bottom: 1px solid #777; background: var(--mac7-platinum); font: 10px/1 var(--mac7-ui-font); scrollbar-width: thin; }
.mac7-toolbar a, .mac7-toolbar button, .mac7-button, .mac7-default-button, input[type="submit"], button[type="submit"] { min-height: 23px; display: inline-flex; align-items: center; justify-content: center; padding: 4px 11px; border: 1px solid #111; border-radius: 2px; color: #111; background: #eee; box-shadow: inset 1px 1px #fff, inset -1px -1px #888, 1px 1px #777; font: 10px/1 var(--mac7-ui-font); text-decoration: none; white-space: nowrap; cursor: pointer; }
.mac7-toolbar button:active, .mac7-button:active, .mac7-default-button:active, button[type="submit"]:active { box-shadow: inset 2px 2px #777, inset -1px -1px #fff; transform: translate(1px, 1px); }
.mac7-toolbar :where(a, button).is-active, .mac7-toolbar :where(a, button)[aria-current="page"] { color: var(--mac7-selection-text); background: var(--mac7-selection); box-shadow: none; }
.mac7-toolbar-count { margin-left: auto; color: #555; white-space: nowrap; }
.mac7-window-content { flex: 1; position: relative; background: var(--mac7-paper); }
.mac7-statusbar { min-height: 23px; display: flex; align-items: center; justify-content: center; position: relative; padding: 4px 28px; border-top: 1px solid #777; background: var(--mac7-platinum); color: #4d4d4a; font: 9px/1.2 var(--mac7-ui-font); }
.mac7-resize-grip { width: 16px; height: 16px; position: absolute; right: 2px; bottom: 2px; background: repeating-linear-gradient(135deg, transparent 0 3px, #111 3px 4px); }

/* Pixel icon sprite */
.mac7-icon { display: inline-block; flex: 0 0 auto; background-repeat: no-repeat; image-rendering: pixelated; image-rendering: crisp-edges; }
.mac7-icon-16 { width: 16px; height: 16px; background-image: url("../images/system7-icons-16.png"); background-position: var(--mac7-pos-16) 0; background-size: 288px 16px; }
.mac7-icon-32 { width: 32px; height: 32px; background-image: url("../images/system7-icons-32.png"); background-position: var(--mac7-pos-32) 0; background-size: 576px 32px; }
.mac7-icon-64 { width: 64px; height: 64px; background-image: url("../images/system7-icons-64.png"); background-position: var(--mac7-pos-64) 0; background-size: 1152px 64px; }
.mac7-icon-128 { width: 128px; height: 128px; background-image: url("../images/system7-icons-128.png"); background-position: var(--mac7-pos-128) 0; background-size: 2304px 128px; }
.mac7-icon-256 { width: 256px; height: 256px; background-image: url("../images/system7-icons-256.png"); background-position: var(--mac7-pos-256) 0; background-size: 4608px 256px; }
.mac7-icon-app { --mac7-pos-16: 0; --mac7-pos-32: 0; --mac7-pos-64: 0; --mac7-pos-128: 0; --mac7-pos-256: 0; }
.mac7-icon-archive { --mac7-pos-16: -16px; --mac7-pos-32: -32px; --mac7-pos-64: -64px; --mac7-pos-128: -128px; --mac7-pos-256: -256px; }
.mac7-icon-document { --mac7-pos-16: -32px; --mac7-pos-32: -64px; --mac7-pos-64: -128px; --mac7-pos-128: -256px; --mac7-pos-256: -512px; }
.mac7-icon-folder { --mac7-pos-16: -48px; --mac7-pos-32: -96px; --mac7-pos-64: -192px; --mac7-pos-128: -384px; --mac7-pos-256: -768px; }
.mac7-icon-guestbook { --mac7-pos-16: -64px; --mac7-pos-32: -128px; --mac7-pos-64: -256px; --mac7-pos-128: -512px; --mac7-pos-256: -1024px; }
.mac7-icon-about { --mac7-pos-16: -80px; --mac7-pos-32: -160px; --mac7-pos-64: -320px; --mac7-pos-128: -640px; --mac7-pos-256: -1280px; }
.mac7-icon-travel { --mac7-pos-16: -96px; --mac7-pos-32: -192px; --mac7-pos-64: -384px; --mac7-pos-128: -768px; --mac7-pos-256: -1536px; }
.mac7-icon-rss { --mac7-pos-16: -112px; --mac7-pos-32: -224px; --mac7-pos-64: -448px; --mac7-pos-128: -896px; --mac7-pos-256: -1792px; }
.mac7-icon-search { --mac7-pos-16: -128px; --mac7-pos-32: -256px; --mac7-pos-64: -512px; --mac7-pos-128: -1024px; --mac7-pos-256: -2048px; }
.mac7-icon-alert { --mac7-pos-16: -144px; --mac7-pos-32: -288px; --mac7-pos-64: -576px; --mac7-pos-128: -1152px; --mac7-pos-256: -2304px; }
.mac7-icon-trash { --mac7-pos-16: -160px; --mac7-pos-32: -320px; --mac7-pos-64: -640px; --mac7-pos-128: -1280px; --mac7-pos-256: -2560px; }
.mac7-icon-music { --mac7-pos-16: -176px; --mac7-pos-32: -352px; --mac7-pos-64: -704px; --mac7-pos-128: -1408px; --mac7-pos-256: -2816px; }
.mac7-icon-apple { --mac7-pos-16: -192px; --mac7-pos-32: -384px; --mac7-pos-64: -768px; --mac7-pos-128: -1536px; --mac7-pos-256: -3072px; }
.mac7-icon-finder { --mac7-pos-16: -208px; --mac7-pos-32: -416px; --mac7-pos-64: -832px; --mac7-pos-128: -1664px; --mac7-pos-256: -3328px; }
.mac7-icon-clarisworks { --mac7-pos-16: -224px; --mac7-pos-32: -448px; --mac7-pos-64: -896px; --mac7-pos-128: -1792px; --mac7-pos-256: -3584px; }
.mac7-icon-hypercard { --mac7-pos-16: -240px; --mac7-pos-32: -480px; --mac7-pos-64: -960px; --mac7-pos-128: -1920px; --mac7-pos-256: -3840px; }
.mac7-icon-scrapbook { --mac7-pos-16: -256px; --mac7-pos-32: -512px; --mac7-pos-64: -1024px; --mac7-pos-128: -2048px; --mac7-pos-256: -4096px; }
.mac7-icon-jpegview { --mac7-pos-16: -272px; --mac7-pos-32: -544px; --mac7-pos-64: -1088px; --mac7-pos-128: -2176px; --mac7-pos-256: -4352px; }
.mac7-desktop-shortcuts { width: 96px; display: grid; gap: 20px; position: absolute; top: 28px; right: 17px; z-index: 3; }
.mac7-shortcut, .mac7-trash { min-width: 64px; display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 2px; border: 0; color: #111; background: transparent; font: 9px/1.25 var(--mac7-ui-font); text-align: center; text-decoration: none; text-shadow: 1px 1px #fff; }
.mac7-shortcut span, .mac7-trash span { max-width: 92px; padding: 1px 3px; overflow-wrap: anywhere; }
.mac7-shortcut:hover span, .mac7-shortcut:focus span, .mac7-trash:hover span, .mac7-trash:focus span { color: var(--mac7-selection-text); background: var(--mac7-selection); text-shadow: none; }
.mac7-trash { position: absolute; right: 30px; bottom: 20px; z-index: 3; cursor: pointer; }
.mac7-site-footer { display: flex; flex-wrap: wrap; gap: 8px 18px; position: absolute; left: 32px; bottom: 13px; color: #222; font: 9px/1.3 var(--mac7-ui-font); text-shadow: 1px 1px #fff; }
.mac7-site-footer a { text-decoration: none; border-bottom: 1px solid #444; }
body[data-icon-layout="bottom"] .mac7-desktop { padding-right: 32px; padding-bottom: 108px; }
body[data-icon-layout="bottom"] .mac7-desktop-shortcuts { width: auto; grid-auto-flow: column; grid-template-rows: 1fr; gap: 12px; top: auto; right: 112px; bottom: 12px; }
body[data-icon-layout="bottom"] .mac7-trash { right: 28px; bottom: 12px; }

/* Index and archive documents */
.mac7-index-content { padding: clamp(24px, 4.2vw, 54px); }
.mac7-masthead { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 2px solid #111; }
.mac7-site-title { margin: 0; font: 700 clamp(28px, 3.2vw, 42px)/1 var(--mac7-reading-font); letter-spacing: -.035em; }
.mac7-site-title a { text-decoration: none; }
.mac7-tagline { margin: 8px 0 0; color: #555; font: 15px/1.4 var(--mac7-reading-font); }
.mac7-log-mark { display: flex; align-items: center; gap: 8px; font: 10px/1.2 var(--mac7-ui-font); text-transform: uppercase; }
.mac7-post-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) 116px; gap: 16px; padding: 24px 0 22px; border-bottom: 1px dotted #777; }
.mac7-post-icon-link { display: block; text-decoration: none; }
.mac7-post-row-title { margin: 0 0 7px; font: 700 clamp(20px, 2.15vw, 27px)/1.2 var(--mac7-reading-font); letter-spacing: -.02em; }
.mac7-post-row-title a { text-decoration-thickness: 1px; }
.mac7-post-summary > p { max-width: 760px; margin: 0; color: #444; font: 15px/1.7 var(--mac7-reading-font); }
.mac7-post-row-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding-top: 3px; color: #666; font: 10px/1.45 var(--mac7-ui-font); }
.mac7-post-row-meta a { text-decoration: none; border-bottom: 1px solid #777; }
.mac7-post-list .mac7-post-row:first-child .mac7-post-row-title a { padding: 2px 4px; margin-left: -4px; color: var(--mac7-selection-text); background: var(--mac7-selection); outline: 1px dotted var(--mac7-selection-text); outline-offset: -3px; text-decoration: none; }
.mac7-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; padding-top: 24px; font: 10px/1 var(--mac7-ui-font); }
.mac7-pagination .page-numbers { min-width: 28px; min-height: 25px; display: grid; place-items: center; padding: 4px 8px; border: 1px solid #111; background: #eee; box-shadow: inset 1px 1px #fff, inset -1px -1px #888; text-decoration: none; }
.mac7-pagination .current { color: var(--mac7-selection-text); background: var(--mac7-selection); box-shadow: none; }
.mac7-archive-header { display: flex; align-items: center; gap: 16px; padding-bottom: 18px; border-bottom: 2px solid #111; }
.mac7-archive-header h1 { margin: 0; font: 700 clamp(26px, 3vw, 38px)/1.15 var(--mac7-reading-font); }
.mac7-archive-header p { margin: 5px 0 0; color: #555; }
.mac7-list-columns { display: grid; grid-template-columns: 1fr 116px; padding: 8px 0 7px 54px; border-bottom: 1px solid #777; color: #555; background: #eee; font: 9px/1 var(--mac7-ui-font); }
.mac7-empty-state, .mac7-system-alert { max-width: 680px; display: grid; grid-template-columns: 42px 1fr; gap: 20px; padding: clamp(32px, 7vw, 86px) 0; margin: auto; }
.mac7-empty-state h2, .mac7-system-alert h1 { margin: 0 0 9px; font: 700 25px/1.2 var(--mac7-reading-font); }
.mac7-empty-state p, .mac7-system-alert p { margin: 0 0 20px; line-height: 1.65; }
.mac7-search-form { display: flex; align-items: stretch; gap: 7px; margin: 18px 0; }
.mac7-search-form label { flex: 1; }

/* Long-form documents */
.mac7-document-content { padding: clamp(25px, 5vw, 68px) clamp(22px, 6vw, 82px); }
.mac7-document { width: min(100%, 820px); margin: 0 auto; }
.mac7-document-header { padding-bottom: 25px; border-bottom: 2px solid #111; }
.mac7-document-kicker { display: flex; align-items: center; gap: 8px; color: #555; font: 10px/1 var(--mac7-ui-font); text-transform: uppercase; }
.mac7-document-header h1 { margin: 16px 0 15px; font: 700 clamp(31px, 5vw, 54px)/1.1 var(--mac7-reading-font); letter-spacing: -.035em; }
.mac7-post-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; color: #5b5b57; font: 10px/1.45 var(--mac7-ui-font); }
.mac7-post-meta span { position: relative; }
.mac7-post-meta span::before { content: "◆"; margin-right: 8px; font-size: 7px; }
.mac7-post-meta a { text-decoration: none; border-bottom: 1px solid #777; }
.mac7-featured-image { margin: 30px min(-5vw, -40px); }
.mac7-featured-image img { width: 100%; display: block; border: 1px solid #111; box-shadow: 4px 4px #777; }
.mac7-entry-content { font-size: var(--mac7-content-size); line-height: 1.88; }
body[data-text-size="large"] { --mac7-content-size: 19px; }
body[data-text-size="larger"] { --mac7-content-size: 21px; }
body[data-text-size="large"] .mac7-post-summary > p { font-size: 16px; }
body[data-text-size="larger"] .mac7-post-summary > p { font-size: 17px; }
.mac7-entry-content > * { margin-top: 0; margin-bottom: 1.5em; }
.mac7-entry-content > :first-child { margin-top: 1.8em; }
.mac7-entry-content h2 { margin-top: 2em; font-size: 1.75em; line-height: 1.3; }
.mac7-entry-content h3 { margin-top: 1.8em; font-size: 1.35em; line-height: 1.35; }
.mac7-entry-content h4 { font-size: 1.1em; }
.mac7-entry-content blockquote, .mac7-entry-content .wp-block-quote { padding: 17px 20px; border: 1px solid #111; border-left: 7px double #111; background: #f0efe9; box-shadow: 3px 3px #999; }
.mac7-entry-content blockquote p:last-child { margin-bottom: 0; }
.mac7-entry-content .wp-block-quote.is-style-system-note { position: relative; padding-top: 42px; border-left: 1px solid #111; }
.mac7-entry-content .wp-block-quote.is-style-system-note::before { content: ""; height: 25px; display: block; position: absolute; top: 0; right: 0; left: 0; border-bottom: 1px solid #111; background: repeating-linear-gradient(#fff 0 2px, #111 2px 3px); }
.mac7-entry-content .wp-block-image.is-style-system-screenshot img { padding: 6px; border: 2px solid #111; background: #eee; box-shadow: inset 1px 1px #fff, inset -1px -1px #777, 4px 4px #777; }
.mac7-entry-content pre, .mac7-entry-content .wp-block-code { padding: 18px; overflow-x: auto; border: 1px solid #111; background: #eee; box-shadow: inset 2px 2px #999; font: 13px/1.65 Monaco, "Courier New", monospace; }
.mac7-entry-content code { padding: .1em .3em; background: #eee; font-family: Monaco, "Courier New", monospace; font-size: .82em; }
.mac7-entry-content pre code { padding: 0; background: transparent; font-size: inherit; }
.mac7-entry-content table { width: 100%; border-collapse: collapse; font-size: .88em; }
.mac7-entry-content th, .mac7-entry-content td { padding: 8px 10px; border: 1px solid #111; text-align: left; }
.mac7-entry-content th { background: #ddd; font-family: var(--mac7-ui-font); }
.mac7-entry-content figcaption { margin-top: 8px; color: #666; font: 11px/1.5 var(--mac7-ui-font); text-align: center; }
.mac7-entry-content hr, .mac7-entry-content .wp-block-separator { width: 100%; border: 0; border-top: 1px solid #111; }
.mac7-entry-content .wp-block-button__link { border: 2px solid #111; border-radius: 2px; color: #111; background: #eee; box-shadow: inset 1px 1px #fff, inset -1px -1px #888, 2px 2px #777; font: 12px/1 var(--mac7-ui-font); }
.mac7-entry-content .alignwide { width: min(1050px, calc(100vw - 130px)); max-width: none; margin-left: 50%; transform: translateX(-50%); }
.mac7-entry-content .alignfull { width: min(1120px, calc(100vw - 92px)); max-width: none; margin-left: 50%; transform: translateX(-50%); }
.mac7-document-footer { padding: 18px 0; margin-top: 44px; border-top: 1px dotted #777; font: 11px/1.5 var(--mac7-ui-font); }
.mac7-post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 22px 0; border-top: 2px solid #111; border-bottom: 2px solid #111; font: 13px/1.45 var(--mac7-reading-font); }
.mac7-post-navigation div:last-child { text-align: right; }
.mac7-author-box { display: grid; grid-template-columns: 64px 1fr; gap: 16px; padding: 19px; margin-top: 28px; border: 1px solid #111; background: #eee; box-shadow: 3px 3px #888; }
.mac7-author-box img { border: 1px solid #111; }
.mac7-author-box p { margin: 5px 0 0; font-size: 14px; line-height: 1.6; }

/* Comments and fields */
.mac7-comments { width: min(100%, 820px); margin: 54px auto 0; border: 2px solid #111; background: #fff; box-shadow: 4px 4px #777; }
.mac7-subwindow-titlebar { min-height: 25px; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid #111; background: repeating-linear-gradient(#fff 0 2px, #111 2px 3px); }
.mac7-subwindow-titlebar h2 { padding: 2px 12px; margin: 0; background: #fff; font: 700 11px/1 var(--mac7-ui-font); }
.mac7-comment-list { padding: 0 24px; margin: 0; list-style: none; }
.mac7-comment-list .comment { padding-top: 24px; }
.mac7-comment-list .comment-body { padding-bottom: 24px; border-bottom: 1px dotted #777; }
.mac7-comment-list .children { margin-left: 28px; list-style: none; }
.mac7-comment-list .comment-meta { font: 10px/1.4 var(--mac7-ui-font); }
.mac7-comment-list .comment-author { display: flex; align-items: center; gap: 10px; }
.mac7-comment-list .avatar { border: 1px solid #111; }
.mac7-comment-list .comment-content { font-size: 15px; line-height: 1.7; }
.mac7-comment-list .reply { font: 10px/1 var(--mac7-ui-font); }
.comment-respond { padding: 25px; }
.comment-reply-title { margin: 0 0 18px; font: 700 22px/1.2 var(--mac7-reading-font); }
.comment-form p { margin: 0 0 15px; }
.comment-form label { display: block; margin-bottom: 5px; font: 10px/1.3 var(--mac7-ui-font); }
.comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; }
.comment-form-cookies-consent label { font-family: var(--mac7-reading-font); font-size: 13px; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, select { width: 100%; min-height: 34px; padding: 7px 9px; border: 1px solid #111; border-radius: 0; color: #111; background: #fff; box-shadow: inset 2px 2px #aaa; font: 14px/1.4 var(--mac7-reading-font); }
textarea { min-height: 150px; resize: vertical; }
input[type="checkbox"] { accent-color: #111; }

/* Alerts and dialogs */
.mac7-alert-content { display: grid; place-items: center; min-height: 430px; padding: 30px; }
.mac7-alert-actions { display: flex; justify-content: flex-end; gap: 10px; }
.mac7-dialog { width: min(440px, calc(100% - 28px)); padding: 0; border: 2px solid #111; border-radius: 0; color: #111; background: #eee; box-shadow: 7px 7px #111; }
.mac7-dialog::backdrop { background: #0004; }
.mac7-dialog-titlebar { min-height: 25px; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid #111; background: repeating-linear-gradient(#fff 0 2px, #111 2px 3px); font: 700 11px/1 var(--mac7-ui-font); }
.mac7-dialog-titlebar b { padding: 2px 11px; background: #eee; }
.mac7-dialog-content { padding: 24px; }
.mac7-dialog-content label { display: block; margin-bottom: 8px; font: 11px/1.4 var(--mac7-ui-font); }
.mac7-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 20px; }
.mac7-dialog-actions button { min-width: 84px; min-height: 28px; border: 1px solid #111; border-radius: 2px; background: #eee; box-shadow: inset 1px 1px #fff, inset -1px -1px #888, 1px 1px #777; font: 10px/1 var(--mac7-ui-font); }
.mac7-dialog-actions .mac7-default-button { border-width: 2px; }
.mac7-about-content { display: grid; grid-template-columns: 42px 1fr; gap: 16px; }
.mac7-about-content p { margin: 7px 0; font-size: 14px; line-height: 1.55; }
.mac7-about-content .mac7-dialog-actions { grid-column: 1 / -1; }
.mac7-toast { position: fixed; left: 50%; bottom: 34px; z-index: 10000; padding: 9px 14px; border: 2px solid #111; color: #fff; background: #111; box-shadow: 3px 3px #777; font: 11px/1.2 var(--mac7-ui-font); transform: translateX(-50%); }

/* Startup */
.mac7-startup { display: none; }
.mac7-js .mac7-startup { position: fixed; inset: 0; z-index: 20000; place-items: center; color: #111; background: #eeeade; font: 11px/1.4 var(--mac7-ui-font); }
.mac7-js.mac7-show-startup .mac7-startup { display: grid; }
.mac7-startup-panel { min-width: 245px; padding: 32px; text-align: center; }
.mac7-startup-panel .mac7-icon { margin-bottom: 12px; }
.mac7-startup-panel p { margin: 18px 0 16px; }
.mac7-startup-panel small { display: block; margin-top: 11px; color: #666; }
.mac7-startup-progress { height: 13px; padding: 2px; border: 1px solid #111; background: #fff; box-shadow: inset 1px 1px #888; }
.mac7-startup-progress span { width: 0; height: 100%; display: block; background: repeating-linear-gradient(90deg, #111 0 6px, #fff 6px 8px); animation: mac7-boot var(--mac7-startup-duration, 1600ms) linear forwards; }
@keyframes mac7-boot { to { width: 100%; } }

/* Gutenberg */
.wp-block-image img, .wp-block-gallery img { border: 1px solid #111; }
.wp-block-file { padding: 13px; border: 1px solid #111; background: #eee; }
.wp-block-details { padding: 14px 16px; border: 1px solid #111; background: #f1f0ea; }
.wp-block-details summary { font-family: var(--mac7-ui-font); font-size: 12px; font-weight: 700; cursor: pointer; }
.wp-block-pullquote { border-top: 2px solid #111; border-bottom: 2px solid #111; }
.wp-block-audio.is-style-system-player { padding: 12px 14px; border: 2px solid #111; background: var(--mac7-platinum); box-shadow: inset 1px 1px #fff, 4px 4px #777; }
.wp-block-audio.is-style-system-player audio { width: 100%; display: block; }
.wp-block-file.is-style-finder-attachment { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #111; background: #fff; box-shadow: 3px 3px #888; font: 12px/1.4 var(--mac7-ui-font); }

/* Macintosh System 7 blocks */
.mac7-system-dialog-block { margin-block: 28px; border: 2px solid #111; color: #111; background: #eee; box-shadow: 5px 5px #777; }
.mac7-block-titlebar { min-height: 27px; display: flex; align-items: center; justify-content: center; position: relative; padding: 3px 34px; border-bottom: 2px solid #111; background: repeating-linear-gradient(#fff 0 2px, #111 2px 3px); font: 700 11px/1.2 var(--mac7-ui-font); text-align: center; }
.mac7-block-titlebar strong { padding: 2px 10px; background: #eee; }
.mac7-block-collapse { width: 15px; height: 15px; display: grid; place-items: center; padding: 0; position: absolute; top: 5px; left: 6px; border: 1px solid #111; border-radius: 0; color: #111; background: #fff; box-shadow: inset 1px 1px #777; font: 700 11px/1 var(--mac7-ui-font); cursor: pointer; }
.mac7-block-dialog-body { padding: 20px 22px; }
.mac7-block-dialog-body > :first-child { margin-top: 0; }
.mac7-block-dialog-body > :last-child { margin-bottom: 0; }
.mac7-system-dialog-block.is-info { background: #eef4f7; }
.mac7-system-dialog-block.is-info .mac7-block-titlebar strong { background: #eef4f7; }
.mac7-system-dialog-block.is-warning { background: #fff3cf; }
.mac7-system-dialog-block.is-warning .mac7-block-titlebar strong { background: #fff3cf; }
.mac7-system-dialog-block.is-collapsed .mac7-block-dialog-body { display: none; }
.mac7-system-dialog-block.is-collapsed .mac7-block-titlebar { border-bottom: 0; }

.mac7-file-card-block { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 15px; margin-block: 24px; border: 1px solid #111; color: #111; background: #f3f2ec; box-shadow: 3px 3px #888; text-decoration: none; }
.mac7-file-card-block:hover, .mac7-file-card-block:focus-visible { color: var(--mac7-selection-text); background: var(--mac7-selection); }
.mac7-file-card-icon { width: 24px; height: 28px; display: block; position: relative; border: 2px solid currentColor; background: linear-gradient(135deg, transparent 0 8px, currentColor 8px 10px, transparent 10px); }
.mac7-file-card-icon::after { content: ""; width: 6px; height: 6px; position: absolute; top: -2px; right: -2px; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; background: var(--mac7-paper); }
.mac7-file-card-block:hover .mac7-file-card-icon::after, .mac7-file-card-block:focus-visible .mac7-file-card-icon::after { background: var(--mac7-selection); }
.mac7-file-card-copy { min-width: 0; display: grid; gap: 3px; }
.mac7-file-card-copy strong { overflow: hidden; font: 700 13px/1.3 var(--mac7-ui-font); text-overflow: ellipsis; white-space: nowrap; }
.mac7-file-card-copy > span, .mac7-file-card-copy > p { margin: 0; color: #555; font-size: 14px; line-height: 1.5; }
.mac7-file-card-block:hover .mac7-file-card-copy > span, .mac7-file-card-block:focus-visible .mac7-file-card-copy > span { color: #fff; }
.mac7-file-kind { padding-left: 14px; color: #555; font: 10px/1.2 var(--mac7-ui-font); white-space: nowrap; }
.mac7-file-card-block:hover .mac7-file-kind, .mac7-file-card-block:focus-visible .mac7-file-kind { color: #fff; }
.mac7-block-media-action { grid-column: 2 / -1; }

.mac7-attachment-shelf-block { margin-block: 28px; border: 2px solid #111; background: #eee; box-shadow: 5px 5px #777; }
.mac7-attachment-shelf-body { display: grid; gap: 8px; padding: 16px; }
.mac7-attachment-shelf-body .wp-block-file { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; margin: 0; border: 1px solid #111; background: #fff; font: 12px/1.4 var(--mac7-ui-font); }
.mac7-attachment-shelf-body .wp-block-file a:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mac7-attachment-shelf-body .wp-block-file__button { flex: 0 0 auto; border: 1px solid #111; border-radius: 2px; color: #111; background: #eee; box-shadow: inset 1px 1px #fff, inset -1px -1px #888; }

.mac7-music-player-block { padding: 14px 16px 16px; margin-block: 26px; border: 2px solid #111; background: var(--mac7-platinum); box-shadow: inset 1px 1px #fff, 4px 4px #777; }
.mac7-music-heading { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 12px; padding-bottom: 11px; margin-bottom: 12px; border-bottom: 1px solid #777; }
.mac7-music-heading figcaption { min-width: 0; display: grid; gap: 3px; }
.mac7-music-heading strong { overflow: hidden; font: 700 13px/1.25 var(--mac7-ui-font); text-overflow: ellipsis; white-space: nowrap; }
.mac7-music-heading figcaption span { color: #555; font-size: 13px; line-height: 1.35; }
.mac7-music-player-block audio { width: 100%; min-height: 40px; display: block; accent-color: #111; }
.mac7-music-audio .wp-block-audio { margin: 0; }
.mac7-music-placeholder { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; margin: 0; border: 1px dashed #555; background: #fff; font: 11px/1.4 var(--mac7-ui-font); }
.mac7-music-placeholder p { margin: 0; }

.mac7-status-meter-block { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(130px, 2fr) 48px; align-items: center; gap: 13px; padding: 13px 15px; margin-block: 24px; border: 1px solid #111; background: #eee; box-shadow: inset 1px 1px #fff, 3px 3px #888; font: 11px/1.2 var(--mac7-ui-font); }
.mac7-status-track { height: 16px; padding: 2px; border: 1px solid #111; background: #fff; box-shadow: inset 1px 1px #888; }
.mac7-status-track span { height: 100%; display: block; background: repeating-linear-gradient(90deg, #111 0 6px, transparent 6px 8px); }
.mac7-status-meter-block output { text-align: right; }

@media (max-width: 1023px) {
  .mac7-monitor { width: calc(100% - 18px); margin: 9px auto; padding: 9px 10px 15px; border-radius: 15px 15px 22px 22px; }
  .mac7-display { min-height: calc(100vh - 51px); border-width: 3px; }
  .mac7-desktop { min-height: calc(100vh - 82px); padding: 18px 104px 28px 16px; }
  .mac7-desktop-shortcuts { width: 82px; right: 8px; }
  .mac7-trash { right: 22px; }
}

@media (max-width: 720px) {
  .mac7-monitor { width: 100%; min-height: 100vh; padding: 5px 5px 10px; margin: 0; border-radius: 0; }
  .mac7-display { min-height: calc(100vh - 21px); border-width: 2px; border-radius: 2px; }
  .mac7-bezel-mark { display: none; }
  .mac7-menubar { min-height: 34px; padding: 0 4px; }
  .mac7-menu-trigger { min-height: 32px; padding: 0 8px; }
  .mac7-clock { padding: 0 5px; font-size: 10px; }
  .mac7-app-switcher { display: none; }
  .mac7-menu-panel { position: fixed; top: 35px; left: 4px; max-width: calc(100vw - 12px); }
  .mac7-desktop { min-height: calc(100vh - 47px); padding: 8px; }
  .mac7-window { min-height: calc(100vh - 65px); box-shadow: 3px 3px #555; }
  .mac7-titlebar { min-height: 29px; }
  .mac7-toolbar { min-height: 39px; }
  .mac7-toolbar a, .mac7-toolbar button { min-height: 30px; }
  .mac7-toolbar-count { display: none; }
  .mac7-desktop-shortcuts, .mac7-trash { display: none; }
  .mac7-site-footer { position: static; justify-content: center; padding: 15px 6px 5px; }
  .mac7-index-content { padding: 24px 20px; }
  .mac7-masthead { display: block; }
  .mac7-log-mark { margin-top: 14px; }
  .mac7-site-title { font-size: 30px; }
  .mac7-post-row { grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding: 21px 0; }
  .mac7-post-row-meta { grid-column: 2; flex-direction: row; flex-wrap: wrap; }
  .mac7-post-summary > p { font-size: 14px; line-height: 1.65; }
  .mac7-list-columns { display: none; }
  .mac7-document-content { padding: 28px 20px; }
  .mac7-document-header h1 { font-size: 34px; }
  .mac7-entry-content { --mac7-content-size: 16px; line-height: 1.82; }
  .mac7-featured-image { margin: 26px -10px; }
  .mac7-entry-content .alignwide, .mac7-entry-content .alignfull { width: calc(100vw - 46px); }
  .mac7-post-navigation { grid-template-columns: 1fr; }
  .mac7-post-navigation div:last-child { text-align: left; }
  .mac7-comment-list { padding: 0 15px; }
  .comment-respond { padding: 20px 15px; }
  .mac7-comment-list .children { margin-left: 13px; padding-left: 0; }
}

@media (max-width: 420px) {
  .mac7-menu:nth-child(3),
  .mac7-menu:nth-child(4) { display: none; }
  .mac7-clock { margin-left: auto; }
  .mac7-window-box { width: 16px; height: 16px; }
  .mac7-post-row-title { font-size: 19px; }
  .mac7-archive-header { align-items: flex-start; }
  .mac7-search-form { flex-direction: column; }
  .mac7-file-card-block { grid-template-columns: 30px minmax(0, 1fr); }
  .mac7-file-kind { grid-column: 2; padding-left: 0; }
  .mac7-status-meter-block { grid-template-columns: 1fr 42px; }
  .mac7-status-track { grid-column: 1 / -1; grid-row: 2; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .mac7-startup { display: none !important; }
}

@media (prefers-contrast: more) {
  .mac7-crt-overlay { display: none; }
  .mac7-post-summary > p, .mac7-post-row-meta, .mac7-post-meta { color: #111; }
}

@media print {
  body { background: #fff; }
  .mac7-monitor { width: 100%; min-height: 0; padding: 0; margin: 0; box-shadow: none; background: #fff; }
  .mac7-display { min-height: 0; overflow: visible; border: 0; box-shadow: none; }
  .mac7-menubar, .mac7-crt-overlay, .mac7-desktop-shortcuts, .mac7-trash, .mac7-titlebar, .mac7-toolbar, .mac7-statusbar, .mac7-comments, .mac7-bezel-mark { display: none !important; }
  .mac7-desktop { min-height: 0; padding: 0; background: #fff; }
  .mac7-window { min-height: 0; border: 0; box-shadow: none; }
  .mac7-document-content { padding: 0; }
  .mac7-document { width: 100%; }
}