/* Parataksis v11 · Xanga Classic-inspired public site layout.
   Based on Sadgrl's openly reusable Xanga Classic layout, adapted to live D1 posts.
   Only applies to body.xanga-public — /admin/ retains its original interface. */
:root { --xanga-border: #4d78c8; --xanga-link: #0000ee; }
html { scroll-behavior: auto; }
body.xanga-public {
  margin: 8px;
  padding: 0;
  background: #fff;
  background-image: none;
  color: #000;
  font: 10px/1.35 Verdana, Geneva, sans-serif;
}
.xanga-public *, .xanga-public *::before, .xanga-public *::after {box-sizing: border-box;}
.xanga-public a,.xanga-public a:visited {color: var(--xanga-link); text-decoration: underline; font-weight: normal;}
.xanga-public a:hover {color: #0000aa; text-decoration: underline;}
.xanga-public p,.xanga-public .prose p {color:#000;}
.xanga-public h1,.xanga-public h2,.xanga-public h3,.xanga-public h4 {font:inherit; color:#000; letter-spacing:normal; text-transform:none;}
.xanga-public .site-wrap.xanga-container {
  display: block;
  max-width: var(--layout-width, 700px);
  width: 100%;
  margin: 0 auto;
  padding: 0;
  min-height: 0;
}
.xanga-public .xanga-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 10px;
  font: 10px/1.35 Verdana,Geneva,sans-serif;
}
.xanga-public .xanga-header-left { width:60%; padding-right:5px; }
.xanga-public .xanga-header-left a {font-weight:bold;}
.xanga-public .xanga-header-right {width:40%;text-align:right;}
.xanga-public .xanga-columns {display:flex;align-items:flex-start;gap:10px;}
.xanga-public .xanga-left {flex:0 0 var(--sidebar-width,200px);width:var(--sidebar-width,200px);display:flex;flex-direction:column;gap:15px;}
.xanga-public .xanga-box {
  flex:0 0 auto;
  width:200px;
  margin:0;
  padding:0 0 10px;
  border:1px solid var(--xanga-border);
  background: transparent;
}
.xanga-public .xanga-boxwrap {padding:0 7px 5px 10px;}
.xanga-public .xanga-subtitle {font-weight:bold;padding-top:3px;margin:0 0 5px;}
.xanga-public .xanga-blogring {font-size:11px;font-weight:bold;}
.xanga-public .xanga-calendar-heading {font-weight:bold;padding:3px 0;}
.xanga-public .xanga-calendar {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0; width:100%;font:9px/1.6 Verdana,sans-serif;text-align:center;}
.xanga-public .xanga-calendar span.today {font-weight:bold;background:#e6e6c3;}
.xanga-public .xanga-cal-link {display:inline-block;margin-top:5px;}
.xanga-public .xanga-right {display:block; flex:1 1 0; min-width:0; margin:0;padding:0; background:transparent;}
.xanga-public .xanga-post {margin:0 0 23px;padding:0;}
.xanga-public .xanga-date {margin:0 0 9px;font-size:10px;line-height:1.35;}
.xanga-public .xanga-title {font:700 16px/1.2 Verdana,Geneva,sans-serif; padding-left:10px;margin:0 0 12px;}
.xanga-public .xanga-title a {font-weight:bold; color:#000; text-decoration:none;}
.xanga-public .xanga-title a:hover {color:#0000ee;text-decoration:underline;}
.xanga-public .xanga-entry {padding-left:10px;font-size:10px;line-height:1.35;overflow-wrap:anywhere;}
.xanga-public .xanga-entry p {margin:0 0 13px;font:inherit;}
.xanga-public .xanga-post-footer {padding:0 0 0 10px;font-size:10px;}
.xanga-public .xanga-pagination {display:flex;justify-content:space-between;gap:15px;margin:15px 0;}
.xanga-public .xanga-footer {text-align:center;margin:6px 0 22px;padding:0;color:#000;font:10px/1.4 Verdana,sans-serif;}
/* Reapply classic text-and-links styling on dynamically rendered page types. */
.xanga-public .hero {padding:0 0 10px;max-width:none;border:0;margin:0;}
.xanga-public .hero .kicker {display:none;}
.xanga-public .hero h1 {font:700 16px/1.3 Verdana,sans-serif;margin:0 0 8px;letter-spacing:0;}
.xanga-public .hero h1 em {font:inherit;color:inherit;}
.xanga-public .hero>p {font:10px/1.4 Verdana,sans-serif;color:#000;margin:0 0 9px;}
.xanga-public .feed {padding:0;max-width:none;margin:0;}
.xanga-public .feed-header {border:0;padding:0;margin:0 0 10px;}
.xanga-public .feed-header h2 {font:bold 14px Verdana,sans-serif;}
.xanga-public .feed-header span {font:10px Verdana,sans-serif;color:#555;}
.xanga-public .post-card {padding:0 0 12px;margin:0 0 13px;border:0;}
.xanga-public .post-card h2 {font:700 15px/1.3 Verdana,sans-serif;margin:0 0 7px;letter-spacing:0;}
.xanga-public .post-card h2 a {font-weight:bold;}
.xanga-public .post-card p {font:10px/1.4 Verdana,sans-serif;margin:0 0 6px;max-width:none;}
.xanga-public .readmore,.xanga-public .back-link,.xanga-public .after-article a {font:10px Verdana,sans-serif;text-decoration:underline;color:var(--xanga-link);}
.xanga-public .article {padding:0;margin:0;max-width:none;}
.xanga-public .article .back-link {display:inline-block;margin:0 0 12px;}
.xanga-public .article .eyebrow {color:#000;font:10px Verdana,sans-serif;text-transform:none;letter-spacing:0;margin:0 0 10px;}
.xanga-public .article h1 {font:700 16px/1.25 Verdana,sans-serif;letter-spacing:0;margin:0 0 12px;}
.xanga-public .article-intro {font:10px/1.45 Verdana,sans-serif;color:#000;margin:0 0 12px;padding:0;border:0;}
.xanga-public .prose {font:10px/1.45 Verdana,sans-serif;overflow-wrap:anywhere;}
.xanga-public .prose p {margin:0 0 10px;font:inherit;color:#000;}
.xanga-public .prose h1 {font:bold 16px Verdana,sans-serif;margin:13px 0 6px;}
.xanga-public .prose h2 {font:bold 14px Verdana,sans-serif;margin:13px 0 6px;}
.xanga-public .prose h3 {font:bold 12px Verdana,sans-serif;margin:12px 0 5px;}
.xanga-public .prose a {color:var(--xanga-link);text-decoration:underline;}
.xanga-public .prose img {max-width:100%;height:auto;}
.xanga-public .prose blockquote {font:italic 10px Verdana,sans-serif;padding:5px 10px;margin:10px 0;border-left:2px solid #ccc;background:#f7f7f7;}
.xanga-public .prose code,.xanga-public .prose pre {font:10px/1.4 monospace;overflow-x:auto;}
.xanga-public .prose pre {padding:8px;max-width:100%;}
.xanga-public .after-article {max-width:none;border-top:1px solid #eee;padding:8px 0;margin:20px 0;}
.xanga-public .empty-state {padding:0;}
.xanga-public .empty-state h2 {font:bold 14px Verdana,sans-serif;}
.xanga-public .journal-years {margin:8px 0;}
.xanga-public .journal-entry {border:0;padding:8px 0 14px;}
.xanga-public .journal-entry time {font:10px Verdana,sans-serif;color:#000;margin:0 0 5px;opacity:1;}
.xanga-public .journal-entry h3 {font:bold 15px Verdana,sans-serif;margin:4px 0 8px;}
.xanga-public .link-group {margin:0 0 12px;}
.xanga-public .link-item {padding:3px 0;}
.xanga-public .link-item p {color:#000;font-size:10px;}
.xanga-public .xanga-notice {padding:12px;border:1px solid var(--xanga-border);}
@media (max-width:730px) {
  .xanga-public .site-wrap.xanga-container {width:100%;}
  .xanga-public .xanga-header {flex-wrap:wrap;gap:3px;}
  .xanga-public .xanga-header-left,.xanga-public .xanga-header-right {width:100%;text-align:left;}
  .xanga-public .xanga-columns {flex-direction:column;}
  .xanga-public .xanga-right {width:100%;order:1;}
  .xanga-public .xanga-left {width:100%;flex:initial;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0 0;order:2;}
  .xanga-public .xanga-box {width:min(200px,100%);}
}

/* V11 additions: categorized writing, photo, and actual opt-in subscription form */
.xanga-public .xanga-tractor{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border:0;margin:3px 0 0;}
.xanga-public .xanga-subscribe-form{display:flex;flex-direction:column;align-items:stretch;gap:6px;}
.xanga-public .xanga-subscribe-form label{font:10px/1.35 Verdana,Geneva,sans-serif;}
.xanga-public .xanga-subscribe-form input[type=email]{width:100%;border:1px solid #b5b5a4;border-radius:0;background:#fff;padding:5px;font:11px Verdana,sans-serif;color:#111;}
.xanga-public .xanga-subscribe-form .xanga-subscribe-consent{font:9px/1.3 Verdana,sans-serif;display:flex;align-items:flex-start;gap:5px;}
.xanga-public .xanga-subscribe-consent input{margin:1px 0 0;flex:0 0 auto;}
.xanga-public .xanga-subscribe-form button,.xanga-public .xanga-post form button{border:1px solid #aaa;background:#f4f4ea;color:#111;font:10px Verdana,sans-serif;padding:5px 8px;cursor:pointer;align-self:flex-start;}
.xanga-public #subscribe-message{min-height:13px;margin:1px 0 0;font-size:9px;overflow-wrap:anywhere;}
.xanga-public .xanga-section-heading{font:700 15px Verdana,sans-serif;border-bottom:1px dotted #ddd;margin-bottom:15px;padding-bottom:6px;}

/* v12: Unpaginated chronological writing index and photo without heading */
.xanga-public .xanga-all-posts {margin:10px 0 20px; padding-left:20px;list-style:disc;}
.xanga-public .xanga-all-posts li {padding:3px 0;line-height:1.55;overflow-wrap:anywhere;}
.xanga-public .xanga-all-posts small {font:9px Verdana,sans-serif;color:#555;}
.xanga-public .xanga-tractor {margin:6px 0 0;}

/* v13 dynamic category and editorial controls */
.xanga-public .xanga-small-extra{margin-top:9px;border-top:1px dotted #dfdfc4;padding-top:5px;}
.xanga-public .xanga-left form input[type="search"]{max-width:100%;width:100%;margin:4px 0;border:1px solid #ccc;padding:3px;font:10px Verdana,sans-serif;}
.xanga-public .xanga-left form button,.xanga-public .xanga-copy-link{font:10px Verdana,sans-serif;padding:3px 6px;color:#000;border:1px solid #bbb;background:#f6f6ea;cursor:pointer;}
.xanga-public .xanga-cover-thumb{display:block;max-width:95%;max-height:200px;object-fit:cover;margin-bottom:8px;}
.xanga-public .xanga-article-cover{max-width:100%;height:auto;max-height:480px;object-fit:contain;margin:10px 0;}
.xanga-public .xanga-tag-list{margin:12px 0 8px;border-top:1px dotted #ddd;padding-top:7px;}
.xanga-public .xanga-tag{display:inline-block;margin-right:7px;color:#777;}

/* v14: clear blue outlines and frameless, full-width home photograph */
.xanga-public .xanga-photo-frame { width:200px; margin:0; padding:0; border:0; flex:0 0 auto; }
.xanga-public .xanga-photo-frame .xanga-tractor { width:200px; max-width:100%; aspect-ratio:1/1; height:auto; display:block; object-fit:cover; margin:0; border:0; }
@media(max-width:730px) {.xanga-public .xanga-photo-frame {width:min(200px,100%);} .xanga-public .xanga-photo-frame .xanga-tractor{width:100%;}}

/* v15: administrator-adjustable, borderless homepage image size. */
.xanga-public .xanga-photo-frame { width:var(--photo-width,200px);max-width:100%;height:auto;margin:0;padding:0;border:0;flex:0 0 auto; }
.xanga-public .xanga-photo-frame .xanga-tractor {display:block;width:100%;max-width:100%;height:var(--photo-height,200px);aspect-ratio:auto;object-fit:var(--photo-fit,cover);object-position:center;margin:0;border:0;}
@media(max-width:730px) {
  .xanga-public .xanga-left {width:100%;flex:initial;}
  .xanga-public .xanga-photo-frame {width:min(var(--photo-width,200px),100%);}
}