:root{--color-bg:#fffceb;--color-surface:#ffffff;--color-border:#000000;--color-text-primary:#000000;--color-text-secondary:#333333;--color-text-muted:#666666;--color-accent:#ff4d6d;--color-accent-blue:#4cc9f0;--color-accent-yellow:#fee440;--comic-shadow-color:#000000;--border-width-bold:4px;--border-width-base:2px;--comic-shadow:8px 8px 0px 0px var(--comic-shadow-color);--comic-shadow-sm:4px 4px 0px 0px var(--comic-shadow-color);--comic-shadow-hover:12px 12px 0px 0px var(--comic-shadow-color);--font-primary:var(--font-bangers),"Noto Sans TC",cursive,sans-serif;--font-body:var(--font-syne),"Noto Sans TC",sans-serif;--transition-comic:0.15s cubic-bezier(0.175,0.885,0.32,1.275)}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1a2e;--color-surface:#16213e;--color-border:#ffffff;--color-text-primary:#ffffff;--color-text-secondary:#e94560;--color-text-muted:#9aa0a6;--color-accent:#e94560;--color-accent-blue:#0f3460;--color-accent-yellow:#fdbb2d;--comic-shadow-color:rgba(255,255,255,0.2)}}[data-theme=light]{--color-bg:#fffceb;--color-surface:#ffffff;--color-border:#000000;--color-text-primary:#000000;--color-text-secondary:#333333;--color-text-muted:#666666;--color-accent:#ff4d6d;--color-accent-blue:#4cc9f0;--color-accent-yellow:#fee440;--comic-shadow-color:#000000}[data-theme=dark]{--color-bg:#1a1a2e;--color-surface:#16213e;--color-border:#ffffff;--color-text-primary:#ffffff;--color-text-secondary:#e94560;--color-text-muted:#9aa0a6;--color-accent:#e94560;--color-accent-blue:#0f3460;--color-accent-yellow:#fdbb2d;--comic-shadow-color:rgba(255,255,255,0.2)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);background-image:radial-gradient(var(--color-border) 1px,transparent 0);background-size:30px 30px;background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-body);line-height:1.5;padding-bottom:80px;min-height:100vh;overflow-x:hidden;overflow-y:auto;transition:background-color .3s ease,color .3s ease}.halftone-bg{position:relative}.halftone-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--color-border) 10%,transparent 11%);background-size:5px 5px;opacity:.1;pointer-events:none;z-index:0}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.comic-box{background:var(--color-surface);border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow);transition:transform var(--transition-comic),box-shadow var(--transition-comic),background-color .3s ease,border-color .3s ease}.comic-box-hover:hover{transform:translate(-4px,-4px);box-shadow:var(--comic-shadow-hover)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--color-accent-yellow);border-bottom:var(--border-width-bold) solid var(--color-border);margin-bottom:52px;padding:15px 0;transition:background-color .3s ease}.header__inner{justify-content:space-between}.header__inner,.header__logo{display:flex;align-items:center}.header__logo{font-family:var(--font-primary);font-size:2.5rem;letter-spacing:2px;text-transform:uppercase;color:#000;text-shadow:2px 2px 0 #fff;gap:10px;text-decoration:none!important}.header__logo-icon{background:var(--color-accent);padding:5px 10px;border:var(--border-width-base) solid var(--color-border);transform:rotate(-3deg);display:inline-block;color:#fff}.header__nav{display:flex;gap:20px}.header__nav-link{font-family:var(--font-primary);font-size:1.2rem;padding:8px 16px;border:var(--border-width-base) solid var(--color-border);background:var(--color-surface);transition:all var(--transition-comic);color:var(--color-text-primary);text-decoration:none;box-shadow:2px 2px 0 var(--comic-shadow-color)}.header__nav-link:nth-child(odd){transform:rotate(-1deg)}.header__nav-link:nth-child(2n){transform:rotate(1.5deg)}.header__nav-link:hover{background:var(--color-accent-blue);transform:rotate(2deg) scale(1.15) translate(-2px,-2px);box-shadow:4px 4px 0 var(--comic-shadow-color);color:#fff}.header__nav-link:nth-child(3):hover{background:var(--color-accent)}.header__nav-link:nth-child(4):hover{background:var(--color-accent-yellow);color:#000}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:40px;gap:40px}.news-card-link{text-decoration:none!important;display:block}.news-card{padding:25px;height:100%;display:flex;flex-direction:column}.news-card__title{font-family:var(--font-primary);font-size:1.8rem;line-height:1.4;margin-bottom:15px;color:#000;background:var(--color-accent-yellow);padding:5px 5px 12px;border:var(--border-width-base) solid var(--color-border);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.news-card__summary{font-size:1rem;color:var(--color-text-secondary);margin-bottom:20px;flex-grow:1}.news-card__meta{display:flex;flex-direction:column;gap:8px;border-top:var(--border-width-base) dashed var(--color-border);padding-top:15px;font-size:.9rem;color:var(--color-text-muted)}.news-card__meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.news-card__meta time{color:var(--color-text-primary);font-weight:600;font-size:.85rem}.news-card__author{font-weight:800;text-transform:uppercase;color:var(--color-accent)}.news-card__comments{font-family:var(--font-primary);font-size:.8rem;background:var(--color-accent-yellow);color:#000;padding:2px 8px;border:var(--border-width-base) solid var(--color-border);box-shadow:2px 2px 0 var(--comic-shadow-color);letter-spacing:1px;white-space:nowrap;flex-shrink:0}.detail-page{position:relative;background:var(--color-surface);border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow-sm);padding:24px 30px;margin-top:12px;overflow:visible}.back-button{font-family:var(--font-primary);display:inline-block;background:var(--color-accent-blue);color:#fff;padding:6px 14px;border:var(--border-width-base) solid var(--color-border);margin-bottom:16px;font-size:.85rem;text-decoration:none;transform:rotate(-1deg);transition:all var(--transition-comic);cursor:pointer}.back-button:hover{transform:rotate(1deg) scale(1.1);background:var(--color-accent-yellow);color:#000}.detail-header{border-bottom:var(--border-width-base) dashed var(--color-border);margin-bottom:16px;padding-bottom:10px}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted)}.detail-author,.detail-date{background:var(--color-bg);border:var(--border-width-base) solid var(--color-border);padding:4px 12px}.detail-timezone{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.detail-source{display:inline-block;font-family:var(--font-body);font-size:.9rem;color:#fff;text-decoration:none;background:var(--color-accent);border:var(--border-width-base) solid var(--color-border);padding:4px 12px;box-shadow:var(--comic-shadow-sm);transition:var(--transition-comic)}.detail-source:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}.detail-title{font-family:var(--font-primary);font-size:2.4rem;line-height:1.3;margin-bottom:10px;background:var(--color-accent);color:#fff;padding:8px 10px 12px;display:inline-block;transform:skewX(-3deg);border:var(--border-width-base) solid var(--color-border)}.detail-cover{margin-bottom:16px;border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow-sm);overflow:hidden}.detail-cover-img{width:100%;display:block;object-fit:cover;max-height:260px}.detail-summary{font-size:1.05rem;line-height:1.5;color:var(--color-text-secondary);font-style:italic;padding:12px 16px;margin-bottom:16px;background:var(--color-surface);border:var(--border-width-base) solid var(--color-border);border-left:5px solid var(--color-accent);box-shadow:var(--comic-shadow-sm)}.detail-summary p{margin:0}.detail-content{font-size:1.15rem;line-height:1.9;color:var(--color-text-primary)}.detail-content p{margin-bottom:24px;padding:0;background:none;border:none;box-shadow:none}.detail-content p:first-child{font-size:1.25rem;font-weight:500;border-left:4px solid var(--color-accent);padding-left:16px}.explainer-label{margin-bottom:12px}.explainer-label__badge{display:inline-block;font-family:var(--font-primary);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);padding:6px 16px;border-radius:4px;border:2px solid #1a1a2e;box-shadow:3px 3px 0 #1a1a2e}.explainer-label__summary{margin:8px 0 0;font-size:1.1rem;line-height:1.6;color:var(--color-text-muted);font-style:italic;border-left:3px solid #c4b5fd;padding-left:14px}.detail-content__html{font-size:1.15rem;line-height:1.9;color:var(--color-text-primary)}.detail-content__html h1{display:none}.detail-content__html h2{margin-top:48px;margin-bottom:16px;padding-bottom:8px;font-family:var(--font-primary);font-size:1.8rem;font-weight:800;letter-spacing:.02em;color:var(--color-text-primary);border-bottom:3px solid #7c3aed;position:relative}.detail-content__html h2:before{content:"§";color:#a855f7;margin-right:8px;font-weight:400}.detail-content__html h3{margin-top:32px;margin-bottom:12px;font-family:var(--font-primary);font-size:1.4rem;font-weight:700;letter-spacing:.02em;color:var(--color-text-primary)}.detail-content__html h3:before{content:"▸";color:#a855f7;margin-right:6px}.detail-content__html h4{margin-top:24px;margin-bottom:8px;font-family:var(--font-primary);font-size:1.2rem;font-weight:700;letter-spacing:.02em}.detail-content__html p{margin-bottom:1.2em}.detail-content__html ol{margin:1.2em 0;padding-left:0;counter-reset:explainer-step;list-style:none}.detail-content__html ol>li{counter-increment:explainer-step;position:relative;padding-left:48px;margin-bottom:16px}.detail-content__html ol>li:before{content:counter(explainer-step);position:absolute;left:0;top:0;width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;border:2px solid #1a1a2e;box-shadow:2px 2px 0 #1a1a2e}.detail-content__html ul{margin:1em 0;padding-left:1.5em}.detail-content__html ul>li{margin-bottom:.5em;list-style-type:disc}.detail-content__html a{color:#7c3aed;text-decoration:underline;text-underline-offset:2px}.detail-content__html a:hover{color:#6d28d9}.detail-content__html blockquote{border-left:4px solid #7c3aed;margin:1.5em 0;padding:16px 20px;background:#f8f5ff;border-radius:0 8px 8px 0;font-style:normal;position:relative}.detail-content__html blockquote:before{content:"💡";position:absolute;top:-12px;left:-12px;font-size:1.2rem;background:#fff;padding:2px 4px;border-radius:4px}.detail-content__html blockquote p:last-child{margin-bottom:0}.detail-content__html img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;border:2px solid var(--color-border)}.detail-content__html table{width:100%;border-collapse:collapse;margin:1.5em 0;border:2px solid #1a1a2e;box-shadow:3px 3px 0 #1a1a2e}.detail-content__html td,.detail-content__html th{border:2px solid var(--color-border);padding:10px 14px;text-align:left}.detail-content__html th{background:#f3e8ff;font-weight:700;color:#4c1d95}.detail-content__html tr:nth-child(2n){background:rgba(124,58,237,.03)}.detail-content__html pre{background:#1e1e1e;color:#d4d4d4;padding:1em;border-radius:8px;overflow-x:auto;margin:1.5em 0;border:2px solid #1a1a2e}.detail-content__html code{background:rgba(124,58,237,.08);padding:2px 6px;border-radius:4px;font-size:.9em;color:#6d28d9}.detail-content__html pre code{background:none;padding:0;color:#d4d4d4}.detail-content__html hr{border:none;border-top:2px dashed #d8b4fe;margin:40px 0}.explainer-related-news{margin-top:24px;padding:24px;border:3px solid #1a1a2e;background:#fefce8}.explainer-related-news__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.explainer-related-news__icon{font-size:1.4rem}.explainer-related-news__title{font-family:var(--font-primary);font-size:1.2rem;font-weight:800;color:#1a1a2e;margin:0}.explainer-related-news__subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:16px;font-style:italic}.explainer-related-news__list{display:flex;flex-direction:column;gap:12px}.explainer-related-news__item{display:flex;gap:12px;padding:12px;border:2px solid var(--color-border);border-radius:8px;background:#fff;text-decoration:none;color:inherit;transition:all .2s ease}.explainer-related-news__item:hover{transform:translateX(4px);border-color:#7c3aed;box-shadow:3px 3px 0 #1a1a2e}.explainer-related-news__item--parent{border-color:#7c3aed;border-width:2px;background:#faf5ff}.explainer-related-news__thumb{width:80px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0;border:2px solid var(--color-border)}.explainer-related-news__item-body{display:flex;flex-direction:column;gap:4px;min-width:0}.explainer-related-news__item-badge{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#7c3aed;background:#ede9fe;padding:2px 8px;border-radius:3px;width:-moz-fit-content;width:fit-content}.explainer-related-news__item-title{font-family:var(--font-primary);font-size:.95rem;font-weight:700;color:var(--color-text-primary);line-height:1.3}.explainer-related-news__item-summary{font-size:.8rem;color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explainer-related-news__back{display:inline-block;margin-top:16px;font-family:var(--font-primary);font-size:.9rem;font-weight:700;color:#7c3aed;text-decoration:none}.explainer-related-news__back:hover{color:#6d28d9;text-decoration:underline}.inline-related{margin:20px 0;padding:16px 0;border-top:1px dashed var(--color-text-muted);border-bottom:1px dashed var(--color-text-muted)}.inline-related__label{display:block;font-family:var(--font-primary);font-size:.85rem;color:var(--color-text-muted);letter-spacing:1px;margin-bottom:12px}.inline-related__cards{display:flex;gap:12px}.inline-related__card{flex:1 1;display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:8px;border:1px solid var(--color-border);background:var(--color-bg);transition:all var(--transition-comic)}.inline-related__card:hover{transform:translateX(3px);box-shadow:2px 2px 0 var(--color-border)}.inline-related__thumb{width:56px;height:56px;object-fit:cover;flex-shrink:0;border:1px solid var(--color-border)}.inline-related__title{font-family:var(--font-primary);font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explainer-box{margin:32px 0;padding:0;background:linear-gradient(135deg,#faf5ff,#f3e8ff 50%,#ede9fe);border:3px solid #1a1a2e;border-radius:0;box-shadow:5px 5px 0 #1a1a2e;position:relative;overflow:hidden}.explainer-box__stripe{height:6px;background:linear-gradient(90deg,#7c3aed,#a855f7 40%,#c084fc 70%,#7c3aed);background-size:200% 100%;animation:explainer-stripe-shift 3s ease infinite}@keyframes explainer-stripe-shift{0%,to{background-position:0 0}50%{background-position:100% 0}}.explainer-box__badge{display:flex;align-items:center;gap:8px;padding:16px 20px 0}.explainer-box__badge-icon{font-size:1.6rem;line-height:1}.explainer-box__badge-text{font-family:var(--font-primary);font-size:1rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#5b21b6}.explainer-box__list{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px}.explainer-box__card{display:flex;flex-direction:column;gap:8px;padding:16px 20px;text-decoration:none;color:inherit;background:#fff;border:2px solid #c4b5fd;border-radius:0;box-shadow:3px 3px 0 rgba(124,58,237,.2);transition:all .2s ease}.explainer-box__card:hover{transform:translate(-2px,-2px);border-color:#7c3aed;box-shadow:6px 6px 0 #1a1a2e}.explainer-box__card-title{font-family:var(--font-primary);font-size:1.15rem;font-weight:700;line-height:1.3;color:#1a1a2e;margin:0}.explainer-box__card-summary{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explainer-box__card-cta{display:inline-block;margin-top:4px;font-family:var(--font-primary);font-size:.85rem;font-weight:700;letter-spacing:.04em;color:#7c3aed;padding:6px 14px;border:2px solid #7c3aed;border-radius:0;background:transparent;width:-moz-fit-content;width:fit-content;transition:all .2s ease}.explainer-box__card:hover .explainer-box__card-cta{background:#7c3aed;color:#fff;box-shadow:2px 2px 0 #1a1a2e}.explainer-back{margin:-8px 0 16px;padding:12px 20px;background:var(--color-bg);border:2px solid #7c3aed;border-radius:0}.explainer-back__link{font-family:var(--font-primary);font-size:.9rem;color:#7c3aed;text-decoration:none;font-weight:600;transition:color .2s}.explainer-back__link:hover{color:#6d28d9;text-decoration:underline}.recommend-zone{margin-top:32px;margin-bottom:60px;overflow:visible}.recommend-section{margin-top:24px;padding:24px;background:var(--color-surface);border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow);overflow:visible}.recommend-section:first-child{margin-top:0}.recommend-section--trending{background:none;border:none;box-shadow:none;padding:0}.recommend-title{font-family:var(--font-primary);font-size:1.6rem;margin:0 0 16px;padding:6px 14px;background:var(--color-accent-blue);color:#fff;display:inline-block;border:var(--border-width-base) solid var(--color-border);box-shadow:var(--comic-shadow-sm)}.recommend-title--trending{background:var(--color-accent)}.recommend-title__icon{margin-right:8px}.recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.recommend-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--color-surface);border:var(--border-width-base) solid var(--color-border);box-shadow:var(--comic-shadow-sm);transition:all var(--transition-comic);position:relative;overflow:visible}.recommend-card:hover{transform:translate(-3px,-3px);box-shadow:var(--comic-shadow-hover)}.comic-sticker--sm{font-size:.65rem;padding:2px 8px;top:6px;right:6px}.recommend-card__img{width:100%;height:120px;border-bottom:var(--border-width-base) solid var(--color-border)}.recommend-card__img img{width:100%;height:120px;object-fit:cover;display:block}.recommend-card__body{padding:12px}.recommend-card__title{font-family:var(--font-primary);font-size:1rem;line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card__summary{font-size:.85rem;color:var(--color-text-muted);margin:0;line-height:1.4}.recommend-list{display:flex;flex-direction:column;gap:0;overflow:visible}.trending-cards{display:flex;gap:14px}.trending-card{flex:1 1;position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--color-surface);border:var(--border-width-base) solid var(--color-border);box-shadow:var(--comic-shadow-sm);overflow:visible;transition:all var(--transition-comic)}.trending-card:hover{transform:translate(-2px,-2px);box-shadow:var(--comic-shadow)}.trending-card__rank{position:absolute;top:-10px;left:-6px;font-family:var(--font-primary);font-size:1.1rem;font-weight:900;color:#fff;background:var(--color-accent);padding:2px 8px;border:var(--border-width-base) solid var(--color-border);z-index:2}.trending-card:nth-child(2) .trending-card__rank{background:var(--color-accent-blue)}.trending-card:nth-child(3) .trending-card__rank{background:var(--color-text-muted)}.trending-card__img{width:100%;height:90px;object-fit:cover;display:block;border-bottom:var(--border-width-base) solid var(--color-border)}.trending-card__body{padding:10px}.trending-card__title{font-family:var(--font-primary);font-size:.85rem;line-height:1.3;margin:0 0 8px;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-card__tags{display:flex;flex-wrap:wrap;gap:4px}.trending-card__tag{font-family:var(--font-body);font-size:.65rem;padding:1px 6px;border:1px solid var(--color-accent);color:var(--color-accent);background:none;white-space:nowrap}.news-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag-badge{display:inline-block;font-family:var(--font-primary);font-size:.8rem;letter-spacing:1px;text-transform:uppercase;background:var(--color-accent-blue);color:#fff;padding:3px 10px;border:var(--border-width-base) solid var(--color-border);box-shadow:2px 2px 0 var(--comic-shadow-color);transform:rotate(-1deg);transition:all var(--transition-comic)}.tag-badge:nth-child(2n){transform:rotate(1deg);background:var(--color-accent)}.tag-badge:nth-child(3n){background:var(--color-accent-yellow);color:#000}.tag-badge--link{cursor:pointer;text-decoration:none;color:#fff}.tag-badge--link:nth-child(3n){color:#000}.tag-badge--link:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:4px 4px 0 var(--comic-shadow-color);filter:brightness(1.1)}.tag-badge--link:nth-child(2n):hover{transform:translate(-2px,-2px) rotate(1deg)}.tag-badge--detail{font-size:.9rem;padding:4px 14px}.tag-page__label{color:var(--color-accent)}.tags-wall{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:10px}.tags-wall__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;text-decoration:none;color:var(--color-text-primary);cursor:pointer}.tags-wall__card:nth-child(odd){transform:rotate(-2deg)}.tags-wall__card:nth-child(2n){transform:rotate(1.5deg)}.tags-wall__card:nth-child(3n){transform:rotate(-1deg)}.tags-wall__card--hot{background:var(--color-accent-yellow)!important;border-color:var(--color-border)!important}.tags-wall__card--hot .tags-wall__name{color:#000}.tags-wall__name{font-family:var(--font-primary);font-size:1.3rem;letter-spacing:1px;text-transform:uppercase;color:var(--color-accent)}.tags-wall__count{font-family:var(--font-primary);font-size:2rem;font-weight:700;line-height:1;color:var(--color-text-primary)}.tags-wall__count-label{font-size:.8rem;margin-left:4px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.tags-wall__hot-badge{position:absolute;top:-8px;right:-8px;font-family:var(--font-primary);font-size:.7rem;background:var(--color-accent);color:#fff;padding:2px 8px;border:var(--border-width-base) solid var(--color-border);box-shadow:2px 2px 0 var(--comic-shadow-color);transform:rotate(12deg);letter-spacing:1px}@media (max-width:768px){.tags-wall{gap:10px}.tags-wall__card{padding:14px 18px}.tags-wall__name{font-size:1rem}.tags-wall__count{font-size:1.5rem}}.tags-category-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.tags-category-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--font-primary);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:var(--color-surface);color:var(--color-text-primary);border:var(--border-width-base) solid var(--color-border);box-shadow:2px 2px 0 var(--comic-shadow-color);transition:all .15s}.tags-category-tab:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--comic-shadow-color)}.tags-category-tab--active{background:var(--color-accent);color:#fff;border-color:var(--color-border);box-shadow:3px 3px 0 var(--comic-shadow-color);transform:rotate(-1deg)}.tags-category-tab__emoji{font-size:1rem}.tags-category-tab__count{font-size:.75rem;background:rgba(0,0,0,.12);padding:1px 7px;border-radius:10px;font-weight:700}.tags-category-tab--active .tags-category-tab__count{background:rgba(255,255,255,.25)}.tags-category-section{margin-bottom:32px}.tags-category-section__title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary);font-size:1.3rem;letter-spacing:1px;text-transform:uppercase;padding:8px 20px;margin-bottom:16px;background:var(--color-surface);color:var(--color-text-primary)}.tags-category-section__count{font-size:.8rem;color:var(--color-text-muted);font-weight:400}@media (max-width:768px){.tags-category-tabs{gap:6px}.tags-category-tab{padding:6px 12px;font-size:.8rem}.tags-category-section__title{font-size:1.1rem;padding:6px 14px}}.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.page-title{margin-bottom:25px;text-align:center}.page-title__heading{font-family:var(--font-primary);font-size:4.5rem;text-transform:uppercase;color:var(--color-text-primary);display:inline-block;position:relative;text-shadow:4px 4px 0 var(--color-accent-blue)}.page-title__heading:before{content:"";position:absolute;top:50%;left:-40px;width:30px;height:4px;background:var(--color-accent);transform:translateY(-50%);box-shadow:0 -10px 0 0 var(--color-accent-blue),0 10px 0 0 var(--color-accent-yellow),-15px -5px 0 0 var(--color-accent),-15px 5px 0 0 var(--color-accent-blue)}.page-title__heading:after{content:"HOT!";position:absolute;top:-20px;right:-60px;background:var(--color-accent);color:#fff;font-size:1rem;padding:5px 10px;transform:rotate(15deg);border:var(--border-width-base) solid var(--color-border);box-shadow:4px 4px 0 var(--color-border);animation:sticker-pop .5s cubic-bezier(.175,.885,.32,1.275) both}.comic-sticker{position:absolute;top:-14px;right:-10px;font-family:var(--font-primary);font-size:.9rem;letter-spacing:2px;padding:6px 14px;border:var(--border-width-bold) solid var(--color-border);box-shadow:3px 3px 0 var(--comic-shadow-color);z-index:5;pointer-events:none;animation:sticker-pop .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes sticker-pop{0%{transform:scale(0) rotate(0deg);opacity:0}60%{transform:scale(1.2) rotate(-8deg);opacity:1}to{transform:scale(1) rotate(var(--sticker-rotate,-6deg));opacity:1}}.sticker--boom{--sticker-rotate:-8deg;background:var(--color-accent);color:#fff;transform:rotate(-8deg);font-size:1.1rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.sticker--omg{--sticker-rotate:6deg;background:#ff6f00;color:#fff;transform:rotate(6deg);top:-12px;right:15px}.sticker--viral{--sticker-rotate:-5deg;background:#7c4dff;color:#fff;transform:rotate(-5deg)}.sticker--what{--sticker-rotate:10deg;background:var(--color-accent-blue);color:#fff;transform:rotate(10deg);top:-10px;right:5px}.sticker--hot{--sticker-rotate:-4deg;background:var(--color-accent-yellow);color:#000;transform:rotate(-4deg)}.sticker--trending{--sticker-rotate:3deg;background:#00c853;color:#fff;transform:rotate(3deg);font-size:.75rem}.sticker--buzzing{--sticker-rotate:-6deg;background:var(--color-accent-blue);color:#fff;transform:rotate(-6deg);font-size:.75rem}.comic-sticker--detail{font-size:1.3rem;padding:8px 20px;top:-18px;right:20px}.loading__spinner{width:60px;height:60px;border:var(--border-width-bold) solid var(--color-border);border-top:var(--border-width-bold) solid var(--color-accent);border-radius:50%;animation:spin .6s steps(8) infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.page-title__heading{font-size:3rem}.page-title__heading:after{right:-40px;font-size:.8rem;padding:3px 7px}.detail-title{font-size:2rem}.detail-page{padding:20px}.detail-cover-img{max-height:220px}.news-grid{gap:25px}.header__logo{font-size:2rem}.detail-content__html h2{margin-top:36px;font-size:1.2rem}.detail-content__html ol>li{padding-left:40px}.explainer-related-news{padding:16px}.explainer-related-news__thumb{width:64px;height:48px}}@media (max-width:480px){.header{padding:10px 0;margin-bottom:20px}.header__inner{flex-wrap:wrap;gap:10px}.header__logo{font-size:1.5rem;gap:6px}.header__logo-icon{padding:3px 7px;font-size:.9rem}.header__logo>span{display:none}.header__nav{gap:8px}.header__nav-link{font-size:.9rem;padding:6px 10px}.header__nav-link:hover{transform:none}.page-title{margin-bottom:10px}.page-title__heading{font-size:2rem;text-shadow:2px 2px 0 var(--color-accent-blue)}.page-title__heading:after{position:static;display:inline-block;transform:rotate(15deg);margin-left:8px;font-size:.7rem;vertical-align:super}.news-grid{grid-template-columns:1fr;gap:20px}.news-card{padding:15px}.news-card__title{font-size:1.3rem}.news-card__summary{font-size:.9rem}.news-card__meta{gap:5px;font-size:.8rem}.news-card__meta-row{flex-wrap:wrap;gap:6px}:root{--comic-shadow:4px 4px 0px 0px var(--comic-shadow-color);--comic-shadow-hover:6px 6px 0px 0px var(--comic-shadow-color)}.comic-box-hover:hover{transform:translate(-2px,-2px)}.tag-badge{font-size:.7rem;padding:2px 8px}.tag-badge--detail{font-size:.75rem;padding:3px 10px}.news-card__tags{gap:6px;margin-bottom:10px}.detail-tags{gap:6px;margin-top:12px}.detail-page{padding:12px;margin-top:8px}.detail-title{font-size:1.4rem;transform:skewX(-2deg);padding:6px 8px}.detail-cover-img{max-height:180px}.detail-content{font-size:1rem}.detail-content p{padding:0;box-shadow:none;background:none;border:none}.back-button{padding:5px 10px;font-size:.8rem;margin-bottom:12px}.inline-related__cards{flex-direction:column;gap:8px}.inline-related__thumb{width:48px;height:48px}.inline-related__title{font-size:.8rem}.detail-summary{padding:10px 12px;margin-bottom:12px;font-size:.95rem}.detail-header{margin-bottom:10px;padding-bottom:8px}.recommend-section{padding:16px;margin-top:20px}.recommend-title{font-size:1.2rem;padding:4px 10px}.recommend-grid{grid-template-columns:1fr;gap:12px}.recommend-card__img{height:100px}.trending-cards{flex-direction:column;gap:10px}.trending-card{flex-direction:row}.trending-card__img{width:80px;height:auto;min-height:70px;border-bottom:none;border-right:var(--border-width-base) solid var(--color-border)}.trending-card__rank{top:-8px;left:-4px;font-size:.9rem}.trending-card__title{font-size:.8rem}.trending-card__tag{font-size:.6rem}.container{padding:0 12px}.comments-cta__title{font-size:1.3rem}.comments-cta__subtitle{font-size:.85rem}.comment-form{padding:15px!important}.comment-form__input,.comment-form__textarea{font-size:.9rem!important}.comment-form__submit{font-size:1rem!important;padding:10px 20px!important}.comment-item{padding:12px!important}.comment-item__header{flex-direction:column!important;gap:2px!important}.comment-item__nickname{font-size:.9rem!important}.comment-item__time{font-size:.7rem!important}}.comments-section{margin-top:32px}.comments-cta{text-align:center;margin-bottom:24px}.comments-cta__divider{height:3px;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,transparent 8px,transparent 14px,var(--color-accent-blue) 14px,var(--color-accent-blue) 22px,transparent 22px,transparent 28px);margin-bottom:20px}.comments-cta__icon{font-size:2rem;display:block;margin-bottom:6px}.comments-cta__title{font-family:var(--font-primary);font-size:1.8rem;text-transform:uppercase;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:4px}.comments-cta__subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-muted);font-style:italic}.comment-form{padding:25px;margin-bottom:30px}.comment-form__field{margin-bottom:15px}.comment-form__label{display:block;font-family:var(--font-primary);font-size:1.2rem;margin-bottom:6px;color:var(--color-text-primary);letter-spacing:1px}.comment-form__input,.comment-form__textarea{width:100%;padding:10px 12px;font-family:var(--font-body);font-size:1rem;border:var(--border-width-base) solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);outline:none;transition:box-shadow var(--transition-comic)}.comment-form__input:focus,.comment-form__textarea:focus{box-shadow:var(--comic-shadow-sm)}.comment-form__textarea{resize:vertical;min-height:80px}.comment-form__error{color:var(--color-accent);font-weight:700;margin-bottom:10px;font-size:.9rem}.comment-form__submit{font-family:var(--font-primary);font-size:1.3rem;padding:12px 30px;background:var(--color-accent);color:#fff;border:var(--border-width-base) solid var(--color-border);box-shadow:var(--comic-shadow-sm);cursor:pointer;transition:all var(--transition-comic);text-transform:uppercase;letter-spacing:2px}.comment-form__submit:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--comic-shadow);background:var(--color-accent-blue)}.comment-form__submit:disabled{opacity:.6;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:15px}.comments-loading{display:flex;justify-content:center;padding:30px 0}.comments-empty{text-align:center;font-family:var(--font-primary);font-size:1.3rem;color:var(--color-text-muted);padding:30px 0;letter-spacing:1px}.comment-item{padding:18px;box-shadow:var(--comic-shadow-sm)}.comment-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.comment-item__nickname{font-family:var(--font-primary);font-size:1.1rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}.comment-item__time{font-size:.8rem;color:var(--color-text-muted)}.comment-item__content{font-size:1rem;line-height:1.5;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.comments-cta__title{font-size:1.5rem}.comment-form{padding:20px}.comment-form__submit{font-size:1.1rem;padding:10px 24px}}.timeline-outer{position:relative}.timeline-wrapper{overflow-x:auto;padding:0 0 30px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:-webkit-grab;cursor:grab;width:80vw;margin-left:50%;transform:translateX(-50%)}.timeline-wrapper::-webkit-scrollbar{display:none}.icc-tl-outer.is-dragging,.timeline-wrapper.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline{position:relative;display:flex;align-items:center;min-width:max-content;padding:50px 40px;gap:30px}.tl-line{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--color-border);transform:translateY(-50%);z-index:0}.tl-endpoint{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;flex-shrink:0}.tl-endpoint__label{font-family:var(--font-primary);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;padding:4px 14px;border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow-sm)}.tl-endpoint--now .tl-endpoint__label{background:var(--color-accent);color:#fff}.tl-endpoint--end .tl-endpoint__label{background:var(--color-surface);color:var(--color-text-muted)}.tl-endpoint__pulse{width:16px;height:16px;background:var(--color-accent);border-radius:50%;border:3px solid var(--color-border);box-shadow:0 0 0 4px var(--color-bg);position:relative}.tl-endpoint__pulse:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--color-accent);animation:tl-pulse 2s ease-out infinite}@keyframes tl-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}.tl-endpoint__dot{width:14px;height:14px;background:var(--color-text-muted);border-radius:50%;border:3px solid var(--color-border);box-shadow:0 0 0 4px var(--color-bg)}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;margin-top:-10px;animation:hint-bounce 1.5s ease-in-out infinite}.scroll-hint__arrow{font-family:var(--font-primary);font-size:1.4rem;color:var(--color-accent);animation:hint-slide 1s ease-in-out infinite}.scroll-hint__text{font-family:var(--font-primary);font-size:1rem;color:var(--color-text-muted);letter-spacing:1px;background:var(--color-surface);border:var(--border-width-base) solid var(--color-border);padding:4px 14px;box-shadow:var(--comic-shadow-sm)}@keyframes hint-slide{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@keyframes hint-bounce{0%,to{opacity:1}50%{opacity:.6}}.tl-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:280px;max-width:320px;z-index:1}.tl-item--top{flex-direction:column-reverse;margin-top:-50px}.tl-item--bottom{margin-top:50px}.tl-marker{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0}.tl-marker__dot{width:18px;height:18px;background:var(--color-accent);border:3px solid var(--color-border);border-radius:50%;box-shadow:0 0 0 4px var(--color-bg)}.tl-marker__date{font-family:var(--font-primary);font-size:.95rem;color:var(--color-text-primary);letter-spacing:1px}.tl-marker__time{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-body)}.tl-card{position:relative;padding:18px;width:280px;border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow-sm);background:var(--color-surface);transition:transform var(--transition-comic),box-shadow var(--transition-comic);overflow:visible}.tl-card:hover{transform:translate(-2px,-2px);box-shadow:var(--comic-shadow)}.tl-card__img-link{display:block;margin:-18px -18px 12px;overflow:hidden;border-bottom:var(--border-width-bold) solid var(--color-border)}.tl-card__img{display:block;width:100%;height:140px;object-fit:cover;transition:transform .3s ease}.tl-card:hover .tl-card__img{transform:scale(1.05)}.tl-card__link{text-decoration:none}.tl-card__title{font-family:var(--font-primary);font-size:1.15rem;line-height:1.4;color:var(--color-text-primary);margin-bottom:8px;background:var(--color-accent-yellow);padding:3px 6px 8px;border:var(--border-width-base) solid var(--color-border);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.tl-card__summary{font-size:.85rem;color:var(--color-text-secondary);margin:12px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tl-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.tl-card__tags .tag-badge{font-size:.65rem;padding:1px 6px}.tl-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:var(--border-width-base) dashed var(--color-border);padding-top:10px;margin-top:6px;gap:8px}.tl-card__author{font-size:.8rem;font-weight:700;color:var(--color-accent);text-transform:uppercase}.tl-card__comment-btn{font-family:var(--font-primary);font-size:.75rem;background:var(--color-accent-yellow);color:#000;border:var(--border-width-base) solid var(--color-border);padding:3px 10px;cursor:pointer;box-shadow:2px 2px 0 var(--comic-shadow-color);transition:all var(--transition-comic);white-space:nowrap;letter-spacing:.5px}.tl-card__comment-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--comic-shadow-color);background:var(--color-accent-blue);color:#fff}.tl-comments{margin-top:12px;border-top:var(--border-width-base) solid var(--color-border);padding-top:10px}.tl-comments__loading{display:flex;justify-content:center;padding:15px 0}.tl-comments__loading .loading__spinner{width:30px;height:30px}.tl-comments__empty{font-size:.8rem;color:var(--color-text-muted);text-align:center;padding:10px 0}.tl-comments__list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.tl-comment{background:var(--color-bg);border:1px solid var(--color-border);padding:8px 10px;font-size:.8rem}.tl-comment__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:6px}.tl-comment__nick{font-family:var(--font-primary);font-size:.8rem;color:var(--color-accent);letter-spacing:.5px}.tl-comment__time{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap}.tl-comment__content{color:var(--color-text-primary);line-height:1.4;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.timeline-wrapper{overflow-x:visible;padding:10px 0 30px}.timeline{display:flex;flex-direction:column;align-items:stretch;min-width:unset;padding:0 0 0 8px;gap:0}.tl-line{top:0;bottom:0;left:14px;right:auto;width:3px;height:100%;transform:none}.tl-item,.tl-item--bottom,.tl-item--top{flex-direction:column;align-items:flex-start;min-width:unset;max-width:100%;margin-top:0;margin-bottom:25px;gap:0}.tl-marker{position:relative;left:auto;top:auto;flex-direction:row;align-items:center;width:auto;padding:0 0 8px;gap:8px}.tl-marker__dot{width:14px;height:14px;border-width:2px;box-shadow:0 0 0 3px var(--color-bg);flex-shrink:0}.tl-marker__date{font-size:.85rem;font-weight:700;margin-top:0}.tl-marker__date,.tl-marker__time{writing-mode:horizontal-tb;-webkit-text-orientation:initial;text-orientation:mixed}.tl-marker__time{font-size:.8rem;color:var(--color-text-muted)}.tl-card{width:100%;padding:14px}.tl-card__img-link{margin:-14px -14px 10px}.tl-card__img{height:120px}.tl-card__title{font-size:1rem}.tl-card__summary{font-size:.8rem;-webkit-line-clamp:2}.tl-comments__list{max-height:200px}.tl-endpoint{flex-direction:row;gap:10px;padding:0 0 20px}.tl-endpoint--end{padding:20px 0 0}.tl-endpoint__label{font-size:.75rem;padding:3px 10px}.tl-endpoint__dot,.tl-endpoint__pulse{width:14px;height:14px}}@media (max-width:480px){.timeline{padding:0 0 0 6px}.tl-line{left:11px;width:2px}.tl-marker__dot{width:12px;height:12px}.tl-marker__date{font-size:.8rem}.tl-marker__time{font-size:.7rem}.tl-card{padding:12px;box-shadow:2px 2px 0 var(--comic-shadow-color)}.tl-card__title{font-size:.9rem}.tl-card__summary{font-size:.75rem}.tl-card__footer{flex-wrap:wrap;gap:6px}.tl-card__comment-btn{font-size:.7rem}.tl-comment{padding:6px 8px;font-size:.75rem}}.topics-header{text-align:center;padding:48px 0 12px}.topics-header__label{font-size:.8rem;letter-spacing:4px;color:var(--color-text-muted);display:block;margin-bottom:8px}.topics-header__label,.topics-header__title{font-family:var(--font-primary);text-transform:uppercase}.topics-header__title{font-size:4rem;letter-spacing:2px;line-height:1;margin-bottom:12px;position:relative;display:inline-block}.topics-header__title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:60%;height:5px;background:var(--color-accent);border-radius:3px}.topics-header__desc{font-family:var(--font-body);font-size:1.05rem;color:var(--color-text-muted);max-width:480px;margin:16px auto 0;line-height:1.6}.topics-magazine{display:flex;flex-direction:column;gap:32px;margin-top:36px}.topics-mag-card{display:block;text-decoration:none;color:#000;position:relative;border:var(--border-width-bold) solid var(--color-border);border-radius:6px;overflow:hidden;background:var(--topic-accent,var(--color-accent-yellow));cursor:pointer;box-shadow:var(--comic-shadow);transition:transform var(--transition-comic),box-shadow var(--transition-comic)}.topics-mag-card:hover{transform:translate(-3px,-3px);box-shadow:var(--comic-shadow-hover)}.topics-mag-card__accent{display:none}.topics-mag-card__content{padding:40px 44px 36px}.topics-mag-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topics-mag-card__tagline{font-family:var(--font-primary);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;background:#000;color:#fff;padding:5px 14px;border-radius:2px}.topics-mag-card__icon{font-size:3.5rem;line-height:1;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.15))}.topics-mag-card__title{font-family:var(--font-primary);font-size:5rem;text-transform:uppercase;line-height:1;letter-spacing:3px;margin-bottom:6px;text-shadow:3px 3px 0 rgba(0,0,0,.1)}.topics-mag-card__subtitle{font-family:var(--font-body);font-size:1.15rem;color:rgba(0,0,0,.6);margin-bottom:24px;font-weight:600;letter-spacing:.5px}.topics-mag-card__hook{font-family:var(--font-body);font-size:1.15rem;line-height:1.65;color:rgba(0,0,0,.75);border-left:5px solid rgba(0,0,0,.25);padding-left:18px;margin-bottom:28px;font-style:italic}.topics-mag-card__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.topics-mag-card__desc{font-family:var(--font-body);font-size:.9rem;color:rgba(0,0,0,.55);line-height:1.55;flex:1 1;max-width:560px}.topics-mag-card__cta{font-family:var(--font-primary);font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:10px 24px;border:3px solid #000;background:#000;color:#fff;border-radius:3px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:4px 4px 0 0 rgba(0,0,0,.3)}.topics-mag-card:hover .topics-mag-card__cta{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 rgba(0,0,0,.3)}@media (max-width:768px){.topics-header__title{font-size:3rem}.topics-mag-card__content{padding:28px 22px 24px}.topics-mag-card__title{font-size:3.2rem}.topics-mag-card__hook{font-size:1rem}.topics-mag-card__bottom{flex-direction:column;align-items:stretch;gap:16px}.topics-mag-card__cta{text-align:center}}@media (max-width:480px){.topics-header{padding:32px 0 8px}.topics-header__title{font-size:2.5rem}.topics-header__desc{font-size:.95rem}.topics-mag-card__title{font-size:2.6rem}.topics-mag-card__subtitle{font-size:1rem}.topics-mag-card__icon{font-size:2.5rem}}.topic-hero{text-align:center;padding:40px 24px 32px;margin-bottom:32px;background:var(--color-accent-yellow);border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow);position:relative;overflow:hidden}.topic-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,var(--color-accent) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--color-accent-blue) 0,transparent 50%);opacity:.15;pointer-events:none}.topic-hero__badge{display:inline-block;font-size:.75rem;letter-spacing:3px;background:var(--color-border);color:var(--color-surface);padding:4px 16px;margin-bottom:10px;transform:rotate(-2deg)}.topic-hero__badge,.topic-hero__title{font-family:var(--font-primary);text-transform:uppercase}.topic-hero__title{font-size:4.5rem;line-height:1;text-shadow:3px 3px 0 var(--color-accent);margin-bottom:6px;position:relative}.topic-hero__subtitle{font-family:var(--font-body);font-size:1.05rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.topic-hero__hook{font-family:var(--font-body);font-size:1rem;font-weight:600;font-style:italic;color:var(--color-text-primary);max-width:580px;margin:0 auto 16px;line-height:1.5;padding:10px 20px;border-left:4px solid var(--color-accent);background:rgba(0,0,0,.04);text-align:left}[data-theme=dark] .topic-hero__hook{background:rgba(255,255,255,.06)}.topic-hero__desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-primary);max-width:560px;margin:0 auto 16px;line-height:1.5}.topic-hero__stats{display:flex;gap:24px;justify-content:center}.topic-hero__stat{font-family:var(--font-body);font-size:.85rem;background:var(--color-surface);border:var(--border-width-base) solid var(--color-border);padding:8px 20px;box-shadow:var(--comic-shadow-sm)}.topic-hero__stat strong{font-family:var(--font-primary);font-size:1.2rem;margin-right:4px}.topic-hero__updated{display:block;margin-top:12px;font-family:var(--font-body);font-size:.8rem;color:var(--color-text-muted);letter-spacing:.5px}.topic-explainer-hero{position:relative;background:linear-gradient(135deg,#faf5ff,#f3e8ff 50%,#ede9fe);border:var(--border-width-bold) solid var(--color-border);box-shadow:var(--comic-shadow);padding:32px 28px 28px}[data-theme=dark] .topic-explainer-hero{background:linear-gradient(135deg,#1e1b4b,#2e1065 50%,#1e1b4b)}.topic-explainer-hero__start-badge{position:absolute;top:-14px;left:24px;font-family:var(--font-primary);font-size:1rem;letter-spacing:3px;text-transform:uppercase;background:var(--color-accent);color:#fff;padding:6px 20px;border:3px solid var(--color-border);box-shadow:var(--comic-shadow-sm);transform:rotate(-2deg)}.topic-explainer-hero__list{display:flex;flex-direction:column;gap:16px}.topic-explainer-hero__card{display:block;text-decoration:none;color:var(--color-text-primary);background:var(--color-surface);border:3px solid var(--color-border);box-shadow:var(--comic-shadow-sm);padding:24px;transition:transform var(--transition-comic),box-shadow var(--transition-comic)}.topic-explainer-hero__card:hover{transform:translate(-3px,-3px);box-shadow:var(--comic-shadow-hover)}.topic-explainer-hero__card-badge{display:inline-block;font-family:var(--font-primary);font-size:.75rem;letter-spacing:2px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:3px 12px;border:2px solid var(--color-border);margin-bottom:12px}.topic-explainer-hero__card-title{font-family:var(--font-body);font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:8px}.topic-explainer-hero__card-summary{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.topic-explainer-hero__card-cta{font-family:var(--font-primary);font-size:1.1rem;color:#7c3aed;letter-spacing:1px}[data-theme=dark] .topic-explainer-hero__card-cta{color:#a855f7}.topic-section{margin-bottom:56px}.topic-section__heading{font-family:var(--font-primary);font-size:2rem;text-transform:uppercase;margin-bottom:24px;padding-bottom:12px;border-bottom:var(--border-width-bold) solid var(--color-border);display:flex;align-items:center;gap:12px}.topic-section__icon{font-size:1.6rem}.topic-featured{display:flex;gap:24px;padding:0;overflow:hidden;text-decoration:none;color:var(--color-text-primary)}.topic-featured__img{width:320px;min-height:200px;object-fit:cover;flex-shrink:0;border-right:var(--border-width-bold) solid var(--color-border)}.topic-featured__body{padding:24px;display:flex;flex-direction:column;gap:12px;justify-content:center}.topic-featured__badge{display:inline-block;width:-moz-fit-content;width:fit-content;font-family:var(--font-primary);font-size:.8rem;letter-spacing:2px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:4px 14px;border:2px solid var(--color-border)}.topic-featured__title{font-family:var(--font-body);font-size:1.5rem;font-weight:700;line-height:1.3}.topic-featured__summary{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.topic-featured__cta{font-family:var(--font-primary);font-size:1rem;color:var(--color-accent);letter-spacing:1px}.topic-latest{display:flex;flex-direction:column;gap:16px}.topic-latest__hero{display:block;text-decoration:none;color:var(--color-text-primary);overflow:hidden;padding:0;position:relative}.topic-latest__featured-badge{position:absolute;top:12px;left:12px;font-family:var(--font-primary);font-size:.8rem;letter-spacing:2px;background:var(--color-accent);color:#fff;padding:4px 14px;border:2px solid var(--color-border);box-shadow:var(--comic-shadow-sm);z-index:1;transform:rotate(-2deg)}.topic-latest__hero-img{width:100%;height:280px;object-fit:cover;border-bottom:var(--border-width-bold) solid var(--color-border)}.topic-latest__hero-body{padding:24px}.topic-latest__hero-title{font-family:var(--font-body);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:8px}.topic-latest__hero-summary{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.topic-latest__card{display:flex;align-items:stretch;gap:0;text-decoration:none;color:var(--color-text-primary);overflow:hidden;padding:0}.topic-latest__rank{font-family:var(--font-primary);font-size:1.6rem;display:flex;align-items:center;justify-content:center;min-width:56px;background:var(--color-accent-yellow)}.topic-latest__img,.topic-latest__rank{border-right:var(--border-width-bold) solid var(--color-border);flex-shrink:0}.topic-latest__img{width:140px;height:100%;object-fit:cover}.topic-latest__body{padding:16px 20px;display:flex;flex-direction:column;gap:6px;justify-content:center;flex:1 1;min-width:0}.topic-latest__title{font-family:var(--font-body);font-size:1.1rem;font-weight:700;line-height:1.3}.topic-latest__summary{font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-latest__date,.topic-latest__summary{font-family:var(--font-body);color:var(--color-text-muted)}.topic-latest__date{font-size:.8rem}.topic-related-tags{display:flex;flex-wrap:wrap;gap:16px}.topic-related-tag{display:inline-block;font-family:var(--font-primary);font-size:1.1rem;text-decoration:none;color:var(--color-text-primary);padding:16px 28px;background:var(--color-accent-yellow);letter-spacing:1px}.topic-prose{font-family:var(--font-body);font-size:1.05rem;line-height:1.8;color:var(--color-text-secondary);padding:32px 36px;column-count:2;column-gap:36px;column-rule:2px solid var(--color-border)}.topic-prose p{margin-bottom:16px;text-align:justify}.topic-prose p:first-child:first-letter{font-family:var(--font-primary);font-size:3.2rem;float:left;line-height:1;margin-right:8px;margin-top:4px;color:var(--color-accent)}.topic-prose p:last-child{margin-bottom:0}.topic-why-matters{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.topic-why-matters__card{padding:28px;display:flex;flex-direction:column;gap:12px;transition:transform var(--transition-comic),box-shadow var(--transition-comic)}.topic-why-matters__card:hover{transform:translate(-2px,-2px);box-shadow:var(--comic-shadow-hover)}.topic-why-matters__icon{font-size:2rem}.topic-why-matters__title{font-family:var(--font-primary);font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.topic-why-matters__text{font-family:var(--font-body);font-size:.95rem;line-height:1.65;color:var(--color-text-secondary)}@media (max-width:768px){.topic-prose{column-count:1;padding:24px 20px;font-size:1rem}.topic-why-matters{grid-template-columns:1fr}}.icc-tl-outer{overflow-x:auto;overflow-y:visible;padding-bottom:20px;cursor:-webkit-grab;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.icc-tl-outer::-webkit-scrollbar{display:none}.icc-tl-outer:active{cursor:-webkit-grabbing;cursor:grabbing}.icc-tl{display:flex;align-items:flex-start;position:relative;min-width:max-content;padding:40px 24px 0;gap:0}.icc-tl__line{position:absolute;top:60px;left:0;right:0;height:4px;background:var(--color-border);z-index:0}.icc-tl__endpoint{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:10px;z-index:1;min-width:80px}.icc-tl__endpoint-label{font-family:var(--font-primary);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;background:var(--color-surface);border:var(--border-width-base) solid var(--color-border);padding:4px 14px;box-shadow:var(--comic-shadow-sm);white-space:nowrap}.icc-tl__endpoint-pulse{width:14px;height:14px;background:var(--color-accent);border-radius:50%;margin-top:12px;animation:icc-pulse 2s ease-in-out infinite}@keyframes icc-pulse{0%,to{box-shadow:0 0 0 0 rgba(255,77,109,.5)}50%{box-shadow:0 0 0 8px rgba(255,77,109,0)}}.icc-tl__divider{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:10px;margin:0 12px;z-index:1}.icc-tl__divider-label{font-family:var(--font-primary);font-size:.85rem;letter-spacing:1px;background:var(--color-accent);color:#fff;padding:4px 14px;border:2px solid var(--color-border);box-shadow:var(--comic-shadow-sm);white-space:nowrap}.icc-tl__item{flex-shrink:0;width:260px;margin:0 8px;position:relative}.icc-tl__item,.icc-tl__marker{display:flex;flex-direction:column;align-items:center}.icc-tl__marker{z-index:1;margin-bottom:12px}.icc-tl__dot{width:18px;height:18px;background:var(--color-surface);border:4px solid var(--color-border);border-radius:50%;margin-bottom:6px;box-shadow:0 0 0 3px var(--color-bg)}.icc-tl__dot--active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(255,77,109,.3),0 0 12px rgba(255,77,109,.2)}.icc-tl__year{font-family:var(--font-primary);font-size:1.2rem;letter-spacing:2px;background:var(--color-accent-yellow);padding:4px 14px;border:3px solid var(--color-border);box-shadow:var(--comic-shadow-sm);white-space:nowrap}.icc-tl__item--recent .icc-tl__year{background:var(--color-accent);color:#fff}.icc-tl__card{padding:16px;width:100%;transition:transform var(--transition-comic),box-shadow var(--transition-comic)}.icc-tl__card:hover{transform:translate(-2px,-2px);box-shadow:var(--comic-shadow-hover)}.icc-tl__item--recent .icc-tl__card{border-top:4px solid var(--color-accent)}.icc-tl__event{font-family:var(--font-body);font-size:1rem;font-weight:700;margin-bottom:6px;line-height:1.3}.icc-tl__desc{font-family:var(--font-body);font-size:.82rem;color:var(--color-text-muted);line-height:1.5}@media (max-width:768px){.topic-hero{padding:28px 16px 24px;margin-bottom:24px}.topic-hero__title{font-size:3.5rem}.topic-hero__subtitle{font-size:1rem}.topic-hero__desc{font-size:.9rem}.topic-hero__stats{gap:12px;align-items:center}.topic-featured,.topic-hero__stats{flex-direction:column}.topic-featured__img{width:100%;height:200px;border-right:none;border-bottom:var(--border-width-bold) solid var(--color-border)}.topic-latest__card{flex-direction:column}.topic-latest__rank{min-width:unset;padding:8px}.topic-latest__img,.topic-latest__rank{border-right:none;border-bottom:var(--border-width-bold) solid var(--color-border)}.topic-latest__img{width:100%;height:160px}.topic-section__heading{font-size:1.5rem}.topic-hero__hook{font-size:.9rem}.topic-explainer-hero{padding:28px 20px 24px}.topic-explainer-hero__card-title{font-size:1.2rem}.topic-latest__hero-img{height:200px}.topic-latest__hero-title{font-size:1.25rem}.topic-latest__hero-body{padding:16px}.icc-tl-outer{overflow-x:visible;padding-bottom:0;cursor:default}.icc-tl{flex-direction:column;min-width:unset;padding:0 0 0 28px;gap:0}.icc-tl__line{top:0;bottom:0;left:10px;right:auto;width:4px;height:auto}.icc-tl__item{width:100%;margin:0 0 20px;align-items:flex-start}.icc-tl__marker{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.icc-tl__dot{position:absolute;left:-24px}.icc-tl__endpoint{min-width:unset;align-items:flex-start;margin-bottom:16px;margin-left:-28px;padding:0}.icc-tl__divider{align-items:flex-start;margin:16px 0 16px -28px}.icc-tl__item--recent .icc-tl__card{border-top:none;border-left:4px solid var(--color-accent)}.icc-tl__card{padding:14px}.icc-tl__event{font-size:.95rem}.icc-tl__desc{font-size:.8rem}}@media (max-width:480px){.topic-hero__title{font-size:2.5rem}.topic-hero__badge{font-size:.75rem;letter-spacing:2px}.icc-tl{padding-left:22px}.icc-tl__dot{left:-20px;width:10px;height:10px}}.explainers-hero{text-align:center;padding:48px 0 12px}.explainers-hero__label{font-size:.8rem;letter-spacing:4px;color:var(--color-text-muted)}.explainers-hero__label,.explainers-hero__title{font-family:var(--font-primary);text-transform:uppercase}.explainers-hero__title{font-size:4rem;letter-spacing:2px;line-height:1;position:relative;display:inline-block;margin-top:8px}.explainers-hero__title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:110%;height:12px;background:var(--color-accent-yellow);z-index:-1;opacity:.7}.explainers-hero__subtitle{font-family:var(--font-primary);font-size:1.6rem;color:#000;max-width:600px;margin:20px auto 0;line-height:1.4;letter-spacing:1px;text-transform:uppercase;background:var(--color-accent-yellow);display:inline-block;padding:6px 20px;border:3px solid var(--color-border);box-shadow:var(--comic-shadow-sm);transform:rotate(-1deg)}.explainers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px;margin-top:32px}.explainer-card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text-primary);border-radius:0;overflow:hidden;cursor:pointer}.explainer-card__img{width:100%;height:180px;background-size:cover;background-position:50%;border-bottom:var(--border-width-base) solid var(--color-border)}.explainer-card__body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1 1}.explainer-card__title{font-family:var(--font-primary);font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;line-height:1.2;margin-bottom:8px}.explainer-card__summary{font-family:var(--font-body);font-size:.92rem;color:var(--color-text-muted);line-height:1.6;flex:1 1;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.explainer-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.explainer-card__tag{font-family:var(--font-primary);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;background:var(--color-accent-yellow);color:#000;padding:3px 10px;border:2px solid #000;font-weight:700}.explainer-card__tags{display:flex;gap:6px;flex-wrap:wrap}.explainer-card__tag-chip{font-family:var(--font-body);font-size:.72rem;background:var(--color-bg);color:var(--color-text-muted);padding:2px 8px;border:1px solid var(--color-border);border-radius:2px}@media (max-width:768px){.explainers-hero__title{font-size:3rem}.explainers-hero__subtitle{font-size:1.2rem;padding:5px 16px}.explainers-grid{grid-template-columns:1fr;gap:16px}.explainer-card__title{font-size:1.2rem}}@media (max-width:480px){.explainers-hero{padding:32px 0 8px}.explainers-hero__title{font-size:2.5rem}.explainers-hero__subtitle{font-size:1rem;padding:4px 12px}}