/* PARATAKSIS v23.7 — mobile-first editorial refinements, not a redesign.
   All site-specific visual changes are limited to phone widths. */
.xanga-public .xanga-skip-link{position:absolute;left:-9999px;top:0;z-index:100}
.xanga-public .xanga-skip-link:focus{left:12px;top:6px;position:fixed;background:var(--p-bg);border:2px solid var(--p-link);padding:10px 14px;color:var(--p-text)}
.xanga-public .xanga-mobile-browse,
.xanga-public .xanga-mobile-poetry,
.xanga-public .mobile-reading-tools{display:none}
.xanga-public .xanga-mobile-to-top[hidden]{display:none!important}
.xanga-public .xanga-mobile-to-top{display:none}

@media(max-width:760px){
  body.xanga-public{margin:0;line-height:1.65;-webkit-text-size-adjust:100%}
  .xanga-public .site-wrap.xanga-container{width:calc(100% - 30px)!important;max-width:620px!important;margin:0 auto;padding:0 0 24px}
  .xanga-public .xanga-header{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin:0 0 11px;padding:18px 0 14px;min-width:0}
  .xanga-public .xanga-header-left{grid-column:1;grid-row:1;min-width:0}
  .xanga-public .xanga-header .xanga-brand{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:clamp(29px,7.5vw,42px);line-height:1.15;letter-spacing:-1.25px}
  .xanga-public .xanga-header-right{grid-column:1;grid-row:2;min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
  .xanga-public .xanga-header-right nav{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;flex-wrap:nowrap;gap:6px;padding:1px 0 4px;justify-content:flex-start}
  .xanga-public .xanga-header-right nav::-webkit-scrollbar{display:none}
  .xanga-public .xanga-header-right nav a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:42px;white-space:nowrap;border:1px solid var(--xanga-border);padding:8px 12px;color:var(--p-link);text-decoration:none;font:12.5px/1.3 Verdana,Geneva,sans-serif}
  .xanga-public .xanga-header-right nav a:active{background:var(--p-soft)}
  .xanga-public .xanga-header-right .xanga-nav-separator{display:none}
  .xanga-public .xanga-header-right .xanga-theme-switch{flex:0 0 auto;gap:2px}
  .xanga-public .xanga-header-right .xanga-theme-option{min-height:42px;min-width:35px;font-size:23px}
  .xanga-public .xanga-header-middle{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}
  .xanga-public .xanga-header-middle .xanga-header-search{order:0;width:100%;max-width:none;min-width:0;gap:7px}
  .xanga-public .xanga-header-search input{min-height:45px;font-size:16px;padding:10px 13px;min-width:0}
  .xanga-public .xanga-header-search button{min-height:45px;padding:9px 16px;font-size:14px}
  .xanga-public .xanga-header-definition{order:1;align-self:stretch;max-width:100%;border-left:3px solid var(--xanga-border);border-top:0;border-bottom:0;border-right:0;background:var(--p-soft);padding:10px 12px;font:12px/1.65 Verdana,Geneva,sans-serif;overflow-wrap:anywhere}
  .xanga-public .xanga-mobile-browse{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;padding:4px 0 13px;margin-bottom:20px;border-bottom:1px solid var(--xanga-border);white-space:nowrap}
  .xanga-public .xanga-mobile-browse::-webkit-scrollbar{display:none}
  .xanga-public .xanga-mobile-browse a{flex:0 0 auto;display:flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--xanga-border);text-decoration:none;color:var(--p-link);font:13px/1.35 Verdana,Geneva,sans-serif}
  .xanga-public .xanga-mobile-browse a[aria-current="page"]{background:var(--p-link);color:var(--p-bg);font-weight:700}
  /* Free up the narrow reading column without erasing the poetry motif. */
  .xanga-public .xanga-main-grid{display:block!important;min-width:0;width:100%}
  .xanga-public .parataksis-rail{display:none!important}
  .xanga-public .xanga-columns{display:flex;flex-direction:column;gap:24px;min-width:0}
  .xanga-public .xanga-right{order:1;min-width:0;width:100%;max-width:100%}
  .xanga-public .xanga-left{order:2;width:100%;flex:none;min-width:0;gap:14px}
  .xanga-public .xanga-box{min-width:0;max-width:100%;padding-bottom:9px}
  .xanga-public .xanga-boxwrap{padding:10px 13px}
  .xanga-public .xanga-left .xanga-subtitle{font-size:14px}
  .xanga-public .xanga-left a{display:inline-block;line-height:1.6;padding-block:3px}
  .xanga-public .xanga-section-heading{font-size:21px;margin:0 0 17px;padding-bottom:10px;line-height:1.4}
  .xanga-public .xanga-home-intro{margin:0 0 20px}
  .xanga-public .xanga-home-intro :is(p,li){font-size:15px;line-height:1.75}
  /* Editorial feed; breathable cards with unmistakable tap targets. */
  .xanga-public .xanga-post{margin:0 0 15px;padding:0 0 21px;border-bottom:1px solid var(--xanga-border);max-width:100%;min-width:0}
  .xanga-public .xanga-date{margin:0 0 10px;font:12.5px/1.55 Verdana,Geneva,sans-serif;color:var(--p-secondary)}
  .xanga-public .xanga-title{font:700 clamp(20px,5vw,24px)/1.36 Verdana,Geneva,sans-serif;letter-spacing:-.25px;padding-left:0;margin:0 0 12px;overflow-wrap:anywhere}
  .xanga-public .xanga-title a{display:block;color:var(--p-text);text-decoration:none}
  .xanga-public .xanga-title a:active{color:var(--p-link)}
  .xanga-public .xanga-entry,.xanga-public .xanga-post-footer{padding-left:0}
  .xanga-public .xanga-entry p{font:15.5px/1.8 Verdana,Geneva,sans-serif;color:var(--p-text);margin:0 0 12px}
  .xanga-public .xanga-cover-thumb{width:100%;max-width:100%;max-height:270px;object-fit:cover;display:block;margin:0 0 12px}
  .xanga-public .xanga-post-footer a{display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--xanga-border);padding:9px 14px;color:var(--p-link);text-decoration:none;font:700 13px/1.4 Verdana,Geneva,sans-serif}
  .xanga-public .xanga-pagination{margin:16px 0 25px;gap:12px;flex-wrap:wrap}
  .xanga-public .xanga-pagination a{border:1px solid var(--xanga-border);min-height:43px;display:inline-flex;align-items:center;padding:8px 14px;text-decoration:none;font-size:14px}
  .xanga-public .xanga-all-posts li{font-size:15px;line-height:1.75}
  .xanga-public .xanga-all-posts a{display:inline-block;padding:5px 0}
  /* Comfortable reading while preserving the original Verdana / blue-line design. */
  .xanga-public .article{min-width:0;max-width:100%}
  .xanga-public .article .back-link{display:inline-flex;align-items:center;min-height:40px;font-size:13px;margin:0 0 16px}
  .xanga-public .article h1{font:700 clamp(25px,6vw,34px)/1.3 Verdana,Geneva,sans-serif;margin:0 0 13px;letter-spacing:-.4px;overflow-wrap:anywhere}
  .xanga-public .article-reading-meta{font-size:12.5px;line-height:1.6;margin:0 0 12px;gap:6px}
  .xanga-public .article-intro{font:15.5px/1.8 Verdana,Geneva,sans-serif;margin:14px 0 21px;color:var(--p-secondary)}
  .xanga-public .xanga-article-cover{width:auto;max-width:100%;height:auto;max-height:75vh;margin:14px auto 20px;object-fit:contain}
  .xanga-public .article #article-readable{font:var(--mobile-reader-size,17px)/1.85 Verdana,Geneva,sans-serif;max-width:100%}
  .xanga-public .article #article-readable :is(p,li,blockquote){font-size:inherit;line-height:inherit;overflow-wrap:anywhere}
  .xanga-public .article #article-readable p{margin:0 0 1.15em}
  .xanga-public .article #article-readable :is(ul,ol){padding-left:1.4em;margin:0 0 1.25em}
  .xanga-public .article #article-readable li{margin-bottom:.55em}
  .xanga-public .article #article-readable h2{font:700 1.2em/1.45 Verdana,Geneva,sans-serif;margin:1.5em 0 .6em}
  .xanga-public .article #article-readable h3{font:700 1.07em/1.4 Verdana,Geneva,sans-serif;margin:1.3em 0 .5em}
  .xanga-public .article #article-readable blockquote{padding:12px 15px;border-left:3px solid var(--xanga-border);background:var(--p-soft)}
  .xanga-public .article #article-readable :is(pre,code){max-width:100%;overflow-x:auto}
  .xanga-public .article #article-readable :is(table){max-width:100%;display:block;overflow-x:auto}
  .xanga-public .mobile-reading-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 22px;padding:8px 0 11px;border-bottom:1px solid var(--xanga-border)}
  .xanga-public .mobile-reading-tools>span:first-child{font:12px Verdana,Geneva,sans-serif;color:var(--p-secondary);margin-right:auto}
  .xanga-public .mobile-reading-tools button{min-height:40px;border:1px solid var(--xanga-border);padding:8px 11px;background:var(--p-button);color:var(--p-text);font:700 13px Verdana,Geneva,sans-serif;cursor:pointer}
  .xanga-public .mobile-reading-tools button:disabled{opacity:.45;cursor:default}
  .xanga-public .mobile-reading-tools .mobile-reading-value{color:var(--p-secondary);font:11px Verdana,Geneva,sans-serif}
  .xanga-public .visitor-section{padding:14px 12px;margin:25px 0}
  .xanga-public .visitor-form :is(input[type=text],textarea){width:100%;max-width:100%;font-size:16px}
  .xanga-public .visitor-form-actions button,.xanga-public .visitor-reply-trigger{min-height:44px;padding:9px 14px}
  .xanga-public .article-share-tip{line-height:1.6}
  .xanga-public .after-article a{display:inline-flex;min-height:42px;align-items:center;font-size:14px}
  /* v23.11: mobile poetry uses the same visual language as the desktop rail,
     but becomes a horizontal marquee that moves from left to right. */
  .xanga-public .xanga-mobile-poetry{display:block;margin:20px 0 12px;padding:0;border-top:1px solid var(--xanga-border);border-bottom:1px solid var(--xanga-border);font:italic 12.5px/1.65 Verdana,Geneva,sans-serif;color:var(--p-secondary);overflow:hidden}
  .xanga-public .xanga-mobile-poetry-window{position:relative;min-width:0;width:100%;overflow:hidden;padding:12px 0}
  .xanga-public .xanga-mobile-poetry-motion{display:flex;align-items:center;width:max-content;animation:xanga-mobile-poetry-side 26s linear infinite;will-change:transform}
  .xanga-public .xanga-mobile-poetry-loop{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:0 16px 0 0;white-space:nowrap}
  .xanga-public .xanga-mobile-poetry-loop span,.xanga-public .xanga-mobile-poetry-loop time{display:inline-block;white-space:nowrap;max-width:none;line-height:1.55;font:inherit;color:inherit}
  .xanga-public .xanga-mobile-poetry-loop time{color:var(--p-link);font-style:normal}
  .xanga-public .xanga-mobile-poetry-loop i{display:inline-block;flex:0 0 22px;height:1px;width:22px;min-height:0;background:var(--xanga-border);font-style:normal}
  .xanga-public .xanga-mobile-to-top:not([hidden]){display:flex;align-items:center;gap:4px;position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:35;border:1px solid var(--xanga-border);background:var(--p-bg);color:var(--p-link);min-height:44px;padding:10px 12px;box-shadow:0 4px 18px #0002;font:700 12px Verdana,Geneva,sans-serif;cursor:pointer}
  .xanga-public .xanga-footer{font-size:12px;line-height:1.65;margin:5px 0 18px;padding:14px 0 0}
  .xanga-public .xanga-footer a{display:inline-flex;min-height:36px;align-items:center}
  .xanga-public :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--p-link);outline-offset:3px}
}
/* Make the animation real: v23.8/23.9 referenced this name without defining it. */
@keyframes xanga-mobile-poetry-side{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(hover:hover) and (pointer:fine){
  .xanga-public .xanga-mobile-poetry:hover .xanga-mobile-poetry-motion,
  .xanga-public .xanga-mobile-poetry:focus-within .xanga-mobile-poetry-motion{animation-play-state:paused}
}
@media(max-width:355px){
  .xanga-public .site-wrap.xanga-container{width:calc(100% - 22px)!important}
  .xanga-public .xanga-header-right nav a{padding:8px 9px}
  .xanga-public .xanga-header-right .xanga-theme-option{min-width:31px}
  .xanga-public .mobile-reading-tools button{padding:8px 9px}
}
@media(prefers-reduced-motion:reduce){
  .xanga-public .xanga-mobile-to-top{scroll-behavior:auto}
  .xanga-public .xanga-mobile-poetry-motion{animation:none}
}


/* v23.9 — 4 focused mobile finishing touches, retaining original Xanga styling. */
.xanga-public .xanga-footer-to-top{display:none}
@media(max-width:760px){
  /* 1 — Guestbook: keep empty states compact, cap long public note lists. */
  .xanga-public .visitor-guestbook.xanga-box{border:1px solid var(--xanga-border);padding:0;overflow:hidden}
  .xanga-public .visitor-guestbook .xanga-boxwrap{padding:15px 14px 16px}
  .xanga-public .visitor-note-title{font:700 17px/1.45 Verdana,Geneva,sans-serif;margin:0 0 12px}
  .xanga-public .visitor-note-scroll{box-sizing:border-box;width:100%;height:auto;min-height:0;max-height:min(36svh,260px);overflow-y:auto;overflow-x:hidden;padding:10px 12px;border:1px solid var(--xanga-border);overscroll-behavior:contain;scrollbar-width:thin}
  .xanga-public .visitor-note-scroll:has(> .visitor-empty){max-height:none;min-height:0;padding:12px}
  .xanga-public .visitor-empty{margin:0!important;padding:0!important;line-height:1.65;color:var(--p-secondary)}
  .xanga-public .visitor-note-item{padding:12px 0}
  .xanga-public .visitor-note-item:first-child{padding-top:0}
  .xanga-public .visitor-add-note{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:12px 0 0;padding:9px 15px;border:1px solid var(--xanga-border);color:var(--p-link);text-decoration:none;font:700 13px/1.4 Verdana,Geneva,sans-serif}
  .xanga-public .visitor-add-note:active{background:var(--p-soft)}
  /* 2 — Footer: allow text and links to wrap gracefully at narrow widths. */
  .xanga-public .xanga-footer{box-sizing:border-box;width:100%;min-width:0;margin:3px auto 0;padding:20px 10px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--xanga-border);font:12px/1.75 Verdana,Geneva,sans-serif;text-align:center;overflow-wrap:anywhere}
  .xanga-public .xanga-footer-signature{max-width:44ch;margin:0 auto 12px;color:var(--p-secondary)}
  .xanga-public .privacy-footer-links{display:flex;justify-content:center;align-items:center;gap:3px 8px;margin:0 auto;max-width:100%;flex-wrap:wrap}
  .xanga-public .privacy-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px;text-decoration:underline;text-underline-offset:3px;white-space:normal}
  .xanga-public .xanga-footer-to-top{display:inline-flex;align-items:center;justify-content:center;min-height:43px;min-width:118px;padding:9px 14px;margin:0 auto 18px;border:1px solid var(--xanga-border);background:var(--p-button);color:var(--p-link);font:700 12px/1.4 Verdana,Geneva,sans-serif;cursor:pointer}
  /* 3 — Small floating button only while reading; JS hides it at footer. */
  .xanga-public .xanga-mobile-to-top:not([hidden]){position:fixed;bottom:calc(17px + env(safe-area-inset-bottom));right:calc(13px + env(safe-area-inset-right));height:46px;width:46px;min-height:46px;min-width:46px;padding:0;display:grid;place-items:center;border-radius:50%;font:700 23px/1 Verdana,Geneva,sans-serif;background:var(--p-bg);box-shadow:0 3px 13px #0003;z-index:35}
  .xanga-public .xanga-mobile-to-top span{display:none}
  /* 4 — Proportional images: preserve the original content rather than cropping. */
  .xanga-public .xanga-post .xanga-cover-thumb{box-sizing:border-box;width:100%;height:auto;max-width:100%;max-height:min(45svh,320px);object-fit:contain;object-position:center;background:var(--p-soft);margin:2px 0 12px}
  .xanga-public .xanga-article-cover{display:block;width:auto;max-width:100%;height:auto;max-height:min(72svh,650px);margin:16px auto 22px;object-fit:contain}
  .xanga-public .article #article-readable :is(img,video,iframe),.xanga-public .prose :is(img,video){display:block;max-width:100%;height:auto;object-fit:contain;margin-inline:auto}
  .xanga-public .article #article-readable img{max-height:85svh}
  .xanga-public .xanga-left>.xanga-photo-frame,.xanga-public .xanga-photo-frame{box-sizing:border-box;width:min(100%,390px);max-width:100%;height:auto;margin-inline:auto}
  .xanga-public .xanga-photo-frame .xanga-tractor{display:block;width:100%;height:auto;max-width:100%;max-height:min(58svh,430px);aspect-ratio:auto;object-fit:contain;object-position:center}
  .xanga-public .photo-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .xanga-public .archive-photo{box-sizing:border-box;min-width:0;padding:6px}
  .xanga-public .archive-photo img{width:100%;aspect-ratio:4/3;object-fit:contain}
  .xanga-public .archive-photo figcaption{padding:8px 3px 4px;line-height:1.5;overflow-wrap:anywhere}
}
@media(max-width:350px){
  .xanga-public .photo-archive-grid{grid-template-columns:1fr}
  .xanga-public .xanga-footer{padding-inline:5px}
}