/*
Theme Name: Neon Manga Atelier
Theme URI: https://benjaminarthurrobinsonauthor.com/
Author: Benjamin Arthur Robinson
Description: A research-led editorial manga/anime WordPress theme with panel geometry, halftone texture, restrained motion and WooCommerce support.
Version: 1.5.46
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: neon-manga-ink
*/
:root{--ink:#07090d;--ink2:#111722;--paper:#fff;--pink:#ff2f7d;--red:#ef1837;--cyan:#16d9ff;--yellow:#ffd51d;--orange:#ff7a18;--line:#242b36;--soft:#f3f3f3;--max:1540px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0e;color:#121212;font-family:Arial,Helvetica,sans-serif}.site-shell{max-width:var(--max);margin:auto;background:#fff;box-shadow:0 0 60px #000}.screen-reader-text{position:absolute;left:-9999px}.manga-header{height:390px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(#f579a8 0 15%,#764e91 37%,#243352 66%,#07101a 100%);border-bottom:5px solid #050505}.sky-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:18%;top:-48px;background:#ffd9c9;box-shadow:0 0 65px #ffd5d0;opacity:.9}.mountain{position:absolute;bottom:74px;background:linear-gradient(135deg,#253b63,#0c1628);clip-path:polygon(50% 0,100% 100%,0 100%)}.m1{left:3%;width:380px;height:205px}.m2{left:27%;width:430px;height:245px}.m3{right:5%;width:480px;height:220px}.manga-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 13%,#ff4d9d 0 4px,transparent 5px),radial-gradient(circle at 12% 18%,#ffb3d0 0 5px,transparent 6px),radial-gradient(circle at 18% 8%,#ff4d9d 0 4px,transparent 5px),radial-gradient(circle at 74% 10%,#ff9fc6 0 4px,transparent 5px),radial-gradient(circle at 81% 18%,#ff4d9d 0 5px,transparent 6px);background-size:105px 76px,130px 95px,145px 80px,120px 88px,160px 110px;opacity:.9}.ink-branch{position:absolute;left:-40px;top:40px;width:46%;height:18px;background:#090b10;transform:rotate(-8deg);border-radius:100%;box-shadow:70px 45px 0 -5px #090b10,160px 5px 0 -6px #090b10}.pagoda{position:absolute;right:28%;bottom:74px;width:130px;height:145px;filter:drop-shadow(0 4px 2px #000)}.pagoda i{position:absolute;left:50%;transform:translateX(-50%);display:block;background:#121826;border:2px solid #05070a}.pagoda i:nth-child(1){bottom:0;width:58px;height:58px}.pagoda i:nth-child(2){bottom:50px;width:78px;height:42px;clip-path:polygon(8% 20%,42% 20%,47% 0,53% 0,58% 20%,92% 20%,100% 38%,67% 38%,67% 100%,33% 100%,33% 38%,0 38%)}.pagoda i:nth-child(3){bottom:86px;width:105px;height:42px;clip-path:polygon(7% 20%,43% 20%,48% 0,52% 0,57% 20%,93% 20%,100% 38%,64% 38%,64% 100%,36% 100%,36% 38%,0 38%)}.pagoda i:nth-child(4){bottom:121px;width:126px;height:25px;clip-path:polygon(50% 0,57% 42%,93% 42%,100% 70%,62% 70%,62% 100%,38% 100%,38% 70%,0 70%,7% 42%,43% 42%)}.header-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 55%,rgba(0,0,0,.16)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 52%)}.social-row{position:absolute;z-index:5;top:18px;left:24px;display:flex;gap:9px}.social-row a{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;text-decoration:none;font-weight:900;border:2px solid #ffffff40}.social-row a:hover{transform:translateY(-2px);background:var(--pink)}.menu-trigger{position:absolute;z-index:6;left:28px;top:145px;color:#fff;background:#080b0ecf;border:2px solid #fff;padding:10px 13px;cursor:pointer}.menu-trigger .hamb{font-size:36px;line-height:.8}.menu-trigger span{display:block;font-weight:900;font-size:13px;margin-top:8px}.brand{position:absolute;z-index:5;left:16%;top:142px;max-width:62%;text-shadow:5px 5px 0 #050505}.brand h1{margin:0;font-size:clamp(38px,4.4vw,70px);line-height:.88;letter-spacing:-3px;font-weight:1000;font-style:italic;transform:skew(-5deg);text-transform:uppercase}.brand h1:after{content:"";display:block;height:8px;width:70%;margin-top:8px;background:linear-gradient(90deg,var(--cyan),var(--pink),transparent);clip-path:polygon(0 30%,100% 0,94% 100%,4% 75%)}.brand p{margin:4px 0 0 32%;font-size:29px;font-weight:1000;font-style:italic;text-transform:uppercase}.icon-nav{position:absolute;z-index:6;bottom:7px;left:18%;right:4%;display:flex;justify-content:flex-start;gap:30px}.icon-nav a{min-width:58px;color:#fff;text-decoration:none;text-align:center;font-size:13px;font-weight:800}.icon-nav b{display:grid;margin:auto auto 5px;width:35px;height:35px;place-items:center;font-size:24px}.icon-nav a:hover b{color:var(--cyan);transform:translateY(-2px)}.mobile-menu{display:none;position:fixed;z-index:50;inset:0 55% 0 0;background:#080b0ef7;color:#fff;padding:70px 25px;box-shadow:15px 0 40px #000}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none;padding:0}.mobile-menu a{display:block;color:#fff;text-decoration:none;padding:14px 5px;border-bottom:1px solid #3d4653;font-weight:800}.close-menu{position:absolute;right:18px;top:14px;border:0;background:none;color:#fff;font-size:42px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr) 270px;min-height:600px}.leftbar,.rightbar{background:linear-gradient(180deg,#080b0e,#121a24);color:#fff;padding:16px}.leftbar{border-right:4px solid #050505}.rightbar{border-left:4px solid #050505}.brush-btn{display:block;margin:0 0 13px;padding:17px 14px;color:#090909;text-decoration:none;font-size:17px;font-weight:1000;font-style:italic;text-transform:uppercase;clip-path:polygon(3% 4%,98% 0,94% 88%,0 100%);transition:.18s}.brush-btn:hover{transform:translateX(5px)}.yellow{background:var(--yellow)}.cyan{background:#27c6ef}.orange{background:var(--orange)}.side-title{font-size:22px;font-style:italic;text-transform:uppercase;border-bottom:2px solid #68717c;padding:0 0 9px;margin:25px 0 8px}.cat-list{list-style:none;padding:0;margin:0}.cat-list li{border-bottom:1px solid #4b5560}.cat-list a{display:flex;justify-content:space-between;color:#fff;text-decoration:none;padding:13px 4px}.cat-list a:after{content:'›';font-size:22px}.main{padding:0 18px 28px;background:#fff}.hero{min-height:345px;position:relative;overflow:hidden;border:3px solid #111;background:linear-gradient(135deg,#071323 0 32%,#163c60 60%,#ef668d 100%)}.hero:before{content:"";position:absolute;right:-4%;bottom:-15%;width:72%;height:95%;background:linear-gradient(160deg,transparent 0 28%,#0a1a2e 29% 48%,transparent 49%),linear-gradient(200deg,transparent 0 38%,#162e4d 39% 58%,transparent 59%),radial-gradient(circle at 65% 18%,#ffd7be 0 70px,transparent 72px)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0 40%,rgba(0,0,0,.18) 70%,transparent)}.hero-copy{position:relative;z-index:2;padding:38px 42px;color:#fff}.hero-copy h2{margin:0;font-size:clamp(48px,5vw,72px);line-height:.83;font-weight:1000;font-style:italic;transform:skew(-4deg)}.hero-copy h2 span{display:block}.hero-copy .fiction{color:var(--red)}.hero-copy .art{color:var(--yellow)}.hero-copy p{font-weight:800;letter-spacing:.5px}.explore,.readmore,.buy{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:12px 25px;font-weight:900;text-transform:uppercase}.explore{color:#080808;padding:13px 45px;clip-path:polygon(6% 7%,100% 0,93% 91%,0 100%)}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid #222;margin:20px 0 14px}.section-heading h2{font-size:31px;margin:0 0 5px;font-style:italic;text-transform:uppercase}.section-heading a{color:var(--red);text-decoration:none;margin-bottom:9px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.post-card{border:1px solid #ddd;background:#fff;box-shadow:0 3px 9px #0002;overflow:hidden}.post-card img,.post-placeholder{display:block;width:100%;height:165px;object-fit:cover}.post-placeholder{background:linear-gradient(135deg,#16243d,#e32961);position:relative}.post-placeholder:after{content:'MANGA • STORY';position:absolute;left:14px;bottom:13px;color:#fff;font-weight:900;font-size:20px}.post-card .pad{padding:12px}.post-card h3{margin:0 0 8px;font-size:20px}.post-card p{line-height:1.45}.readmore{background:#080b0e;text-transform:none;padding:10px 16px}.art-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.art-card{aspect-ratio:1.25;position:relative;overflow:hidden;background:linear-gradient(145deg,#18253b,#f2457b);border:1px solid #ccc}.art-card img{width:100%;height:100%;object-fit:cover}.art-card.no-image:before{content:'ART';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:36px;font-weight:1000;font-style:italic}.art-card span{position:absolute;left:0;right:0;bottom:0;padding:9px;background:#000b;color:#fff;font-weight:800}.search-box{display:flex;margin-bottom:20px}.search-box input{width:100%;min-width:0;padding:12px;border:0}.search-box button{width:46px;border:0;background:var(--red);color:#fff;font-size:20px}.featured{border:1px solid #69727d;padding:11px;text-align:center}.book-cover{min-height:275px;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#0b1635,#d9554f 58%,#0a1228);border:2px solid #58606d;color:#fff;font:28px Georgia,serif;text-shadow:2px 2px #000}.featured img{max-width:100%;height:auto}.buy{display:block;margin-top:11px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-product{background:#fff;color:#111;padding:7px;font-size:12px}.mini-product img{width:100%;height:135px;object-fit:cover}.mini-product a{color:#111;text-decoration:none}.content-page{max-width:1000px;margin:0 auto;padding:35px 25px}.site-footer{background:#080b0e;color:#fff;text-align:center;padding:28px}.site-footer a{color:var(--cyan)}
@media(max-width:1050px){.layout{grid-template-columns:210px minmax(0,1fr)}.rightbar{display:none}.icon-nav{left:23%;gap:15px}.brand{left:19%}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.manga-header{height:285px}.sky-glow{right:5%;width:170px;height:170px}.pagoda{right:8%;transform:scale(.75);transform-origin:bottom}.brand{left:90px;top:115px;max-width:72%}.brand h1{font-size:30px;letter-spacing:-1px}.brand p{font-size:18px;margin-left:25%}.menu-trigger{left:15px;top:112px}.social-row{left:10px;top:10px}.social-row a{width:30px;height:30px}.icon-nav{display:none}.layout{display:block}.leftbar,.rightbar{display:none}.main{padding:0 10px 20px}.hero{min-height:300px}.hero-copy{padding:32px 24px}.hero-copy h2{font-size:48px}.post-grid{grid-template-columns:1fr}.art-grid{grid-template-columns:1fr 1fr}.mobile-menu{inset:0 12% 0 0}.ink-branch{width:80%}}


/* v1.3 editorial manga art direction */
:root{--paper:#fffaf2;--paper2:#f3eadc;--ink:#090a0d;--ink2:#151821;--pink:#ff3f88;--red:#ed1b35;--cyan:#00cfe8;--yellow:#ffd42a;--orange:#ff6b22;--muted:#756f69;--line:#0a0a0a}
body{background:#0b0c10;background-image:radial-gradient(#ffffff0c 1px,transparent 1px);background-size:6px 6px}.site-shell{background:var(--paper);box-shadow:0 0 0 1px #ffffff12,0 30px 90px #000b}.manga-header{height:430px;background:linear-gradient(180deg,#f27dad 0 12%,#7e527f 39%,#243452 70%,#080b10 100%);isolation:isolate}.manga-header:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000013 4px),radial-gradient(circle at 84% 23%,transparent 0 21%,#00000012 21.2% 21.7%,transparent 22%);mix-blend-mode:multiply}.brand{top:150px}.brand h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:-2px;filter:drop-shadow(3px 3px 0 var(--pink))}.brand p{letter-spacing:.16em}.brand:before{content:'作家 • 詩人 • 画家';display:block;width:max-content;margin:0 0 8px 4px;padding:5px 10px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.18em;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--cyan)}.icon-nav{bottom:10px}.icon-nav a{padding:7px 8px;border-top:2px solid transparent;transition:.18s ease}.icon-nav a:hover{border-color:var(--pink);background:#ffffff0c}.layout{grid-template-columns:250px minmax(0,1fr) 285px;background:var(--paper);gap:0}.leftbar,.rightbar{background:#0b0d12;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:8px 8px}.leftbar{padding-top:23px}.brush-btn{position:relative;box-shadow:6px 6px 0 #000;border:2px solid #090909;letter-spacing:.02em}.brush-btn:after{content:'↗';float:right;font-style:normal}.side-title{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.05em;border:0;position:relative;padding-bottom:14px}.side-title:after{content:"";position:absolute;left:0;bottom:5px;width:70%;height:5px;background:linear-gradient(90deg,var(--pink),var(--cyan),transparent);clip-path:polygon(0 20%,100% 0,96% 100%,3% 70%)}.cat-list a{font-weight:800;position:relative;padding-left:7px}.cat-list a:hover{background:var(--paper);color:var(--ink);padding-left:14px}.main{background:var(--paper);padding:18px 20px 36px}.hero{min-height:390px;border:4px solid var(--ink);box-shadow:9px 9px 0 #151515;clip-path:polygon(0 0,100% 0,100% 94%,96% 100%,0 100%);background:linear-gradient(135deg,#071323 0 28%,#174c6b 59%,#f1648f 100%)}.hero:before{right:-1%;bottom:-10%;width:74%;height:104%;background:linear-gradient(160deg,transparent 0 28%,#0a1a2e 29% 47%,transparent 48%),linear-gradient(200deg,transparent 0 38%,#162e4d 39% 58%,transparent 59%),radial-gradient(circle at 67% 17%,#ffe0c6 0 72px,transparent 74px)}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.9) 0 38%,rgba(0,0,0,.16) 72%,transparent),radial-gradient(circle,#fff3 1px,transparent 1.5px);background-size:auto,8px 8px}.hero-copy{padding:46px}.hero-copy:before{content:'01 / FEATURE';display:inline-block;margin-bottom:16px;padding:5px 9px;background:var(--cyan);color:#041014;font:900 11px/1 Arial;letter-spacing:.14em;transform:skew(-8deg)}.hero-copy h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.015em;text-shadow:4px 4px 0 #000}.hero-copy h2 span{width:max-content;position:relative}.hero-copy h2 span:after{content:'';position:absolute;left:0;right:-10px;bottom:2px;height:5px;background:currentColor;opacity:.25;transform:skew(-20deg)}.explore{background:var(--paper);box-shadow:7px 7px 0 var(--red);clip-path:none;border:2px solid #090909;transition:.18s}.explore:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--cyan)}.section-heading{margin-top:30px;border-bottom:4px solid var(--ink);position:relative}.section-heading:before{content:'///';color:var(--pink);font-weight:1000;letter-spacing:-2px;margin-right:8px}.section-heading h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.035em}.post-grid{gap:18px}.post-card{border:3px solid var(--ink);box-shadow:7px 7px 0 #111;transition:transform .18s ease,box-shadow .18s ease;background:#fff}.post-card:nth-child(2){transform:translateY(12px)}.post-card:hover{transform:translate(-3px,-3px) rotate(-.25deg);box-shadow:11px 11px 0 var(--pink)}.post-card:nth-child(2):hover{transform:translate(-3px,9px) rotate(.25deg)}.post-card img,.post-placeholder{height:185px;filter:saturate(.88) contrast(1.06)}.post-card .pad{padding:15px}.post-card h3{font-family:Georgia,serif;font-size:22px}.readmore{border:2px solid #080b0e;background:transparent;color:#080b0e;font-weight:900}.readmore:hover{background:#080b0e;color:#fff}.art-grid{gap:14px}.art-card{border:3px solid var(--ink);box-shadow:5px 5px 0 #111;transition:.2s ease}.art-card:nth-child(even){transform:translateY(9px)}.art-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:8px 8px 0 var(--cyan)}.art-card span{background:linear-gradient(90deg,#000e,#0009);text-transform:uppercase;letter-spacing:.06em}.rightbar{padding-top:23px}.featured{background:#11151d;border:2px solid #7d8794;box-shadow:6px 6px 0 #000}.featured img{border:2px solid #fff}.buy{border:2px solid #fff;box-shadow:4px 4px 0 var(--cyan)}.shop-grid{gap:10px}.mini-product{border:2px solid #fff;box-shadow:4px 4px 0 #000}.site-footer{border-top:5px solid var(--pink);background:#080a0e;background-image:linear-gradient(135deg,#ffffff08 25%,transparent 25%,transparent 50%,#ffffff08 50%,#ffffff08 75%,transparent 75%);background-size:16px 16px}.content-page{background:var(--paper);font-family:Georgia,serif;line-height:1.75}.content-page h1,.content-page h2,.content-page h3{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.03em}
@media (prefers-reduced-motion:no-preference){.sky-glow{animation:nmiPulse 7s ease-in-out infinite}.pagoda{animation:nmiFloat 6s ease-in-out infinite}.brush-btn,.post-card,.art-card,.explore,.icon-nav a{will-change:transform}@keyframes nmiPulse{50%{filter:brightness(1.08);transform:scale(1.025)}}@keyframes nmiFloat{50%{transform:translateY(-3px)}}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky-glow,.pagoda,.brush-btn,.post-card,.art-card,.explore,.icon-nav a{animation:none!important;transition:none!important}}
@media(max-width:720px){.manga-header{height:310px}.brand:before{font-size:9px}.hero{min-height:330px;box-shadow:5px 5px 0 #111}.hero-copy{padding:30px 25px}.post-card:nth-child(2){transform:none}.post-card:hover,.post-card:nth-child(2):hover{transform:none}.art-card:nth-child(even){transform:none}}

/* v1.4 responsive system */
html,body{max-width:100%;overflow-x:hidden}img,video,iframe,svg{max-width:100%;height:auto}.site-shell{width:100%}.main,.leftbar,.rightbar,.post-card,.art-card{min-width:0}.content-page{width:min(100%,1000px)}
@media(max-width:1200px){.layout{grid-template-columns:220px minmax(0,1fr) 235px}.icon-nav{gap:18px;left:20%}.brand{left:18%;max-width:72%}.hero-copy{padding:40px 34px}.shop-grid{grid-template-columns:1fr}.mini-product img{height:auto;aspect-ratio:1/1;object-fit:cover}}
@media(max-width:980px){.manga-header{height:335px}.layout{grid-template-columns:190px minmax(0,1fr)}.rightbar{display:none}.brand{left:21%;top:120px;max-width:73%}.brand h1{font-size:clamp(34px,6vw,56px)}.brand p{font-size:22px}.menu-trigger{top:122px}.icon-nav{left:22%;right:2%;gap:8px;justify-content:space-between}.icon-nav a{min-width:44px;font-size:11px}.icon-nav b{font-size:20px}.hero{min-height:350px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card:nth-child(2){transform:none}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card:nth-child(even){transform:none}}
@media(max-width:760px){.site-shell{box-shadow:none}.manga-header{height:285px}.sky-glow{width:150px;height:150px;right:3%;top:-20px}.m1{width:230px;height:125px;bottom:56px}.m2{width:260px;height:145px;bottom:56px}.m3{width:280px;height:130px;bottom:56px}.pagoda{right:8%;bottom:55px;transform:scale(.72);transform-origin:bottom right}.ink-branch{width:60%;top:25px}.social-row{top:10px;left:10px;gap:5px}.social-row a{width:31px;height:31px;font-size:12px}.menu-trigger{left:12px;top:82px;padding:8px 10px}.menu-trigger .hamb{font-size:29px}.menu-trigger span{font-size:10px;margin-top:5px}.brand{left:78px;right:10px;top:90px;max-width:none;text-shadow:3px 3px 0 #050505}.brand h1{font-size:clamp(28px,8vw,44px);line-height:.9;letter-spacing:-1.5px}.brand p{margin-left:0;font-size:17px}.icon-nav{left:8px;right:8px;bottom:4px;gap:2px;overflow-x:auto;justify-content:flex-start;padding:0 2px 3px;scrollbar-width:none}.icon-nav::-webkit-scrollbar{display:none}.icon-nav a{flex:0 0 58px;min-width:58px;font-size:9px}.icon-nav b{width:27px;height:27px;font-size:17px}.mobile-menu{inset:0 15% 0 0;overflow-y:auto;padding:64px 20px}.layout{display:block}.leftbar{border-right:0;border-bottom:4px solid #050505;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.leftbar .brush-btn{margin:0;padding:13px 8px;font-size:12px;text-align:center;display:grid;place-items:center}.leftbar .side-title,.leftbar .cat-list{grid-column:1/-1}.leftbar .side-title{margin:12px 0 0}.cat-list{display:flex;overflow-x:auto;gap:7px;padding:3px 0 6px;scrollbar-width:none}.cat-list::-webkit-scrollbar{display:none}.cat-list li{border:0;flex:0 0 auto}.cat-list a{padding:9px 12px;background:#161d27;border:1px solid #596474;white-space:nowrap}.cat-list a:after{display:none}.main{padding:12px 12px 28px}.hero{min-height:310px;box-shadow:5px 5px 0 #151515}.hero:before{width:100%;opacity:.7}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.9) 0 55%,rgba(0,0,0,.25) 100%),radial-gradient(circle,#fff3 1px,transparent 1.5px);background-size:auto,8px 8px}.hero-copy{padding:27px 22px}.hero-copy h2{font-size:clamp(43px,14vw,65px)}.hero-copy p{max-width:70%;font-size:12px}.explore{padding:11px 24px}.section-heading{align-items:center;margin-top:25px}.section-heading h2{font-size:26px}.section-heading a{font-size:12px}.post-grid{grid-template-columns:1fr;gap:15px}.post-card img,.post-placeholder{height:auto;aspect-ratio:16/9}.post-card:hover{transform:none;box-shadow:7px 7px 0 #111}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-card{aspect-ratio:1/1}.art-card:hover{transform:none;box-shadow:5px 5px 0 #111}.rightbar{display:block;border-left:0;border-top:4px solid #050505;padding:14px}.rightbar .featured{max-width:420px;margin:auto}.rightbar .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;margin:auto}.mini-product img{height:auto;aspect-ratio:1/1}.site-footer{padding:22px 14px}}
@media(max-width:480px){.manga-header{height:255px}.social-row a:nth-child(n+5){display:none}.brand{top:83px;left:66px}.brand h1{font-size:clamp(25px,8.5vw,37px)}.brand p{font-size:14px}.menu-trigger{top:76px;left:8px}.icon-nav a{flex-basis:52px;min-width:52px}.leftbar{grid-template-columns:1fr}.leftbar .brush-btn{font-size:13px;padding:11px}.hero{min-height:285px}.hero-copy{padding:24px 18px}.hero-copy h2{font-size:clamp(40px,16vw,58px)}.hero-copy p{max-width:92%}.section-heading{gap:8px}.section-heading h2{font-size:23px}.art-grid{grid-template-columns:1fr 1fr}.rightbar .shop-grid{grid-template-columns:1fr 1fr}.content-page{padding:24px 16px}.content-page h1{overflow-wrap:anywhere}}
@media(max-width:360px){.brand h1{font-size:27px}.brand p{font-size:12px}.icon-nav a{flex-basis:48px;min-width:48px;font-size:8px}.art-grid,.rightbar .shop-grid{grid-template-columns:1fr}.hero-copy h2{font-size:45px}}
@media(hover:none){.brush-btn:hover,.post-card:hover,.art-card:hover,.explore:hover,.icon-nav a:hover b{transform:none}.cat-list a:hover{padding-left:12px}}


/* v1.4.1 mobile category visibility fix */
@media(max-width:760px){
  .leftbar .cat-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:100%;
    overflow:visible;
    gap:8px;
    padding:4px 0 8px;
  }
  .leftbar .cat-list li{min-width:0;width:100%;margin:0;}
  .leftbar .cat-list a{
    width:100%;
    min-width:0;
    height:100%;
    padding:10px 9px;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    line-height:1.25;
    align-items:center;
  }
}
@media(max-width:420px){
  .leftbar .cat-list{grid-template-columns:1fr;}
  .leftbar .cat-list a{padding:10px 12px;}
}


/* v1.4.2 mobile category dropdown */
.category-select-wrap{display:none}
@media(max-width:760px){
  .leftbar .cat-list{display:none!important}
  .leftbar .category-select-wrap{display:block;grid-column:1/-1;width:100%;position:relative}
  .leftbar .category-select{display:block;width:100%;max-width:100%;min-height:48px;padding:11px 42px 11px 13px;border:2px solid #596474;border-radius:0;background:#161d27;color:#fff;font:800 14px Arial,Helvetica,sans-serif;line-height:1.25;appearance:auto}
  .leftbar .category-select:focus{outline:3px solid var(--cyan);outline-offset:2px}
}

/* v1.4.3 responsive manga character header */
.header-character{position:absolute;z-index:2;right:4%;top:18px;width:min(39%,520px);height:300px;overflow:hidden;pointer-events:none;clip-path:polygon(8% 0,100% 0,96% 88%,76% 100%,0 93%,3% 16%);filter:drop-shadow(0 10px 18px #0009);opacity:.96}.header-character:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 45px 18px #07101a}.header-character img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 45%}.header-shade{z-index:3}.sky-glow,.mountain,.ink-branch,.pagoda{z-index:1}.brand,.social-row,.menu-trigger,.icon-nav{z-index:6}
@media(max-width:980px) and (min-width:761px){.header-character{right:1%;width:42%;height:255px;top:25px;opacity:.82}.brand{max-width:58%}}
@media(max-width:760px){.header-character{display:block;right:0;top:0;width:52%;height:220px;clip-path:polygon(18% 0,100% 0,100% 100%,0 92%);opacity:.76;filter:drop-shadow(-8px 8px 14px #0008)}.header-character img{object-position:50% 32%}.header-shade{background:linear-gradient(90deg,rgba(0,0,0,.48) 0 48%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%)}.brand{max-width:64%;right:auto}.brand h1{max-width:100%}}
@media(max-width:480px){.header-character{width:49%;height:190px;opacity:.7}.brand{max-width:67%}}


/* v1.4.4 — title-first, full-width manga header */
.manga-header-v144{height:auto;overflow:hidden;background:#05070c;border-bottom:0;color:#fff}
.manga-header-v144:before,.manga-header-v144 .sky-glow,.manga-header-v144 .mountain,.manga-header-v144 .ink-branch,.manga-header-v144 .pagoda,.manga-header-v144 .header-shade,.manga-header-v144 .social-row,.manga-header-v144 .header-character{display:none!important}
.header-titlebar{height:138px;position:relative;display:flex;align-items:center;justify-content:center;background:#05070c;background-image:radial-gradient(circle at 10% 20%,#ff2f7d44 0 2px,transparent 3px),radial-gradient(circle at 90% 20%,#ff2f7d44 0 2px,transparent 3px);border-bottom:2px solid #ff2f7d;padding:16px 120px}
.manga-header-v144 .brand{position:static;max-width:none;text-align:center;text-shadow:0 3px 0 #000;transform:none}
.manga-header-v144 .brand h1{margin:0;color:#fff;font-size:clamp(42px,5vw,76px);line-height:.9;letter-spacing:-1px;font-weight:1000;font-style:italic;text-transform:uppercase;transform:skew(-5deg);text-shadow:3px 3px 0 #ff2f7d,7px 7px 0 #10151f}
.manga-header-v144 .brand h1:after{height:3px;width:78%;margin:9px auto 0;background:linear-gradient(90deg,transparent,#ff2f7d,#fff,#ff2f7d,transparent);clip-path:none}
.manga-header-v144 .brand p{margin:7px 0 0;font-size:21px;letter-spacing:9px;font-style:normal;font-weight:800;color:#ffd8e8}
.manga-header-v144 .menu-trigger{left:auto;right:26px;top:22px;width:78px;height:92px;padding:8px;background:#070a10e8;border:2px solid #ff2f7d;box-shadow:0 0 18px #ff2f7d44}
.manga-header-v144 .menu-trigger .hamb{font-size:42px}.manga-header-v144 .menu-trigger span{font-size:12px}
.header-art{position:relative;width:100%;height:510px;overflow:hidden;background:#111}
.header-art picture,.header-art img{display:block;width:100%;height:100%}.header-art img{object-fit:cover;object-position:center 46%}
.header-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#05070caa 0 18%,transparent 43%),linear-gradient(0deg,#05070c66,transparent 28%)}
.header-actions{position:absolute;z-index:3;left:34px;top:50%;transform:translateY(-50%);display:grid;gap:10px;width:235px}
.header-actions a{display:grid;place-items:center;min-height:58px;padding:10px 16px;color:#070707;text-decoration:none;text-align:center;font-size:16px;font-weight:900;border-radius:4px;box-shadow:0 5px 12px #0008;text-transform:none;transition:transform .18s ease}
.header-actions a:hover{transform:translateX(5px)}
.manga-header-v144 .icon-nav{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:0;background:#05070c;border-top:2px solid #ff2f7d;border-bottom:2px solid #ff2f7d;padding:13px max(18px,5vw) 12px}
.manga-header-v144 .icon-nav a{min-width:0;padding:4px 8px;border-right:1px solid #ffffff24;font-size:13px}.manga-header-v144 .icon-nav a:last-child{border-right:0}
.manga-header-v144 .icon-nav b{width:43px;height:43px;font-size:29px;color:#fff;text-shadow:0 0 10px #ff2f7d;margin-bottom:5px}
@media(max-width:980px){.header-art{height:440px}.header-actions{left:22px;width:210px}.manga-header-v144 .icon-nav{grid-template-columns:repeat(4,1fr);row-gap:8px}.manga-header-v144 .icon-nav a:nth-child(4){border-right:0}}
@media(max-width:760px){.header-titlebar{height:122px;padding:14px 76px 14px 12px;justify-content:flex-start}.manga-header-v144 .brand{text-align:left}.manga-header-v144 .brand h1{font-size:clamp(27px,8.5vw,42px);line-height:.95}.manga-header-v144 .brand h1:after{margin-left:0;width:90%}.manga-header-v144 .brand p{font-size:13px;letter-spacing:5px;text-align:center}.manga-header-v144 .menu-trigger{right:10px;top:18px;width:60px;height:82px}.manga-header-v144 .menu-trigger .hamb{font-size:34px}.header-art{height:470px}.header-art img{object-position:center 35%}.header-art:after{background:linear-gradient(0deg,#05070c77,transparent 35%),linear-gradient(90deg,#05070c55,transparent 45%)}.header-actions{left:14px;top:18px;transform:none;width:175px;gap:7px}.header-actions a{min-height:44px;font-size:12px;padding:8px}.manga-header-v144 .icon-nav{grid-template-columns:repeat(4,1fr);padding:10px 6px;overflow:visible}.manga-header-v144 .icon-nav a{font-size:10px;padding:4px 2px;min-width:0;white-space:normal}.manga-header-v144 .icon-nav b{width:32px;height:32px;font-size:22px}.leftbar{display:block}.leftbar .side-title{margin:0 0 8px}.cat-list{display:none!important}.category-select-wrap{display:block!important}}
@media(max-width:480px){.header-titlebar{height:112px}.manga-header-v144 .brand h1{font-size:clamp(25px,8vw,34px)}.manga-header-v144 .brand p{font-size:11px;letter-spacing:4px}.header-art{height:420px}.header-actions{width:150px}.header-actions a{min-height:40px;font-size:11px}.manga-header-v144 .icon-nav{grid-template-columns:repeat(4,1fr)}}

/* v1.4.5 — manga-styled title bar */
.header-titlebar{isolation:isolate;overflow:hidden;background:#05070c!important;background-image:linear-gradient(112deg,transparent 0 8%,#ff2f7d24 8% 9%,transparent 9% 22%,#fff0 22%),radial-gradient(circle at 10% 25%,#ff2f7d 0 2px,transparent 3px),radial-gradient(circle at 88% 65%,#ffb6d3 0 2px,transparent 3px)!important}
.header-titlebar:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(155deg,transparent 0 11%,#ff2f7d 11% 12%,transparent 12% 18%,#fff 18% 18.5%,transparent 18.5% 76%,#ff2f7d 76% 77%,transparent 77%),linear-gradient(25deg,transparent 0 77%,#ff2f7d33 77% 83%,transparent 83%);opacity:.85}
.header-titlebar:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(100deg,#ff2f7d 0 9%,transparent 9% 91%,#ff2f7d 91% 100%);clip-path:polygon(0 12%,8% 0,12% 19%,20% 3%,23% 15%,31% 4%,34% 17%,41% 5%,45% 13%,52% 2%,56% 16%,64% 5%,68% 15%,76% 3%,80% 18%,88% 0,92% 16%,100% 5%,100% 100%,0 100%);opacity:.12}
.manga-header-v144 .brand h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.01em;text-shadow:2px 2px 0 #ff2f7d,5px 5px 0 #090b10,0 0 18px #ff2f7d66}
.manga-header-v144 .brand h1:before{content:"〆";font-family:serif;color:#ff2f7d;font-style:normal;font-size:.48em;vertical-align:.24em;margin-right:.22em;text-shadow:none}
.manga-header-v144 .brand p{position:relative;width:max-content;max-width:100%;margin:7px auto 0;padding:0 42px}
.manga-header-v144 .brand p:before,.manga-header-v144 .brand p:after{content:"";position:absolute;top:50%;width:32px;height:2px;background:linear-gradient(90deg,transparent,#ff2f7d,#fff)}
.manga-header-v144 .brand p:before{left:0}.manga-header-v144 .brand p:after{right:0;transform:scaleX(-1)}
@media(max-width:760px){.manga-header-v144 .brand h1:before{display:none}.manga-header-v144 .brand p{margin:7px auto 0;padding:0 24px}.manga-header-v144 .brand p:before,.manga-header-v144 .brand p:after{width:18px}}


/* v1.4.6 — Japanese blossom picture behind title */
.header-titlebar{
  background-color:#080710!important;
  background-image:linear-gradient(90deg,rgba(4,5,10,.38),rgba(4,5,10,.18) 45%,rgba(4,5,10,.42)),url('assets/header-manga-wide.jpg')!important;
  background-size:cover!important;
  background-position:center 9%!important;
  background-repeat:no-repeat!important;
  border-bottom:2px solid #ff2f7d;
}
.header-titlebar:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,4,9,.12),rgba(2,4,9,.38));opacity:1}
.header-titlebar:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,47,125,.15),transparent 22%,transparent 78%,rgba(255,47,125,.15));clip-path:none;opacity:1}
.manga-header-v144 .brand h1{color:#fff;text-shadow:2px 2px 0 #ff2f7d,5px 5px 0 #090b10,0 0 16px #000,0 0 28px #000}
.manga-header-v144 .brand p{text-shadow:0 2px 5px #000,0 0 12px #000}
@media(max-width:760px){.header-titlebar{background-position:center 7%!important}}


/* v1.4.7 — breathing space between forum tagline and hero artwork */
.header-black-spacer{width:100%;height:88px;background:#020204;display:grid;grid-template-rows:repeat(3,1fr);border-bottom:2px solid #ff2f7d;overflow:hidden}
.header-black-spacer span{display:block;border-bottom:1px solid rgba(255,47,125,.72)}
.header-black-spacer span:last-child{border-bottom:0}
@media(max-width:760px){.header-black-spacer{height:58px}}
@media(max-width:480px){.header-black-spacer{height:46px}}

/* v1.4.8 — navigation icons moved directly beneath Anime forums and chat */
.manga-header-v144 .header-titlebar + .icon-nav{border-top:0;border-bottom:2px solid #ff2f7d;position:relative;z-index:8}


/* v1.4.9 — clean functional title header; no menu/UI baked into background */
.header-titlebar{
  min-height:150px;
  height:150px;
  background-image:linear-gradient(90deg,rgba(4,5,10,.64),rgba(4,5,10,.25) 48%,rgba(4,5,10,.58)),url('assets/header-manga-wide.jpg')!important;
  background-size:cover!important;
  background-position:center 20%!important;
  border-bottom:2px solid #ff2f7d;
}
.manga-header-v144 .menu-trigger{z-index:20;background:rgba(5,7,12,.92);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.manga-header-v144 .brand{z-index:10}
@media(max-width:760px){
 .header-titlebar{height:132px;min-height:132px;background-position:center 16%!important;padding-right:78px}
}
@media(max-width:480px){.header-titlebar{height:122px;min-height:122px}}

/* v1.5.0 — remove the extra ruled spacer below the navigation icons */
.header-black-spacer{display:none!important;height:0!important;border:0!important}
.manga-header-v144 .icon-nav{margin-bottom:0}

/* v1.5.1: admin-editable sidebars and red icon navigation background */
.manga-header-v144 .icon-nav{background:#e5162f;}
\n/* v1.5.2 — all red-bar navigation icons editable in Customizer; Forum, Chat and Gallery added */
.manga-header-v144 .icon-nav{grid-template-columns:repeat(11,minmax(72px,1fr));gap:0;padding-left:max(10px,2vw);padding-right:max(10px,2vw)}
.manga-header-v144 .icon-nav b img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
.manga-header-v144 .icon-nav a span{display:block;line-height:1.15}
@media(max-width:1200px){.manga-header-v144 .icon-nav{grid-template-columns:repeat(6,1fr)}}
@media(max-width:760px){.manga-header-v144 .icon-nav{grid-template-columns:repeat(4,1fr)}}
\n/* v1.5.3 — sidebars on all standard views; navigation icons remain on one line */
.manga-header-v144 .icon-nav{
 display:flex!important;
 flex-wrap:nowrap!important;
 grid-template-columns:none!important;
 width:100%;
 max-width:100%;
 overflow-x:auto!important;
 overflow-y:hidden;
 justify-content:flex-start!important;
 gap:0!important;
 padding:10px max(8px,2vw)!important;
 scrollbar-width:thin;
 -webkit-overflow-scrolling:touch;
}
.manga-header-v144 .icon-nav a{
 flex:1 0 82px!important;
 min-width:72px!important;
 white-space:nowrap!important;
}
.nmi-inner-layout .content-page{width:100%;max-width:none;margin:0;min-width:0}
@media(max-width:980px){
 .nmi-inner-layout{grid-template-columns:190px minmax(0,1fr) 190px!important}
 .nmi-inner-layout .rightbar{display:block!important}
 .manga-header-v144 .icon-nav a{flex:0 0 76px!important;min-width:76px!important;font-size:10px!important}
}
@media(max-width:760px){
 .nmi-inner-layout{display:block!important}
 .nmi-inner-layout .leftbar,.nmi-inner-layout .rightbar{display:block!important}
 .manga-header-v144 .icon-nav{flex-wrap:nowrap!important;overflow-x:auto!important;padding:8px 4px!important}
 .manga-header-v144 .icon-nav a{flex:0 0 66px!important;min-width:66px!important;white-space:nowrap!important;font-size:9px!important}
}

/* v1.5.4 — definitive single-row quick icon navigation */
.manga-header-v144 .icon-nav{
 display:flex!important;
 flex-flow:row nowrap!important;
 grid-template-columns:none!important;
 grid-auto-flow:unset!important;
 align-items:stretch!important;
 justify-content:flex-start!important;
 width:100%!important;
 max-width:100%!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 white-space:nowrap!important;
}
.manga-header-v144 .icon-nav>a{
 display:flex!important;
 flex:1 1 0!important;
 min-width:64px!important;
 width:auto!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 white-space:nowrap!important;
}
.manga-header-v144 .icon-nav>a span{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
@media(max-width:760px){
 .manga-header-v144 .icon-nav>a{flex:0 0 64px!important;min-width:64px!important}
}
@media(max-width:480px){
 .manga-header-v144 .icon-nav>a{flex:0 0 58px!important;min-width:58px!important;font-size:8px!important}
}

/* v1.5.6 — full-width anime artwork behind Poetry / Fiction / Art hero */
.hero-anime{position:absolute;z-index:1;right:0;top:0;width:58%;height:100%;overflow:hidden}
.hero-anime img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 48%}
.hero:after{z-index:1}
.hero-copy{z-index:3}
@media(max-width:760px){.hero-anime{width:68%;opacity:.88}.hero-anime img{object-position:64% 48%}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.94) 0 44%,rgba(0,0,0,.50) 62%,rgba(0,0,0,.08) 100%)}}
@media(max-width:480px){.hero-anime{width:72%}.hero-copy{padding-right:12px}.hero-copy h2{font-size:clamp(37px,14vw,54px)}}

/* v1.5.6 — full-width artwork behind Poetry / Fiction / Art */
.hero{
  background-image:url('assets/poetry-fiction-art-ben-v159.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.hero-anime{display:none !important;}
.hero:before{display:none !important;}
.hero:after{
  content:"";
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.04) 72%,rgba(0,0,0,0) 100%) !important;
}
.hero-copy{position:relative;z-index:2;}
@media(max-width:760px){
  .hero{background-position:center center !important;}
  .hero:after{background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.05) 100%) !important;}
}

/* v1.5.11 — mobile quick links fit screen without clipped icons or sideways scrolling */
@media (max-width:760px){
 .manga-header-v144 .icon-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex-wrap:unset!important;overflow:visible!important;white-space:normal!important;gap:5px 0!important;padding:9px 5px!important;width:100%!important;box-sizing:border-box!important}
 .manga-header-v144 .icon-nav>a{display:flex!important;min-width:0!important;width:100%!important;max-width:100%!important;flex:unset!important;padding:5px 2px!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important;line-height:1.2!important;border-right:0!important}
 .manga-header-v144 .icon-nav>a span{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important;max-width:100%!important}
 .manga-header-v144 .icon-nav b{width:32px!important;height:32px!important;font-size:23px!important;line-height:1!important;flex-shrink:0!important}
}
@media (max-width:360px){.manga-header-v144 .icon-nav>a{font-size:9px!important}.manga-header-v144 .icon-nav b{width:29px!important;height:29px!important;font-size:21px!important}}

/* v1.5.15: eight-line Explore feature heading; no small tagline */
.hero-copy h2{font-size:clamp(24px,3vw,42px);line-height:1.04;max-width:100%;overflow-wrap:normal}
.hero-copy h2 span{width:fit-content;max-width:100%}
.hero-copy{padding-top:25px;padding-bottom:25px}
@media(max-width:760px){.hero-copy h2{font-size:clamp(21px,5vw,30px)}.hero-copy{padding:20px 16px}}
@media(max-width:480px){.hero-copy h2{font-size:clamp(19px,5.5vw,25px)}}

/* v1.5.19: Accessible up/down navigation within the hamburger drawer */
.mobile-menu.open{display:flex;flex-direction:column;padding:64px 14px 16px;max-height:100dvh;overflow:hidden;width:min(360px,88vw);right:auto;}
.mobile-menu .menu-scroll-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff2f7d #171923;}
.mobile-menu .menu-scroll-content ul{margin:0;}
.mobile-menu .menu-scroll-arrow{flex:none;display:block;width:100%;height:42px;border:1px solid #ff2f7d;background:#171923;color:#fff;font-size:21px;font-weight:900;cursor:pointer;border-radius:6px;}
.mobile-menu .menu-scroll-arrow:hover,.mobile-menu .menu-scroll-arrow:focus-visible{background:#c51e59;}
.mobile-menu .menu-scroll-arrow:disabled{opacity:.35;cursor:default;}
.mobile-menu .menu-scroll-up{margin-bottom:8px;}
.mobile-menu .menu-scroll-down{margin-top:8px;}
.mobile-menu .close-menu{z-index:2;cursor:pointer;}
@media(max-width:720px){.mobile-menu.open{inset:0 auto 0 0;width:min(360px,88vw);padding:64px 14px 16px;}}

/* Blog page selected under Settings > Reading: same cards as homepage. */
.nmi-blog-listing .section-heading{margin:0 0 24px;align-items:center}
.nmi-blog-listing .section-heading h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(28px,3vw,38px);font-style:italic;text-transform:uppercase;line-height:1.2;margin:0 0 8px}
.nmi-blog-listing .post-grid{margin:0 9px 28px 0}
.nmi-blog-listing .post-card{display:flex;flex-direction:column;min-width:0}
.nmi-blog-listing .post-card .pad{display:flex;flex-direction:column;flex:1}
.nmi-blog-listing .post-card .pad p{flex:1}
.nmi-blog-listing .post-card .nmi-card-title{color:inherit;text-decoration:none}
.nmi-blog-listing .post-card .nmi-card-title:hover{text-decoration:underline}
.nmi-blog-listing .post-card .readmore{align-self:flex-start}
.nmi-post-pagination{margin:34px 0 12px;text-align:center}
.nmi-post-pagination .nav-links{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.nmi-post-pagination .page-numbers{padding:8px 13px;border:2px solid #080b0e;color:#080b0e;text-decoration:none;font-family:Arial,sans-serif;font-weight:800}
.nmi-post-pagination .page-numbers.current,.nmi-post-pagination .page-numbers:hover{background:#080b0e;color:#fff}
@media(max-width:760px){.nmi-blog-listing .post-grid{margin-right:7px}.nmi-blog-listing .post-card:nth-child(2){transform:none}}

/* v1.5.21 — Display admin-editable hero tagline over header artwork, beneath its gold name. */
.header-art .nmi-header-image-tagline{position:absolute;z-index:4;top:34%;left:27%;right:6%;margin:0;text-align:center;color:#f9d88e;font:italic 700 clamp(17px,2.1vw,30px)/1.3 Georgia,serif;text-shadow:0 2px 3px #000,2px 3px 7px #000,0 0 14px #000;overflow-wrap:anywhere;pointer-events:none}
@media(max-width:760px){.header-art .nmi-header-image-tagline{top:34%;left:13%;right:6%;font-size:clamp(15px,3.8vw,22px)}}
@media(max-width:480px){.header-art .nmi-header-image-tagline{top:35%;left:7%;right:5%;font-size:clamp(14px,4vw,19px)}}

/* v1.5.22: Functional, accessible slide-out menu submenus. */
.mobile-menu .menu-scroll-content li{position:relative;}
.mobile-menu .menu-scroll-content li:has(> .nmi-submenu-toggle)>a{padding-right:52px;}
.mobile-menu .menu-scroll-content .nmi-submenu-toggle{position:absolute;right:2px;top:3px;min-width:42px;height:42px;border:1px solid #ff2f7d;border-radius:5px;background:#20212c;color:#fff;font-size:26px;cursor:pointer;z-index:1;}
.mobile-menu .menu-scroll-content .nmi-submenu-toggle[aria-expanded="true"]{background:#ae174b;}
.mobile-menu .menu-scroll-content ul.sub-menu,.mobile-menu .menu-scroll-content li>ul{padding-left:14px;margin:0;border-left:2px solid #ff2f7d;}
.mobile-menu .menu-scroll-content li>ul[hidden]{display:none!important;}
.mobile-menu .menu-scroll-content li>ul a{font-size:.94em;padding:11px 5px;}
.mobile-menu .menu-scroll-content .nmi-submenu-toggle:focus-visible{outline:3px solid #ffd51d;outline-offset:2px;}

/* v1.5.23 — compact mobile menu and readable responsive header/navigation */
@media (max-width:760px){
 .manga-header-v144 .header-titlebar{box-sizing:border-box!important;min-height:136px!important;height:auto!important;padding:14px 76px 14px 12px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important}
 .manga-header-v144 .brand{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:left!important}
 .manga-header-v144 .brand h1{font-size:clamp(23px,5.8vw,39px)!important;line-height:1.04!important;letter-spacing:0!important;overflow-wrap:anywhere!important}
 .manga-header-v144 .brand p{font-size:clamp(10px,2.8vw,15px)!important;letter-spacing:.12em!important;margin:8px 0 0!important;padding:0!important;width:auto!important;max-width:100%!important;text-align:left!important;overflow-wrap:anywhere!important}
 .manga-header-v144 .brand p:before,.manga-header-v144 .brand p:after{display:none!important}
 .manga-header-v144 .menu-trigger{position:absolute!important;top:12px!important;right:10px!important;left:auto!important;width:54px!important;height:62px!important;padding:5px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}
 .manga-header-v144 .menu-trigger .hamb{font-size:29px!important;line-height:1!important}
 .manga-header-v144 .menu-trigger span{font-size:9px!important;line-height:1!important;margin:0!important}
 .manga-header-v144 .icon-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px 0!important;padding:8px 4px!important;overflow:visible!important}
 .manga-header-v144 .icon-nav>a{padding:6px 2px!important;min-height:66px!important;justify-content:center!important}
 .manga-header-v144 .icon-nav b{width:27px!important;height:27px!important;font-size:21px!important;margin-bottom:4px!important}
 .manga-header-v144 .icon-nav>a span{font-size:clamp(9px,2.4vw,12px)!important;line-height:1.15!important}
 .header-art .nmi-header-image-tagline{left:5%!important;right:5%!important;max-width:90%!important;overflow-wrap:anywhere!important}
}
@media(max-width:380px){.manga-header-v144 .header-titlebar{padding-right:68px!important}.manga-header-v144 .brand h1{font-size:22px!important}.manga-header-v144 .menu-trigger{right:7px!important;width:49px!important}}

/* v1.5.27: smooth arrival at main content from quick-link icons */
#nmi-main-content{scroll-margin-top:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v1.5.33 — flank the central Anime site logo with News and Donate. */
.manga-header-v144 .header-art .header-actions{left:0;right:0;top:50%;width:100%;padding:0 clamp(12px,2.5vw,38px);transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;}
.manga-header-v144 .header-art .header-actions a{pointer-events:auto;flex:0 1 21%;width:21%;max-width:235px;min-width:0;}
.manga-header-v144 .header-art .header-actions a:hover{transform:translateY(-3px);}
@media(max-width:760px){.manga-header-v144 .header-art .header-actions{top:50%;left:0;right:0;width:100%;padding:0 8px;transform:translateY(-50%);gap:6px;}.manga-header-v144 .header-art .header-actions a{flex:0 1 25%;width:25%;font-size:clamp(10px,2.5vw,13px);padding:7px 4px;min-height:42px;}}

/* v1.5.34: fixed left/right placement around centre of hero logo; override older mobile rules. */
.manga-header-v144 .header-art > .header-actions{position:absolute!important;z-index:8!important;inset:50% 0 auto 0!important;transform:translateY(-50%)!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)!important;align-items:center!important;gap:0!important;padding:0 clamp(8px,2vw,30px)!important;pointer-events:none!important;}
.manga-header-v144 .header-art > .header-actions > a{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100%!important;max-width:220px!important;min-width:0!important;min-height:48px!important;flex:none!important;pointer-events:auto!important;}
.manga-header-v144 .header-art > .header-actions > a:first-child{grid-column:1!important;justify-self:start!important;}
.manga-header-v144 .header-art > .header-actions > a:last-child{grid-column:3!important;justify-self:end!important;}
@media(max-width:760px){.manga-header-v144 .header-art > .header-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr)!important;padding:0 6px!important;}.manga-header-v144 .header-art > .header-actions > a{font-size:clamp(10px,2.5vw,13px)!important;min-height:40px!important;padding:6px 3px!important;}}

/* v1.5.35: Keep the existing hamburger outside the clipped header so it
   remains clickable and visible throughout page scrolling. */
.site-shell > #menuOpen.menu-trigger{
 position:fixed!important;z-index:45!important;
 top:14px!important;right:max(12px,calc((100vw - 1540px)/2 + 18px))!important;
 left:auto!important;bottom:auto!important;
 width:70px!important;height:76px!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:4px!important;
 padding:6px!important;margin:0!important;
 background:rgba(5,7,12,.95)!important;color:#fff!important;
 border:2px solid #ff2f7d!important;border-radius:3px!important;
 box-shadow:0 0 18px #ff2f7d88!important;cursor:pointer!important;
 transform:none!important;
}
.site-shell > #menuOpen .hamb{font-size:34px!important;line-height:1!important}
.site-shell > #menuOpen span{display:block!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;margin:0!important}
.site-shell > #menuOpen:focus-visible{outline:3px solid #ffd51d;outline-offset:3px}
@media(max-width:760px){
 .site-shell > #menuOpen.menu-trigger{top:10px!important;right:9px!important;width:54px!important;height:62px!important;padding:4px!important}
 .site-shell > #menuOpen .hamb{font-size:29px!important}
 .site-shell > #menuOpen span{font-size:9px!important}
}
/* Single three-track row: the middle track is reserved for the artwork logo. */
.manga-header-v144 .header-art > .header-actions{
 grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)!important;
}
.manga-header-v144 .header-art > .header-actions > a:first-child{grid-column:1!important}
.manga-header-v144 .header-art > .header-actions > a:last-child{grid-column:3!important}

/* v1.5.36: buttons belong in the title bar, ABOVE the red icon navigation. */
.manga-header-v144 .header-titlebar{position:relative!important;}
.manga-header-v144 .header-titlebar > .header-actions{position:absolute!important;inset:0 12px!important;transform:none!important;width:auto!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)!important;align-items:center!important;gap:0!important;pointer-events:none!important;z-index:5!important;padding:0!important;}
.manga-header-v144 .header-titlebar > .header-actions > a{pointer-events:auto!important;box-sizing:border-box!important;width:100%!important;max-width:190px!important;min-width:0!important;min-height:40px!important;padding:8px!important;font-size:13px!important;display:grid!important;place-items:center!important;}
.manga-header-v144 .header-titlebar > .header-actions > a:first-child{grid-column:1!important;justify-self:start!important;}
.manga-header-v144 .header-titlebar > .header-actions > a:last-child{grid-column:3!important;justify-self:end!important;}
.manga-header-v144 .header-titlebar > .brand{position:relative;z-index:6;pointer-events:none;}
@media(max-width:760px){.manga-header-v144 .header-titlebar > .header-actions{inset:0 5px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)!important;}.manga-header-v144 .header-titlebar > .header-actions > a{font-size:10px!important;min-height:34px!important;padding:4px!important;max-width:105px!important;}}

/* v1.5.37 — explicit three-column title row; no absolute button stacking. */
.manga-header-v144 .header-titlebar{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr)!important;
 align-items:center!important;column-gap:12px!important;
 padding:12px 90px 12px 18px!important;
 min-height:136px!important;box-sizing:border-box!important;
}
.manga-header-v144 .header-titlebar > .brand{
 grid-column:2!important;grid-row:1!important;position:relative!important;
 left:auto!important;right:auto!important;top:auto!important;
 width:100%!important;max-width:100%!important;text-align:center!important;
 pointer-events:auto!important;
}
.manga-header-v144 .header-titlebar > .header-news-button,
.manga-header-v144 .header-titlebar > .header-donate-button{
 grid-row:1!important;position:relative!important;display:flex!important;
 align-items:center!important;justify-content:center!important;text-align:center!important;
 width:100%!important;min-width:0!important;max-width:195px!important;
 padding:12px 8px!important;min-height:44px!important;
 color:#111!important;text-decoration:none!important;font-weight:800!important;
 border-radius:4px!important;z-index:9!important;
}
.manga-header-v144 .header-titlebar > .header-news-button{grid-column:1!important;justify-self:start!important;}
.manga-header-v144 .header-titlebar > .header-donate-button{grid-column:3!important;justify-self:end!important;}
@media(max-width:760px){
 .manga-header-v144 .header-titlebar{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)!important;column-gap:5px!important;padding:10px 68px 10px 6px!important;}
 .manga-header-v144 .header-titlebar > .header-news-button,
 .manga-header-v144 .header-titlebar > .header-donate-button{font-size:10px!important;min-height:36px!important;padding:7px 3px!important;}
 .manga-header-v144 .header-titlebar > .brand h1{font-size:clamp(18px,4vw,32px)!important;letter-spacing:-.5px!important;}
 .manga-header-v144 .header-titlebar > .brand p{font-size:clamp(9px,2vw,15px)!important;margin-left:0!important;}
}

/* v1.5.38 — compact sticky menu, outside the centre-title area. */
.site-shell > #menuOpen.menu-trigger{
 top:8px!important;right:8px!important;width:43px!important;height:47px!important;
 min-width:0!important;padding:3px 2px!important;gap:1px!important;
 border-width:1px!important;box-shadow:0 0 8px #ff2f7d66!important;
}
.site-shell > #menuOpen .hamb{font-size:23px!important;line-height:1!important}
.site-shell > #menuOpen span{font-size:8px!important;line-height:1!important;margin:0!important}
/* Keep the title and its flanking buttons clear of the fixed menu. */
.manga-header-v144 .header-titlebar{padding-right:65px!important;padding-left:18px!important}
/* Slimmer red quick-navigation: less empty space above and below icons. */
.manga-header-v144 .icon-nav{padding-top:3px!important;padding-bottom:3px!important;row-gap:0!important}
.manga-header-v144 .icon-nav > a{padding-top:2px!important;padding-bottom:2px!important;min-height:0!important}
.manga-header-v144 .icon-nav b{height:29px!important;width:33px!important;font-size:23px!important;margin-bottom:2px!important}
.manga-header-v144 .icon-nav a span{line-height:1.05!important}
@media(max-width:760px){
 .site-shell > #menuOpen.menu-trigger{top:6px!important;right:5px!important;width:37px!important;height:42px!important;padding:2px!important}
 .site-shell > #menuOpen .hamb{font-size:20px!important}
 .site-shell > #menuOpen span{font-size:7px!important}
 .manga-header-v144 .header-titlebar{padding-right:47px!important;padding-left:6px!important}
 .manga-header-v144 .icon-nav{padding-top:3px!important;padding-bottom:3px!important;row-gap:2px!important}
 .manga-header-v144 .icon-nav > a{padding-top:2px!important;padding-bottom:2px!important;min-height:49px!important}
 .manga-header-v144 .icon-nav b{height:25px!important;width:27px!important;font-size:20px!important;margin-bottom:2px!important}
}

/* v1.5.39 — lift the title and subtitle clear of the red navigation. */
.manga-header-v144 .header-titlebar > .brand{
 transform:translateY(-19px)!important;
 align-self:center!important;
}
.manga-header-v144 .header-titlebar > .brand h1{margin-top:0!important;margin-bottom:3px!important;line-height:1.02!important}
.manga-header-v144 .header-titlebar > .brand p{margin-top:2px!important;margin-bottom:0!important;line-height:1.2!important}
@media(max-width:760px){.manga-header-v144 .header-titlebar > .brand{transform:translateY(-12px)!important}}


/* v1.5.40 — raised button shadows and gentle hover wobble.
   Individual rotate property avoids disturbing existing layout transforms. */
.manga-header-v144 .header-titlebar > .header-news-button,
.manga-header-v144 .header-titlebar > .header-donate-button,
.site-shell > #menuOpen.menu-trigger{
 box-shadow:0 5px 11px rgba(0,0,0,.48),0 2px 4px rgba(0,0,0,.35)!important;
 transition:box-shadow .2s ease,filter .2s ease!important;
 transform-origin:center center;
}
@keyframes mangaButtonGentleWobble{
 0%,100%{rotate:0deg}
 20%{rotate:-2deg}
 45%{rotate:1.8deg}
 70%{rotate:-1deg}
 88%{rotate:.5deg}
}
@media(hover:hover) and (pointer:fine){
 .manga-header-v144 .header-titlebar > .header-news-button:hover,
 .manga-header-v144 .header-titlebar > .header-donate-button:hover,
 .site-shell > #menuOpen.menu-trigger:hover{
  animation:mangaButtonGentleWobble .52s ease-in-out 1;
  box-shadow:0 8px 17px rgba(0,0,0,.58),0 3px 7px rgba(0,0,0,.36)!important;
  filter:brightness(1.06);
 }
}
@media(prefers-reduced-motion:reduce){
 .manga-header-v144 .header-titlebar > .header-news-button,
 .manga-header-v144 .header-titlebar > .header-donate-button,
 .site-shell > #menuOpen.menu-trigger{animation:none!important;transition:none!important}
}

/* v1.5.42: On mobile show page/post content before both advertising sidebars. */
@media (max-width:760px) {
  .layout, .nmi-inner-layout { display:flex!important; flex-direction:column!important; }
  .layout > .main, .layout > .content-page { order:0!important; width:100%; min-width:0; }
  .layout > .leftbar { order:1!important; width:100%; display:block!important; border-right:0; border-top:4px solid #050505; border-bottom:0; }
  .layout > .rightbar { order:2!important; width:100%; display:block!important; border-left:0; border-top:4px solid #050505; }
}

/* v1.5.43 — centre mobile title, subtitle and flanking buttons. */
@media (max-width:760px){
 .manga-header-v144 .header-titlebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)!important;
  column-gap:5px!important;
  padding:12px 8px!important;
  width:100%!important;
  align-items:center!important;
 }
 .manga-header-v144 .header-titlebar > .brand{
  grid-column:2!important;justify-self:center!important;
  width:100%!important;left:auto!important;right:auto!important;
  text-align:center!important;transform:translateY(-10px)!important;
 }
 .manga-header-v144 .header-titlebar > .brand h1,
 .manga-header-v144 .header-titlebar > .brand p{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important;
 }
 .manga-header-v144 .header-titlebar > .brand h1:after{margin-left:auto!important;margin-right:auto!important;}
 .manga-header-v144 .header-titlebar > .header-news-button,
 .manga-header-v144 .header-titlebar > .header-donate-button{
  justify-self:center!important;align-self:center!important;
  width:100%!important;max-width:150px!important;text-align:center!important;
 }
}

/* v1.5.45: definitive mobile header layout — title full-width, actions beneath. */
@media screen and (max-width:760px){
 .manga-header-v144 .header-titlebar{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;gap:12px 14px!important;
  height:auto!important;min-height:0!important;
  padding:20px 16px 22px!important;align-items:center!important;
  justify-items:center!important;overflow:visible!important;
 }
 .manga-header-v144 .header-titlebar > .brand{
  grid-column:1 / -1!important;grid-row:1!important;
  position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;text-align:center!important;
  justify-self:center!important;pointer-events:auto!important;
 }
 .manga-header-v144 .header-titlebar > .brand h1{
  font-size:clamp(25px,7vw,43px)!important;line-height:1.12!important;
  text-align:center!important;overflow-wrap:normal!important;word-break:normal!important;
  margin:0 auto!important;
 }
 .manga-header-v144 .header-titlebar > .brand p{
  font-size:clamp(11px,3vw,15px)!important;letter-spacing:.08em!important;
  text-align:center!important;margin:7px auto 0!important;
  width:100%!important;padding:0!important;
 }
 .manga-header-v144 .header-titlebar > .header-news-button,
 .manga-header-v144 .header-titlebar > .header-donate-button{
  grid-row:2!important;position:relative!important;inset:auto!important;
  transform:none!important;justify-self:center!important;align-self:stretch!important;
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;max-width:165px!important;min-height:48px!important;
  padding:10px 8px!important;margin:0!important;text-align:center!important;
  font-size:clamp(13px,3.5vw,17px)!important;
 }
 .manga-header-v144 .header-titlebar > .header-news-button{grid-column:1!important;}
 .manga-header-v144 .header-titlebar > .header-donate-button{grid-column:2!important;}
}
/* 1.5.46: mobile title full width; buttons on a separate centered row */
@media screen and (max-width:760px){
.manga-header-v144 .header-titlebar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:15px 12px!important;align-items:center!important;justify-items:center!important;height:auto!important;min-height:190px!important;padding:20px 15px!important;box-sizing:border-box!important}
.manga-header-v144 .header-titlebar>.brand{grid-column:1/-1!important;grid-row:1!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important}
.manga-header-v144 .header-titlebar>.brand h1{font-size:clamp(26px,7.5vw,42px)!important;line-height:1.1!important;letter-spacing:-.04em!important;text-align:center!important;margin:0!important}
.manga-header-v144 .header-titlebar>.brand p{text-align:center!important;margin:8px 0 0!important;font-size:clamp(11px,3vw,16px)!important;letter-spacing:.08em!important}
.manga-header-v144 .header-titlebar>.header-news-button,.manga-header-v144 .header-titlebar>.header-donate-button{grid-row:2!important;position:static!important;inset:auto!important;transform:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:165px!important;min-height:48px!important;margin:0!important;padding:9px 6px!important;font-size:clamp(13px,3.5vw,17px)!important;background:#ffd51d!important;color:#111!important}
.manga-header-v144 .header-titlebar>.header-news-button{grid-column:1!important}
.manga-header-v144 .header-titlebar>.header-donate-button{grid-column:2!important}
}