/* Ten experimental design presets preserved from Patch 0.3. These are NOT the version history. */
/* 09 — Margin: an editorial timeline with visible marginalia. */
:root[data-appearance="preset-margin"]{font-family:Georgia,'Times New Roman',serif;color:#242824;background:#eeeFE9}
[data-appearance="preset-margin"] .shell{max-width:1280px}
[data-appearance="preset-margin"] .header{height:88px;border-color:#bfc6b9}
[data-appearance="preset-margin"] .wordmark{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:30px;letter-spacing:-1px}
[data-appearance="preset-margin"] .wordmark-sub{font-size:16px}
[data-appearance="preset-margin"] .tagline{color:#718071}
[data-appearance="preset-margin"] .layout{grid-template-columns:145px minmax(0,1fr)}
[data-appearance="preset-margin"] .rail{border-right:1px solid #afb8aa;padding-top:50px}
[data-appearance="preset-margin"] .main{padding:55px 5vw 100px 9vw;max-width:990px}
[data-appearance="preset-margin"] .main-heading{margin-bottom:72px}
[data-appearance="preset-margin"] .main-heading h1{font-style:italic;font-weight:400;letter-spacing:-3px}
[data-appearance="preset-margin"] .entries{border-left:1px solid #b3c0b3;padding-left:32px}
[data-appearance="preset-margin"] .entry{position:relative;padding-bottom:46px;margin-bottom:50px;border-color:#cbd0c5}
[data-appearance="preset-margin"] .entry::before{content:'';position:absolute;left:-37px;top:1px;border-radius:50%;width:9px;height:9px;background:#536555}
[data-appearance="preset-margin"] .entry-body{font-size:19px}
[data-appearance="preset-margin"] .entry-date{font-family:Arial,sans-serif;color:#58745e;letter-spacing:1.5px}

/* 08 — Cards: the record as a collection of physical index cards. */
:root[data-appearance="preset-cards"]{font-family:Arial,sans-serif;background:#e4ded2;color:#29261f}
[data-appearance="preset-cards"] .header{border:0;height:95px}
[data-appearance="preset-cards"] .wordmark{font-family:Georgia,serif;font-weight:400;font-size:31px}
[data-appearance="preset-cards"] .rail{border:0;padding-top:56px}
[data-appearance="preset-cards"] .main{max-width:1100px;padding:48px 1vw 120px 3vw}
[data-appearance="preset-cards"] .main-heading{padding:15px 0 8px;border-bottom:3px double #817968;margin-bottom:32px}
[data-appearance="preset-cards"] .main-heading h1{font-family:Georgia,serif;font-weight:400;font-size:56px}
[data-appearance="preset-cards"] .entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;align-items:start}
[data-appearance="preset-cards"] .entry{background:#fdfaf2;box-shadow:2px 4px 0 #beb7a8,0 8px 20px #453b2914;padding:28px 26px 33px;margin:0;border:1px solid #cac1b1;min-width:0}
[data-appearance="preset-cards"] .entry-title{font-family:Georgia,serif;font-size:24px}
[data-appearance="preset-cards"] .entry-body{font-family:Georgia,serif;font-size:16px;line-height:1.7}
[data-appearance="preset-cards"] .entry-photo{max-height:320px}
[data-appearance="preset-cards"] .entry-date{border-bottom:1px solid #d0c4b0;display:block;padding-bottom:13px;color:#807669}

/* 07 — Correspondence: each entry is a dispatched personal letter. */
:root[data-appearance="preset-correspondence"]{font-family:Georgia,'Times New Roman',serif;color:#5f352c;background:#f3ded0}
[data-appearance="preset-correspondence"] .shell{max-width:1180px}
[data-appearance="preset-correspondence"] .header{border-bottom:2px solid #9a6254}
[data-appearance="preset-correspondence"] .wordmark{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:32px;letter-spacing:0}
[data-appearance="preset-correspondence"] .tagline{color:#986e64}
[data-appearance="preset-correspondence"] .rail{border-color:#c9a99a}
[data-appearance="preset-correspondence"] .main{padding:58px 2vw 110px 5vw}
[data-appearance="preset-correspondence"] .main-heading h1{font-family:Georgia,serif;font-style:italic;font-size:61px;font-weight:400}
[data-appearance="preset-correspondence"] .main-heading{margin-bottom:35px}
[data-appearance="preset-correspondence"] .entry{position:relative;background:#fff9ed;border:1px solid #dfc3a7;box-shadow:7px 9px 0 #d9b7a4;padding:55px 40px 42px;max-width:730px;margin:0 0 65px}
[data-appearance="preset-correspondence"] .entry:nth-child(even){margin-left:4%;transform:rotate(.45deg)}
[data-appearance="preset-correspondence"] .entry:nth-child(odd){transform:rotate(-.35deg)}
[data-appearance="preset-correspondence"] .entry::after{content:'POST';position:absolute;right:27px;top:21px;font:700 10px/1 Arial,sans-serif;letter-spacing:2px;border:1px solid #c58c77;padding:11px 7px;color:#ad6a54}
[data-appearance="preset-correspondence"] .entry-title{font-family:Georgia,serif;font-weight:400;font-style:italic}
[data-appearance="preset-correspondence"] .entry-body{font-size:18px;color:#66463b}
[data-appearance="preset-correspondence"] .entry-date{color:#ae6e57}

/* 06 — Fieldbook: the entries are observations in a ruled notebook. */
:root[data-appearance="preset-fieldbook"]{font-family:'Courier New',monospace;background:#ebefd8;color:#30432d}
[data-appearance="preset-fieldbook"] body{background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#8a9e7825 32px,#8a9e7825 33px)}
[data-appearance="preset-fieldbook"] .header{border-bottom:2px dashed #728768}
[data-appearance="preset-fieldbook"] .wordmark{font-family:'Courier New',monospace;font-size:26px;font-weight:700;letter-spacing:-1.7px}
[data-appearance="preset-fieldbook"] .wordmark-sub{font-size:15px;color:#637b5b}
[data-appearance="preset-fieldbook"] .rail{border-right:2px solid #c36c54}
[data-appearance="preset-fieldbook"] .main{padding:55px 20px 110px 6vw}
[data-appearance="preset-fieldbook"] .main-heading h1{font-family:'Courier New',monospace;font-weight:700;font-size:56px;letter-spacing:-2px}
[data-appearance="preset-fieldbook"] .main-heading{margin-bottom:45px}
[data-appearance="preset-fieldbook"] .entry{padding:23px 24px 36px;border:1px dashed #819674;background:#edf0e6d9;margin-bottom:35px}
[data-appearance="preset-fieldbook"] .entry-title{font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:0;font-size:25px}
[data-appearance="preset-fieldbook"] .entry-date::before{content:'OBSERVATION / ';color:#5d7453}
[data-appearance="preset-fieldbook"] .entry-body{font-family:'Courier New',monospace;font-size:15px;line-height:2;color:#334c37}
[data-appearance="preset-fieldbook"] .entry-link{background:#d5dfc8}

/* 05 — Signal: high-contrast digital broadcast, strong graphic geometry. */
:root[data-appearance="preset-signal"]{font-family:Arial,'Helvetica Neue',sans-serif;background:#163cd7;color:#fff}
[data-appearance="preset-signal"] .shell{max-width:1600px}
[data-appearance="preset-signal"] .header{height:90px;border-bottom:3px solid #ebff59}
[data-appearance="preset-signal"] .wordmark{font-size:31px;letter-spacing:-2px}
[data-appearance="preset-signal"] .wordmark-sub,[data-appearance="preset-signal"] .tagline{color:#c9d4ff}
[data-appearance="preset-signal"] .plain{color:#fff}
[data-appearance="preset-signal"] .rail{border-color:#9bb1ff;padding-top:38px}
[data-appearance="preset-signal"] .rail-years a,[data-appearance="preset-signal"] .overline{color:#ced9ff}
[data-appearance="preset-signal"] .main{max-width:1150px;padding:45px 15px 100px 5vw}
[data-appearance="preset-signal"] .main-heading h1{font-family:Impact,Arial,sans-serif;font-weight:900;font-size:clamp(56px,9vw,126px);letter-spacing:-3px;line-height:.98;text-transform:uppercase}
[data-appearance="preset-signal"] .main-heading{margin-bottom:28px}
[data-appearance="preset-signal"] .main-heading>p:last-child{color:#d7e0ff}
[data-appearance="preset-signal"] .entry{padding:24px 27px 34px;background:#faffdf;color:#122463;border:3px solid #111f65;border-radius:0;box-shadow:8px 8px 0 #ebff59;margin-bottom:35px}
[data-appearance="preset-signal"] .entry-date{color:#163cd7;background:#ebff59;padding:5px 7px;display:inline-block}
[data-appearance="preset-signal"] .entry-title{font-family:Impact,Arial,sans-serif;font-size:36px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
[data-appearance="preset-signal"] .entry-body{font-family:Arial,sans-serif;color:#1b2e69;line-height:1.65}
[data-appearance="preset-signal"] .entry-link{background:#ebff59}
[data-appearance="preset-signal"] .entry-tag{color:#173dbe;border-color:#173dbe}
[data-appearance="preset-signal"] .footer{border-color:#8ba5f9;color:#e2e9ff}

/* 04 — The Daily: monochrome newspaper with column rules. */
:root[data-appearance="preset-daily"]{font-family:Georgia,'Times New Roman',serif;background:#f1efdf;color:#151515}
[data-appearance="preset-daily"] .header{height:115px;border-bottom:5px double #222}
[data-appearance="preset-daily"] .wordmark{font-family:'Times New Roman',serif;font-size:45px;font-weight:700;letter-spacing:-2px}
[data-appearance="preset-daily"] .wordmark-sub{font-size:18px;color:#333}
[data-appearance="preset-daily"] .tagline,[data-appearance="preset-daily"] .overline{color:#4d4d4d}
[data-appearance="preset-daily"] .rail{border-color:#222}
[data-appearance="preset-daily"] .main{padding:45px 20px 100px 5vw;max-width:1040px}
[data-appearance="preset-daily"] .main-heading{text-align:center;border-bottom:1px solid #222;padding-bottom:22px;margin-bottom:32px}
[data-appearance="preset-daily"] .main-heading h1{font-family:'Times New Roman',serif;font-weight:700;font-size:70px;letter-spacing:-3px}
[data-appearance="preset-daily"] .main-heading>p:last-child{color:#333;font-style:italic}
[data-appearance="preset-daily"] .entry{border-bottom:3px double #222;padding-bottom:43px;margin-bottom:34px}
[data-appearance="preset-daily"] .entry-title{font-family:'Times New Roman',serif;font-size:43px;font-weight:700;letter-spacing:-1.4px}
[data-appearance="preset-daily"] .entry-body{font-size:19px;line-height:1.65;color:#222;max-width:850px}
[data-appearance="preset-daily"] .entry-date{display:block;color:#333;padding:8px 0;border-top:1px solid #444;border-bottom:1px solid #444}
[data-appearance="preset-daily"] .entry-link{border:1px solid #222;background:transparent}

/* 03 — Index: a rigid, utilitarian personal catalog. */
:root[data-appearance="preset-index"]{font-family:Arial,sans-serif;background:#dce5ea;color:#1e3440}
[data-appearance="preset-index"] .header{height:64px;background:#243f50;padding:0 20px;color:#fff;border:0}
[data-appearance="preset-index"] .shell{padding:0 2vw;max-width:1600px}
[data-appearance="preset-index"] .wordmark{font-family:'Courier New',monospace;font-size:19px;letter-spacing:0}
[data-appearance="preset-index"] .wordmark-sub,[data-appearance="preset-index"] .tagline{color:#c4d3dc}
[data-appearance="preset-index"] .plain{color:#fff}
[data-appearance="preset-index"] .layout{grid-template-columns:160px minmax(0,1fr)}
[data-appearance="preset-index"] .rail{padding:25px 17px 20px;background:#c5d3dc;border:0}
[data-appearance="preset-index"] .main{padding:23px 2vw 100px;max-width:1300px}
[data-appearance="preset-index"] .main-heading{margin-bottom:25px;border-bottom:2px solid #546b78;padding:10px 0}
[data-appearance="preset-index"] .main-heading h1{font:700 38px Arial,sans-serif;letter-spacing:-1px}
[data-appearance="preset-index"] .main-heading>p:last-child{font-size:12px}
[data-appearance="preset-index"] .entry{padding:15px 10px 20px;margin:0;border-bottom:1px solid #8199a7;display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:25px}
[data-appearance="preset-index"] .entry-date{grid-column:1;font:700 11px/1.7 'Courier New',monospace;color:#47606d}
[data-appearance="preset-index"] .entry>:not(.entry-date){grid-column:2}
[data-appearance="preset-index"] .entry-title{font:700 20px Arial,sans-serif;letter-spacing:0;margin:0 0 10px}
[data-appearance="preset-index"] .entry-body{font:14px/1.6 Arial,sans-serif;color:#273e49;margin:5px 0 12px}
[data-appearance="preset-index"] .entry-photo{max-height:400px}
[data-appearance="preset-index"] .entry-link{background:#cad8e0}

/* 02 — Desktop: faux draggable-era panels, no actual window manager. */
:root[data-appearance="preset-desktop"]{font-family:Tahoma,Verdana,Arial,sans-serif;background:#1b7b82;color:#10292a}
[data-appearance="preset-desktop"] .shell{background:#c2c5c5;border-left:3px ridge #d9e0dd;border-right:3px ridge #d9e0dd;max-width:1200px}
[data-appearance="preset-desktop"] .header{height:68px;padding:0 14px;border-bottom:3px groove #edf0ee;background:#c7c9cb}
[data-appearance="preset-desktop"] .wordmark{font:700 25px Tahoma,sans-serif;letter-spacing:-1px}
[data-appearance="preset-desktop"] .wordmark-sub{font-size:12px}
[data-appearance="preset-desktop"] .tagline{color:#505454}
[data-appearance="preset-desktop"] .plain,[data-appearance="preset-desktop"] .secondary{background:#d6d6d6;border:2px outset #eee;padding:5px 10px;color:#242424;font-size:12px}
[data-appearance="preset-desktop"] .rail{background:#d7d9d9;padding:28px 14px;border-right:2px groove #eee}
[data-appearance="preset-desktop"] .main{padding:30px 20px 110px;max-width:950px}
[data-appearance="preset-desktop"] .main-heading{background:#e9eceb;border:2px outset #f9faf9;margin-bottom:24px;padding:15px}
[data-appearance="preset-desktop"] .main-heading h1{font:700 32px Tahoma,sans-serif;letter-spacing:-1px}
[data-appearance="preset-desktop"] .main-heading>p:last-child{color:#404c4d;font-size:13px}
[data-appearance="preset-desktop"] .entry{background:#f1f2f0;border:2px outset #fff;padding:32px 15px 18px;margin-bottom:22px;position:relative}
[data-appearance="preset-desktop"] .entry::before{content:'BIO.EXE — ENTRY';position:absolute;top:0;left:0;right:0;padding:5px 8px;background:#164180;color:#fff;font:bold 11px Tahoma,sans-serif}
[data-appearance="preset-desktop"] .entry-date{display:block;margin-bottom:12px;margin-top:9px}
[data-appearance="preset-desktop"] .entry-title{font:700 23px Tahoma,sans-serif;letter-spacing:-.5px}
[data-appearance="preset-desktop"] .entry-body{font:15px/1.65 Verdana,sans-serif;color:#27312e}
[data-appearance="preset-desktop"] .entry-link{background:#d6d9d7;border:2px outset #fff}

/* 01 — Hypertext: the early public web as a plain linked document. */
:root[data-appearance="preset-hypertext"]{font-family:'Times New Roman',Times,serif;background:#eaeaea;color:#000}
[data-appearance="preset-hypertext"] .shell{max-width:1040px;padding:0 18px}
[data-appearance="preset-hypertext"] .header{height:auto;padding:18px 0;border-bottom:2px solid #888}
[data-appearance="preset-hypertext"] .wordmark{font:bold 24px 'Times New Roman',serif;letter-spacing:0;color:#0000ee;text-decoration:underline}
[data-appearance="preset-hypertext"] .wordmark-sub{font-size:16px;color:#0000ee}
[data-appearance="preset-hypertext"] .tagline{color:#444}
[data-appearance="preset-hypertext"] .plain{color:#0000ee;text-decoration:underline}
[data-appearance="preset-hypertext"] .layout{grid-template-columns:130px minmax(0,1fr)}
[data-appearance="preset-hypertext"] .rail{padding:24px 10px 20px 0;border:0}
[data-appearance="preset-hypertext"] .rail-years a,[data-appearance="preset-hypertext"] .browse-links a{color:#0000ee;text-decoration:underline}
[data-appearance="preset-hypertext"] .main{padding:22px 5px 70px 14px}
[data-appearance="preset-hypertext"] .main-heading{margin-bottom:24px}
[data-appearance="preset-hypertext"] .main-heading h1{font:bold 35px 'Times New Roman',serif;letter-spacing:0}
[data-appearance="preset-hypertext"] .main-heading>p:last-child{font-size:16px;color:#333}
[data-appearance="preset-hypertext"] .entry{border-bottom:1px solid #888;margin-bottom:22px;padding-bottom:20px}
[data-appearance="preset-hypertext"] .entry-title{font:bold 25px 'Times New Roman',serif;letter-spacing:0}
[data-appearance="preset-hypertext"] .entry-body{font:17px/1.45 'Times New Roman',serif;color:#000}
[data-appearance="preset-hypertext"] .entry-date{font-size:13px;letter-spacing:0;color:#555}
[data-appearance="preset-hypertext"] .entry-link{background:transparent;padding:3px 0;color:#0000ee;text-decoration:underline}
[data-appearance="preset-hypertext"] .entry-tag{padding:0;border:0;border-radius:0;color:#0000ee;text-decoration:underline;font-size:14px}

/* 00 — First page: the absolute minimum document capable of holding a life. */
:root[data-appearance="preset-first-page"]{font-family:'Times New Roman',Times,serif;background:#fff;color:#111}
[data-appearance="preset-first-page"] .shell{max-width:900px;padding:0 12px}
[data-appearance="preset-first-page"] .header{height:auto;padding:12px 0;display:block;border:0}
[data-appearance="preset-first-page"] .wordmark{display:block;font:normal 25px 'Times New Roman',serif;letter-spacing:0;text-decoration:underline}
[data-appearance="preset-first-page"] .wordmark-sub{font-size:15px;color:#111}
[data-appearance="preset-first-page"] .header-actions{margin-top:10px;gap:14px;justify-content:flex-start}
[data-appearance="preset-first-page"] .tagline{display:none}
[data-appearance="preset-first-page"] .plain{font:normal 15px 'Times New Roman',serif;text-decoration:underline;color:#0000ee;padding:0}
[data-appearance="preset-first-page"] .layout{display:block}
[data-appearance="preset-first-page"] .rail{display:none}
[data-appearance="preset-first-page"] .main{max-width:800px;padding:12px 0 50px}
[data-appearance="preset-first-page"] .main-heading{margin-bottom:25px}
[data-appearance="preset-first-page"] .main-heading h1{font:bold 27px 'Times New Roman',serif;letter-spacing:0;margin:10px 0}
[data-appearance="preset-first-page"] .overline{font:normal 13px 'Times New Roman',serif;text-transform:none;letter-spacing:0;color:#111}
[data-appearance="preset-first-page"] .main-heading>p:last-child{color:#111;font-size:15px}
[data-appearance="preset-first-page"] .entry{padding:0 0 14px;margin-bottom:20px;border-bottom:1px solid #bbb}
[data-appearance="preset-first-page"] .entry-date{font:normal 13px 'Times New Roman',serif;color:#111;letter-spacing:0;text-transform:none}
[data-appearance="preset-first-page"] .entry-title{font:bold 21px 'Times New Roman',serif;letter-spacing:0;margin:5px 0}
[data-appearance="preset-first-page"] .entry-body{font:normal 16px/1.4 'Times New Roman',serif;color:#111;margin:6px 0}
[data-appearance="preset-first-page"] .entry-photo{background:transparent;max-height:450px}
[data-appearance="preset-first-page"] .entry-link{background:transparent;padding:3px 0;color:#0000ee;text-decoration:underline}
[data-appearance="preset-first-page"] .entry-tag{padding:0;border:0;color:#0000ee;text-decoration:underline}
[data-appearance="preset-first-page"] .footer{border:0;padding:12px 0;color:#555}

/* Responsive overrides for the optional presets; accessibility and media stay available. */
@media(max-width:780px){
  [data-appearance="preset-cards"] .entries{grid-template-columns:1fr}
  [data-appearance="preset-index"] .entry{display:block}
  [data-appearance="preset-index"] .entry>:not(.entry-date){grid-column:auto}
  [data-appearance="preset-signal"] .main-heading h1{font-size:58px}
  [data-appearance="preset-correspondence"] .entry{padding:52px 24px 28px}
  [data-appearance="preset-correspondence"] .entry:nth-child(even){margin-left:0}
  [data-appearance="preset-margin"] .entries{padding-left:19px}
  [data-appearance="preset-margin"] .entry::before{left:-24px}
  [data-appearance="preset-desktop"] .shell{padding:0 12px}
  [data-appearance="preset-hypertext"] .layout{display:block}
  [data-appearance="preset-hypertext"] .rail{display:none}
}
@media(prefers-reduced-motion:reduce){[data-appearance="preset-correspondence"] .entry{transform:none!important}}