@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;600;700;800&display=swap');
:root{--blue:#0868b8;--yellow:#ffdc00;--red:#e51b23;--navy:#07131f;--paper:#fafaf8;--container:1200px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#111}a{text-decoration:none;color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.utility{height:38px;background:#0755a0;color:#fff;font-size:12px}.utility-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.utility a{margin-left:25px}.utility b{background:var(--yellow);color:#111;border-radius:20px;padding:1px 5px}header{background:var(--blue);color:#fff}.header-inner{min-height:100px;display:flex;align-items:center;gap:25px}.logo{width:220px;flex:none}.logo img{width:100%;}.header-inner nav{display:flex;gap:18px;align-items:center;flex:1;justify-content:center}.header-inner nav a{font:800 13px 'Barlow Condensed';text-transform:uppercase;padding:10px 0;position:relative}.header-inner nav a:after{content:'';height:3px;background:var(--yellow);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.header-inner nav a:hover:after,.header-inner nav .active:after{transform:scaleX(1)}.search{width:250px;display:flex;background:#fff;border-radius:3px;overflow:hidden}.search input{width:100%;border:0;padding:12px;outline:0}.search button{border:0;background:#fff;font-size:23px;color:var(--blue);padding:0 12px}.mobile-menu{display:none}.hero{background:var(--blue);color:#fff;position:relative;overflow:hidden}.hero-texture{position:absolute;inset:0;background-image:url('../images/textures/comic-panels.svg'),url('../images/textures/comic-halftone.svg');background-size:900px 500px,80px 80px;opacity:.8}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:365px;position:relative}.hero-copy{padding:58px 10px 55px 0}.hero h1{font:800 clamp(45px,5vw,67px)/.92 'Barlow Condensed';text-transform:uppercase;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:17px;font-weight:600;line-height:1.5}.actions{display:flex;gap:16px;margin-top:22px}.btn{display:inline-block;padding:13px 20px;border:2px solid transparent;font:800 13px 'Barlow Condensed';text-transform:uppercase}.btn.yellow{background:var(--yellow);color:#111}.btn.outline{border-color:#fff;color:#fff}.btn.blue{background:var(--blue);color:#fff}.hero-store{position:relative;min-height:365px;overflow:hidden;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.hero-store img{width:100%;height:100%;object-fit:cover}.hero-store:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,104,184,.45),transparent 35%)}.support{position:absolute;z-index:2;right:20px;bottom:15px;background:var(--yellow);color:#111;padding:18px 28px;font:900 22px/1 'Barlow Condensed';transform:rotate(-4deg);text-align:center}.section{padding:45px 0}.comic-heading{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:27px}.comic-heading i{height:4px;width:130px;background:var(--yellow);position:relative}.comic-heading h2{font:900 29px 'Barlow Condensed';font-style:italic;text-transform:uppercase;margin:0;transform:skew(-7deg)}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px}.category{text-align:center;padding:8px}.icon{display:block;width:62px;height:62px;margin:0 auto 10px}.category strong{display:block;color:var(--blue);font:700 15px 'Barlow Condensed'}.products{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product-card{background:#fff;border:1px solid #e4e7eb;box-shadow:0 2px 8px #0000000c;display:flex;flex-direction:column}.product-image{aspect-ratio:2/3;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:8px;left:8px;background:var(--yellow);padding:5px 7px;font:900 11px 'Barlow Condensed'}.product-info{padding:10px;flex:1;display:flex;flex-direction:column}.publisher{font-size:10px;color:#8a93a1;margin:0 0 4px}.product-info h3{font:700 16px/1.05 'Barlow Condensed';margin:0 0 12px;flex:1}.product-meta{display:flex;flex-direction:column;gap:8px}.product-meta strong{font-size:16px}.add-cart{border:0;background:var(--blue);color:#fff;padding:9px;font:800 12px 'Barlow Condensed';text-transform:uppercase;cursor:pointer}.center{text-align:center;margin-top:22px}.benefits{background:var(--blue);color:#fff;padding:27px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefit{display:flex;gap:13px;border-right:1px solid #ffffff66;padding-right:15px}.benefit:last-child{border:0}.benefit .icon{width:45px;height:45px;flex:none}.benefit h3{font:800 17px 'Barlow Condensed';text-transform:uppercase;margin:0 0 3px}.benefit p{font-size:11px;line-height:1.4;margin:0 0 6px}.benefit a{font:800 11px 'Barlow Condensed';text-transform:uppercase;color:#fff;border:1px solid #fff;padding:5px 8px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{color:var(--blue);font:800 14px 'Barlow Condensed';letter-spacing:2px}.visit h2{font:900 45px/.95 'Barlow Condensed';text-transform:uppercase;margin:10px 0}.visit p{line-height:1.65;color:#566171}.address{border-left:5px solid var(--yellow);background:var(--paper);padding:12px 15px;margin:20px 0;display:flex;flex-direction:column;gap:4px}.address b{font:800 20px 'Barlow Condensed';text-transform:uppercase}.map{height:300px;background:#dfe8e7;position:relative;overflow:hidden}.map:before{content:'';position:absolute;inset:-20%;background:repeating-linear-gradient(25deg,transparent 0 35px,#fff8 36px 40px),repeating-linear-gradient(110deg,transparent 0 48px,#fff8 49px 53px);transform:rotate(5deg)}.map span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:14px 20px;font:800 15px 'Barlow Condensed';box-shadow:0 5px 20px #0002}footer{background:var(--navy);color:#fff;padding-top:42px;margin-top:42px;}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.3fr;gap:30px;padding-bottom:35px}.footer-logo{width:150px;mix-blend-mode:screen}.footer p,footer a{font-size:11px;line-height:1.6;color:#bdc5ce}.footer h3{font:800 17px 'Barlow Condensed';text-transform:uppercase;color:var(--yellow);margin:0 0 10px}.footer-grid>div>a{display:block;margin:2px 0}.newsletter{display:flex;flex-direction:column;gap:7px}.newsletter input{padding:10px;border:0}.newsletter button{border:0;background:var(--yellow);padding:10px;font:900 12px 'Barlow Condensed'}.copyright{border-top:1px solid #ffffff22;padding:14px 0}.copyright .container{display:flex;justify-content:space-between;font-size:10px;color:#8996a4}@media(max-width:1050px){.header-inner nav{gap:10px}.product-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.utility{display:none}.header-inner{min-height:80px}.logo{width:160px}.mobile-menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.header-inner nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--blue);padding:12px 20px;flex-direction:column;z-index:5}.header-inner nav.open{display:flex}.search{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0}.hero-store{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:1fr 1fr}.benefit{border:0}.visit-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.container{width:calc(100% - 28px)}.hero h1{font-size:48px}.comic-heading i{width:45px}.comic-heading h2{font-size:25px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.benefit-grid,.footer-grid{grid-template-columns:1fr}.copyright .container{flex-direction:column;gap:5px}}

/* ================================
   New Releases
================================ */

.page-header {
    padding: 60px 0 40px;
    text-align: center;
}

.page-header h1 {
    margin: 0 0 10px;
    font-size: 42px;
}

.page-header p {
    margin: 0;
    font-size: 18px;
}


.new-releases {
    padding: 20px 0 80px;
}


.release-day {
    margin-bottom: 60px;
}


.release-day-header {
    margin-bottom: 25px;
    border-bottom: 2px solid #111;
    padding-bottom: 10px;
}


.release-day-header h2 {
    margin: 0;
    font-size: 24px;
}


.comic-grid {
    display: grid;
    grid-template-columns: repeat(
        auto-fill,
        minmax(180px, 1fr)
    );
    gap: 30px 24px;
}


.comic-card {
    min-width: 0;
}


.comic-card > a {
    display: block;
    overflow: hidden;
}


.comic-card img {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    transition: transform 0.25s ease;
}


.comic-card:hover img {
    transform: scale(1.03);
}


.comic-card-content {
    padding-top: 12px;
}


.comic-card h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.3;
}


.issue-number {
    margin: 5px 0 0;
    font-size: 14px;
}


.comic-cover-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2 / 3;
    background: #eee;
    color: #777;
}


.empty-state {
    padding: 80px 20px;
    text-align: center;
}


.empty-state h2 {
    margin-bottom: 10px;
}
/* Account / admin dropdowns in the utility bar */
.utility-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.utility a,.utility .acct-dropdown{margin-left:25px}
.acct-dropdown{position:relative}
.acct-trigger{background:none;border:0;color:#fff;font:inherit;font-size:12px;cursor:pointer;padding:0}
.acct-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:#fff;color:#111;min-width:190px;box-shadow:0 6px 18px #0003;border-radius:4px;padding:6px 0;z-index:20;text-align:left}
.acct-menu a,.acct-menu button{display:block;width:100%;text-align:left;padding:8px 14px;font-size:12px;background:none;border:0;cursor:pointer;color:#111;margin:0}
.acct-menu a:hover,.acct-menu button:hover{background:#f1f5f9}
.acct-dropdown:hover .acct-menu,.acct-dropdown:focus-within .acct-menu,.acct-dropdown.is-open .acct-menu{display:block}
.nav-section-label{display:block;color:var(--yellow);font:800 12px 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase}
.nav-logout{margin:0}
.nav-logout button{font:800 13px 'Barlow Condensed';text-transform:uppercase;padding:10px 0;border:0;background:none;color:#fff;cursor:pointer}
.nav-dropdown{position:relative}
.nav-dropdown-trigger{font:800 13px 'Barlow Condensed';text-transform:uppercase;padding:10px 0;border:0;background:none;color:#fff;cursor:pointer}
.nav-dropdown-trigger:after{content:' ▾';color:var(--yellow)}
.nav-dropdown-menu{display:none;position:absolute;top:100%;right:0;min-width:220px;padding:6px 0;background:var(--blue);box-shadow:0 8px 20px #0003;z-index:30;text-align:left;flex-direction:column;align-items:flex-start}
.nav-dropdown-menu .nav-logout{display:block;margin:0}
.nav-dropdown-menu a,.nav-dropdown-menu .nav-logout button{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-left:10px;padding:9px 0;color:#fff;font:800 13px 'Barlow Condensed';text-transform:uppercase;text-align:left;white-space:nowrap;line-height:1.2;text-decoration:none;background:none;border:0;cursor:pointer;position:relative}
.nav-dropdown-menu .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;color:#fff;flex-shrink:0}
.nav-dropdown-menu .nav-icon svg{display:block;width:12px;height:12px;color:currentColor}
.nav-dropdown-menu a:after,.nav-dropdown-menu .nav-logout button:after{content:'';position:absolute;left:0;bottom:0;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .15s ease;width:100%}
.nav-dropdown-menu a:hover:after,.nav-dropdown-menu .nav-logout button:hover:after{transform:scaleX(1)}
.nav-dropdown-menu a:hover,.nav-dropdown-menu .nav-logout button:hover{background:transparent;color:#fff}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:flex}

@media (max-width: 700px){
    .utility{height:auto;padding:10px 0}
    .utility-inner{height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
    .utility a,.utility .acct-dropdown{margin-left:0}
    .utility-links{width:100%;justify-content:flex-end}
    .header-inner nav .nav-dropdown{width:100%}
    .header-inner nav .nav-dropdown-trigger{width:100%;padding:10px 0;text-align:left}
    .header-inner nav .nav-dropdown-menu{position:static;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 0 4px;background:transparent;box-shadow:none;text-align:left}
    .header-inner nav .nav-dropdown-menu a,.header-inner nav .nav-dropdown-menu .nav-logout button{display:inline-block;width:fit-content;max-width:100%;margin-left:10px;padding:8px 0;color:#fff;font:800 13px 'Barlow Condensed';text-transform:uppercase;line-height:1.2;text-decoration:none;background:none;border:0;cursor:pointer;position:relative}
    .header-inner nav .nav-dropdown-menu a:after,.header-inner nav .nav-dropdown-menu .nav-logout button:after{content:'';position:absolute;left:0;bottom:0;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .15s ease;width:100%}
    .header-inner nav .nav-dropdown-menu a:hover:after,.header-inner nav .nav-dropdown-menu .nav-logout button:hover:after{transform:scaleX(1)}
    .header-inner nav .nav-dropdown-menu a:hover,.header-inner nav .nav-dropdown-menu .nav-logout button:hover{background:transparent;color:var(--yellow)}
    .header-inner nav .nav-logout{border-top:1px solid #ffffff33;margin-top:4px}

    .comic-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px 10px;
    }
    .comics-page .comic-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px 10px;
    }
    .comic-card-content{padding-top:8px}
    .comic-card h3{font-size:13px;line-height:1.2}
    .issue-number{margin-top:3px;font-size:12px}
}

/* Real map embed replaces the old placeholder stripes/label */
.map:has(iframe):before{display:none}
.map iframe{display:block}

/* Footer social links */
.socials{display:flex;gap:10px;margin-top:14px}
.socials a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff14;font-size:16px;transition:background .2s}
.socials a:hover{background:var(--yellow);color:#111}

/* External comic data source attribution */
.data-attribution{font-size:12px;line-height:1.5;color:#cbd5e1}
.data-source-links{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.data-source-links a{display:flex;align-items:center;gap:9px;font-size:13px;color:#fff}
.data-source-links a:hover{color:var(--yellow)}
.data-source-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;font-size:13px;font-weight:800;line-height:1;color:#fff}
.metron-logo{background:#e51b23;font-family:'Barlow Condensed',sans-serif;font-size:20px}
.gcd-logo{background:#ffdc00;color:#07131f;font-size:10px;letter-spacing:0}

/* Featured This Week carousel */
.featured-carousel{position:relative}
.featured-slide{display:none;animation:featured-slide-in .35s ease both}
.featured-slide.active{display:block}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}
.carousel-arrow{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--blue);border-radius:50%;background:#fff;color:var(--blue);font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--blue);color:#fff;transform:scale(1.08)}
.carousel-dots{display:flex;justify-content:center;gap:8px}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;border:0;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}
.carousel-dot.active{background:var(--blue);transform:scale(1.25)}
.carousel-dot:focus-visible,.carousel-arrow:focus-visible{outline:3px solid #ffdc00;outline-offset:3px}
@keyframes featured-slide-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}

.news-banner-carousel{position:relative;height:420px;overflow:hidden;background:var(--navy)}
.news-banner-slide{display:none;position:absolute;inset:0;color:#fff}
.news-banner-slide.active{display:block;animation:featured-slide-in .45s ease both}
.news-banner-slide img{width:100%;height:100%;object-fit:cover}
.news-banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07131fcc 0%,#07131f88 48%,#07131f22 100%)}
.news-banner-copy{position:absolute;left:max(20px,calc((100% - var(--container))/2));bottom:76px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:560px}
.news-banner-copy small{text-transform:uppercase;color:var(--yellow);font:700 14px 'Barlow Condensed';letter-spacing:1px}
.news-banner-copy strong{font:800 clamp(36px,5vw,68px)/.95 'Barlow Condensed';text-transform:uppercase}
.news-banner-copy span{font-size:16px;line-height:1.5}
.news-banner-copy em{font-style:normal;font-weight:700;color:var(--yellow)}
.news-banner-controls{position:absolute;z-index:3;left:50%;bottom:20px;display:flex;align-items:center;gap:18px;transform:translateX(-50%)}
.news-banner-arrow{display:flex;align-items:center;gap:6px;border:1px solid #fff8;border-radius:999px;background:#07131fcc;color:#fff;padding:7px 12px;font:700 12px 'Barlow Condensed';text-transform:uppercase;cursor:pointer}
.news-banner-arrow:hover,.news-banner-arrow:focus-visible{background:var(--yellow);color:var(--navy)}
.news-banner-dots{display:flex;align-items:center;gap:9px}
.news-banner-dot{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:#fff8;cursor:pointer}.news-banner-dot.active{background:var(--yellow);transform:scale(1.25)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:#fff;border:1px solid #e2e8f0}.news-card img{width:100%;height:190px;object-fit:cover}.news-card-copy{padding:20px}.news-card h3{margin:5px 0 10px;font-size:24px}.news-card-copy p{line-height:1.55}.news-article{max-width:900px;margin:0 auto}.news-back{display:inline-block;margin-bottom:25px;color:var(--blue);font-weight:700}.news-article h1{font:800 clamp(38px,5vw,64px)/1 'Barlow Condensed';text-transform:uppercase}.news-article-banner{width:100%;max-height:520px;object-fit:cover;margin:20px 0 30px}.news-body{font-size:17px;line-height:1.75}.news-gallery{margin-top:45px}.news-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.news-gallery-item{border:0;padding:0;background:none;cursor:pointer}.news-gallery-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.lightbox{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:30px;background:#07131fee}.lightbox.is-open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;top:20px;right:25px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}
@media(max-width:700px){.news-banner-carousel{height:390px}.news-banner-copy{left:20px;right:20px;bottom:70px}.news-grid{grid-template-columns:1fr}.news-gallery-grid{grid-template-columns:repeat(2,1fr)}}

/* News articles reuse the original two-column hero layout. */
.hero-news-carousel{min-height:420px}
.hero-news-carousel .news-banner-slide{display:none;position:absolute;inset:0;color:#fff}
.hero-news-carousel .news-banner-slide.active{display:block;animation:featured-slide-in .45s ease both}
.hero-news-carousel .hero-grid{min-height:420px}
.hero-news-carousel .hero-copy{position:relative;z-index:1}
.news-hero-label{display:block;margin-bottom:14px;color:var(--yellow);font:700 16px 'Barlow Condensed';letter-spacing:1px;text-transform:uppercase}
.hero-news-carousel .hero-copy h1{max-width:600px;text-transform:none}
.hero-news-carousel .hero-copy p{max-width:540px}
.hero-news-carousel .hero-store{position:relative;z-index:1}
.hero-news-carousel .hero-store img{height:100%;object-fit:cover}
@media(max-width:700px){.hero-news-carousel,.hero-news-carousel .hero-grid{min-height:560px}.hero-news-carousel .hero-grid{grid-template-columns:1fr}.hero-news-carousel .hero-copy{padding:42px 0 24px}.hero-news-carousel .hero-store{min-height:235px}.news-banner-controls{gap:10px}.news-banner-arrow span{display:none}}

.comic-detail-modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;background:#07131fcc}.comic-detail-modal.is-open{display:flex}.comic-detail-dialog{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0008;padding:30px}.comic-detail-close{position:absolute;top:10px;right:16px;border:0;background:none;color:#475569;font-size:32px;line-height:1;cursor:pointer}.comic-detail-pull-list-form{position:absolute;top:16px;right:52px;z-index:2}.comic-detail-pull-list-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#0868b8;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px rgba(8,104,184,.2)}.comic-detail-pull-list-button:hover,.comic-detail-pull-list-button:focus-visible{background:#06589b}.comic-detail-layout{display:grid;grid-template-columns:minmax(190px,280px) 1fr;gap:30px}.comic-detail-cover{display:block;width:100%;max-height:410px;object-fit:contain}.comic-detail-content h2{margin:0 0 14px;font:800 clamp(32px,5vw,54px)/.95 'Barlow Condensed';text-transform:uppercase}.comic-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;color:#475569;font-size:14px}.comic-detail-meta span{display:block}.comic-detail-description{color:#334155;font-size:16px;line-height:1.65}.comic-detail-description p{margin-top:0}.toast-success{position:fixed;right:24px;bottom:24px;z-index:120;background:#0f5132;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(15,81,50,.25);font-weight:700;opacity:0;transform:translateY(12px);animation:toast-in-out 4s ease forwards}.toast-success.is-visible{opacity:1;transform:translateY(0)}@keyframes toast-in-out{0%{opacity:0;transform:translateY(12px)}10%,80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}@media(max-width:600px){.comic-detail-dialog{padding:24px 18px}.comic-detail-pull-list-form{top:12px;right:42px}.comic-detail-pull-list-button{padding:8px 12px;font-size:14px}.comic-detail-layout{grid-template-columns:1fr;gap:18px}.comic-detail-cover{max-height:260px;margin:0 auto;max-width:210px}.comic-detail-meta{grid-template-columns:1fr}.comic-detail-content h2{font-size:40px}}

/* Keep the footer at the viewport bottom on short pages. */
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;width:100%}
body>footer{flex-shrink:0}