/* Keeps content-managed work compatible with the original Joeyjack editorial design. */
.cms-recent-title{margin-top:92px}.cms-recent-list{margin-top:15px}
.cms-work-layout{max-width:1150px;margin:65px auto 150px;padding:0 26px;min-height:58vh}
.cms-back-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.cms-detail-kicker{font-size:11px;font-weight:700;letter-spacing:2px;margin:55px 0 24px}
.cms-detail-title{font-size:clamp(60px,8.5vw,144px);font-weight:800;line-height:.94;letter-spacing:-.079em;overflow-wrap:anywhere;margin:0 0 24px}
.cms-detail-excerpt{font-size:clamp(17px,2vw,25px);color:#575757;line-height:1.5;max-width:850px;margin:0 0 40px}
.cms-detail-cover{width:100%;max-height:800px;object-fit:contain;background:#efefec;margin:20px 0 60px}
.cms-readable{max-width:780px;line-height:1.87;font-size:18px;overflow-wrap:anywhere;margin:50px auto;}
.cms-readable.font-sans{font-family:Arial,Helvetica,sans-serif}.cms-readable.font-serif{font-family:Georgia,'Times New Roman',serif;font-size:20px}.cms-readable.font-mono{font-family:'Courier New',monospace;font-size:16px}
.cms-readable p{white-space:pre-wrap;margin:0 0 1.3em}.cms-readable h2{font-size:1.7em;margin:1.9em 0 .5em}.cms-readable h3{font-size:1.35em;margin:1.5em 0 .5em}.cms-readable h4{font-size:1.15em}
.cms-readable blockquote{margin:1.5em 0;padding:12px 22px;border-left:3px solid #222;color:#555}.cms-readable a{text-decoration:underline;text-underline-offset:3px}.cms-readable img{max-width:100%;max-height:750px;object-fit:contain;display:block;margin:28px 0}
.cms-readable ul{margin:0 0 1.5em 1.4em}.cms-readable code{font-family:monospace;background:#ececeb;padding:1px 4px}
.cms-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#111;margin:45px 0}.cms-video-wrap iframe{position:absolute;border:0;width:100%;height:100%;inset:0}
.cms-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:60px 0}
.cms-gallery-button{border:0;background:#e7e7e5;cursor:zoom-in;padding:0;display:block;aspect-ratio:4/3}.cms-gallery-button img{width:100%;height:100%;object-fit:cover}
.cms-external{display:inline-block;border:1px solid #171717;padding:16px 22px;font-size:12px;font-weight:700;text-decoration:none;margin-top:35px}
.cms-lightbox[hidden]{display:none}.cms-lightbox{position:fixed;z-index:10000;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:65px 25px 35px}.cms-lightbox>img{max-height:100%;max-width:100%;object-fit:contain}.cms-lightbox-close{position:absolute;right:20px;top:20px;background:white;color:black;border:0;padding:9px 18px;cursor:pointer;letter-spacing:1px;font-weight:bold}
@media(max-width:700px){.cms-work-layout{padding:0 18px;margin:35px auto 100px}.cms-detail-title{font-size:58px}.cms-readable{font-size:16px}.cms-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}

/* V2.1 image and legal copy integration */
.hero-visual .cms-custom-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-visual.has-custom-image::after{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.03) 40%,rgba(0,0,0,.45));z-index:1}
.hero-visual.has-custom-image::before{z-index:2}
.cms-legal-markdown{white-space:normal}.cms-legal-markdown p{white-space:pre-wrap}
.cms-legal-markdown h2{margin-top:1.8em}.cms-legal-markdown a{text-decoration:underline}
.cms-gallery{margin-top:35px;margin-bottom:45px}

/* v2.3: covers are small title-side thumbnails, not body illustrations. */
.cms-title-line{display:flex;gap:26px;align-items:flex-start;justify-content:space-between;margin:0 0 45px}
.cms-title-words{flex:1;min-width:0}
.cms-title-line .cms-detail-title{margin-bottom:23px}
.cms-title-line .cms-detail-excerpt{margin-bottom:0}
.cms-title-line .cms-detail-cover{flex:0 0 auto;width:clamp(85px,12vw,150px);height:clamp(85px,12vw,150px);max-height:150px;object-fit:cover;background:#efefec;margin:4px 0 0;border:1px solid #e1e1df}
@media(max-width:700px){.cms-title-line{gap:12px;margin-bottom:28px}.cms-title-line .cms-detail-cover{width:84px;height:84px;max-height:84px}.cms-title-line .cms-detail-title{font-size:clamp(48px,10vw,70px)}}

/* v3.0: content readability and proportionate headings */
.cms-work-layout{max-width:1130px;margin-top:46px}
.cms-work-layout .cms-detail-kicker{margin:32px 0 15px}
.cms-title-line .cms-detail-title{font-size:clamp(44px,6.2vw,93px);line-height:.99;letter-spacing:-.07em}
.cms-title-line .cms-detail-excerpt{font-size:clamp(17px,1.85vw,23px);line-height:1.42;max-width:850px}
.cms-title-line{margin-bottom:25px}
.cms-readable{max-width:850px;margin:26px 0 70px;line-height:1.8;font-size:18px}
.cms-readable.font-serif{font-size:19px}
.content-section .feature-name h3{font-size:clamp(17px,1.5vw,22px)}
@media(max-width:700px){.cms-title-line .cms-detail-title{font-size:clamp(42px,9vw,68px)}.cms-readable{margin:24px 0 58px;font-size:16px}.cms-work-layout{margin:25px auto 60px}}

/* v3.01: safe author formatting */
.cms-align-center,.cms-align-right{display:block;width:100%}.cms-align-center{text-align:center}.cms-align-right{text-align:right}
.cms-size-0-8{font-size:.8em}.cms-size-1{font-size:1em}.cms-size-1-2{font-size:1.2em}.cms-size-1-5{font-size:1.5em}.cms-size-2{font-size:2em}
.cms-readable ol,.content-prose ol,.cms-editable-block ol{margin:0 0 1.4em 1.7em}
.cms-readable hr,.content-prose hr,.cms-editable-block hr{border:0;border-top:1px solid #a2a2a0;margin:1.5em 0}
/* Comix gallery: ordered pages with a desktop-folder aesthetic and keyboard paging. */
.cms-comix-lead{background:#222;color:white;font-family:monospace;display:flex;align-items:center;gap:16px;padding:14px 20px;margin:24px 0 0;flex-wrap:wrap;font-size:12px;letter-spacing:.08em}
.cms-comix-lead small{margin-left:auto;color:#eee;font-size:11px}.cms-retro-folder{font-size:26px}
.cms-comix-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin:12px 0 36px;padding:20px;background:#eaeae7;border:1px solid #c6c6c1}
.cms-comix-pages .cms-gallery-button{height:auto;aspect-ratio:auto;min-height:180px;background:white;border:1px solid #b0b0ab;padding:9px;box-shadow:2px 3px 0 #b2b2af}
.cms-comix-pages .cms-gallery-button img{height:230px;width:100%;object-fit:contain;background:white}
.cms-comix-page-number{display:block;text-align:left;font-size:10px;font-weight:800;letter-spacing:.09em;margin-top:7px}
.cms-lightbox .cms-comix-nav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #999;background:#fff;color:#111;padding:9px 17px;font-size:32px;cursor:pointer;z-index:2}
.cms-lightbox .cms-comix-nav[hidden]{display:none}.cms-lightbox .cms-comix-prev{left:15px}.cms-lightbox .cms-comix-next{right:15px}
.cms-comix-counter{position:absolute;bottom:10px;color:#fff;font-family:monospace;font-size:12px;letter-spacing:.14em}
@media(max-width:700px){.cms-comix-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.cms-comix-pages .cms-gallery-button{min-height:0}.cms-comix-pages .cms-gallery-button img{height:170px}.cms-lightbox{padding:80px 42px 40px}.cms-lightbox .cms-comix-nav{font-size:22px;padding:5px 9px}.cms-lightbox .cms-comix-prev{left:2px}.cms-lightbox .cms-comix-next{right:2px}}


/* v3.1: consistent editor/public rich text. No raw HTML is accepted by the renderer. */
.content-prose .cms-align-center,.cms-editable-block .cms-align-center,.cms-readable .cms-align-center{display:block;width:100%;text-align:center}
.content-prose .cms-align-right,.cms-editable-block .cms-align-right,.cms-readable .cms-align-right{display:block;width:100%;text-align:right}
.cms-inline-font.cms-font-serif{font-family:Georgia,'Times New Roman',serif}
.cms-inline-font.cms-font-mono{font-family:'Courier New',monospace}
.cms-inline-font.cms-font-sans{font-family:Arial,Helvetica,sans-serif}
.cms-size-0-8{font-size:.8em}.cms-size-1{font-size:1em}.cms-size-1-2{font-size:1.2em}.cms-size-1-5{font-size:1.5em}.cms-size-2{font-size:2em}
/* Optional book-style reader. Original article always remains on its page. */
.cms-reader-open{display:block;border:1px solid #333;background:#151515;color:white;padding:12px 19px;font:700 12px Arial,sans-serif;letter-spacing:.06em;margin:23px 0 14px;cursor:pointer}
.cms-reader-open:hover{background:#383838}
.cms-reader-dialog[hidden]{display:none!important}
.cms-reader-dialog{position:fixed;inset:0;z-index:20000;background:rgba(10,10,10,.91);display:flex;align-items:center;justify-content:center;padding:clamp(9px,2vw,24px)}
body.cms-reader-active{overflow:hidden}
.cms-reader-panel{background:#f4f1e9;color:#161616;width:min(940px,100%);height:min(92vh,840px);min-height:370px;display:flex;flex-direction:column;border:1px solid #999;box-shadow:0 20px 70px #0007}
.cms-reader-header{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #b8b5ac;padding:9px clamp(12px,2.2vw,26px);font:700 12px Arial,sans-serif;flex-wrap:wrap}
.cms-reader-header strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32%}
.cms-reader-identity{font-size:10px;letter-spacing:.15em}
.cms-reader-actions{display:flex;gap:4px}.cms-reader-actions button,.cms-reader-footer button{border:1px solid #aaa;background:#fff;color:#111;padding:8px 13px;cursor:pointer;font:700 12px Arial,sans-serif}
.cms-reader-actions button:focus-visible,.cms-reader-footer button:focus-visible{outline:2px solid #111;outline-offset:2px}
.cms-reader-footer button:disabled{opacity:.35;cursor:default}
.cms-reader-paper{margin:clamp(12px,3vw,34px) clamp(13px,5vw,67px) 5px;flex:1;min-height:0;position:relative;overflow:hidden;border-left:1px solid #e5e2da;border-right:1px solid #e5e2da;background:#faf9f4;box-shadow:0 3px 20px #0000000d}
.cms-reader-columns{box-sizing:border-box;width:100%;height:100%;overflow:hidden;column-fill:auto;column-gap:0!important;overscroll-behavior:contain;scroll-behavior:auto;line-height:1.8;font-family:Georgia,'Times New Roman',serif;padding:clamp(13px,3vw,36px);font-size:17px}
.cms-reader-columns.font-sans{font-family:Arial,sans-serif}.cms-reader-columns.font-mono{font-family:monospace}
.cms-reader-columns p{font-size:1em;margin:0 0 1em;white-space:pre-wrap;orphans:2;widows:2}.cms-reader-columns h2,.cms-reader-columns h3{break-after:avoid}.cms-reader-columns img{max-width:92%;max-height:62vh;object-fit:contain;break-inside:avoid}.cms-reader-columns .cms-video-wrap{break-inside:avoid}
.cms-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px clamp(13px,5vw,67px)}
.cms-reader-progress{font:700 11px Arial,sans-serif;letter-spacing:.11em;text-align:center}
.cms-reader-fallback{font:11px Arial,sans-serif;color:#6e6a60;text-align:center;padding:0 8px 11px}
@media(max-width:650px){.cms-reader-panel{height:96vh;min-height:0}.cms-reader-header strong{order:3;max-width:100%;width:100%}.cms-reader-paper{margin:8px 10px 4px}.cms-reader-columns{padding:19px;font-size:15px}.cms-reader-footer{padding:6px 10px}}
/* Geocities revival: a deliberately self-contained Comix micro-site. */
body.comix-world{background:#b9a8d6 url('/assets/images/comix-geo-tile.svg') repeat!important;background-size:100px 100px!important;font-family:Verdana,Tahoma,Arial,sans-serif;color:#16104b}
.comix-world .site-header,.comix-world .site-footer{display:none!important}
.comix-world .skip-link{z-index:30001}
.comix-world main{width:min(1100px,calc(100% - 30px));margin:10px auto 40px;background:#ffffffd9;border:3px ridge #fff;box-shadow:7px 9px #33296265;padding:17px 23px 35px}
.comix-world main .container{max-width:100%;padding-left:0;padding-right:0}
.comix-world .interior-intro{padding:10px 0!important}
.comix-world .interior-intro .page-title,.comix-world .interior-topline{display:none!important}
.comix-world .interior-description{margin:8px auto 20px;text-align:center;max-width:750px;font-size:17px;color:#292063}
.comix-world .interior-description .cms-editable-block{font-weight:650}
.comix-world .content-section{margin-top:19px!important}
.retro-site-shell{width:min(1100px,calc(100% - 30px));margin:17px auto 0;box-shadow:6px 8px #24204955}
.retro-taskbar{display:flex;flex-wrap:wrap;align-items:center;gap:3px;background:linear-gradient(#e3e3e3,#b7b7b7);border:3px ridge #ededed;box-shadow:0 2px #444;padding:3px 5px;min-height:38px;font:700 12px Tahoma,Verdana,Arial,sans-serif}
.retro-task-button{display:inline-flex;align-items:center;background:#d0d0d0;border:2px solid;border-color:white #666 #666 white;padding:8px 11px;color:#181818;text-decoration:none!important;box-shadow:1px 1px #888;white-space:nowrap}
.retro-task-button:active,.retro-task-button[aria-current=page]{border-color:#666 white white #666;background:#aaa}
.retro-task-button:hover{background:#f1f1bd}.retro-task-clock{margin-left:auto;border:1px inset #999;padding:7px 10px;white-space:nowrap;color:#111}
.retro-masthead{position:relative;min-height:270px;background:linear-gradient(120deg,#ded7efc7,#9178b8a8),url('/assets/images/comix-geo-tile.svg') repeat;border:4px ridge #eee;text-align:center;padding:16px 10px 17px;text-shadow:2px 2px #fff8}
.retro-welcome{font:bold italic clamp(17px,2.5vw,26px) Georgia,serif;color:#fff95a;text-shadow:2px 2px #132498,-1px -1px #670c96}
.retro-comix-title{font-family:Impact,'Arial Black',Verdana,sans-serif!important;font-size:clamp(62px,12vw,140px)!important;font-weight:900;letter-spacing:-.065em;line-height:1!important;margin:0!important;color:#171ca6;-webkit-text-stroke:3px #fcf6ff;text-shadow:4px 6px #24165c,7px 8px #ffe535;transform:skew(-4deg)}
.retro-corner{font:bold italic clamp(29px,5vw,47px) Georgia,serif;color:#ff149a;text-shadow:2px 2px #ffff59;line-height:1.15}
.retro-construction{display:flex;justify-content:center;align-items:center;gap:12px;margin:10px auto 6px;padding:7px 4px;background:#260c5b;color:#9aff47;font:800 12px 'Courier New',monospace;letter-spacing:.025em;width:fit-content;max-width:100%;border:2px dashed #f5eb72}
.retro-worker{display:inline-block;width:32px;height:32px;flex:none;background:url('/assets/images/comix-construction.gif') center/contain no-repeat;font-size:0;image-rendering:pixelated}
.retro-stickers{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;font:bold 9px monospace;color:#ffff00;text-shadow:1px 1px #8e099b;margin-top:12px}
.comix-world .section-topline{border-bottom:2px solid #3e316a;color:#211451;font-family:'Courier New',monospace}
.comix-world .cms-art-folder-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.comix-world .cms-art-folder,.comix-world .artwork-compact-grid .tile{border:3px ridge #fff;background:#edeafa;box-shadow:4px 4px #604976;padding:12px;color:#120d45}
.comix-world .cms-art-folder:hover,.comix-world .artwork-compact-grid .tile:hover{background:#fbf4a5}
.comix-world .cms-art-folder-top{display:block;color:#fff!important;background:#1b226d!important;letter-spacing:0;font-family:monospace;text-transform:uppercase}
.comix-world .cms-art-page-heading,.comix-world .cms-art-folder strong{font-family:Verdana,Arial,sans-serif;font-weight:900}
.comix-world #cms-work-detail{padding:20px 15px;margin:0 auto;max-width:100%}
.comix-world .cms-work-layout{min-height:0}
.comix-world .cms-back-link,.comix-world .cms-detail-kicker{font-family:monospace;color:#31245c}
.comix-world .cms-title-line .cms-detail-title{font:900 clamp(37px,6vw,70px) Impact,'Arial Black',sans-serif;color:#1e2782;letter-spacing:-.035em;text-shadow:2px 2px #c9bdff}
.comix-world .cms-comix-lead{background:linear-gradient(90deg,#191a7a,#662993);border:2px ridge #fff;color:#e8ff2b;font-family:'Courier New',monospace}
.comix-world .cms-comix-pages{background:#cfbadf;border:3px ridge white}
.comix-world .cms-comix-pages .cms-gallery-button{border:2px ridge #fff;background:#f8f4ff;box-shadow:3px 3px #8874ab}
.comix-world .cms-comix-pages .cms-gallery-button:hover{background:#fff6b2}
.comix-world .cms-readable{background:#fffefa;border:1px dashed #a998cb;padding:18px}
@media(max-width:670px){.retro-taskbar{gap:2px}.retro-task-button{font-size:10px;padding:7px 5px}.retro-task-clock{display:none}.retro-masthead{min-height:0}.retro-comix-title{-webkit-text-stroke:1.5px #fff}.retro-stickers{font-size:8px}.retro-construction{font-size:10px}.comix-world main{padding:11px 10px}}
@media(prefers-reduced-motion:reduce){.retro-worker{animation:none!important}}