.xg-story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:20px 0}.xg-story-grid.xg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xg-story-grid.xg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xg-story-grid.xg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xg-story-grid.xg-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xg-story-card{min-width:0;background:#15171d;color:#f7f7f7;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px #0002}.xg-story-cover{position:relative;display:block;aspect-ratio:2/3;background:#262a33;overflow:hidden}.xg-story-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.xg-story-cover:hover img{transform:scale(1.04)}.xg-no-cover{display:grid;place-items:center;height:100%;color:#ddd}.xg-story-badge{position:absolute;top:9px;left:9px;background:#d9a441;color:#171717;font-size:12px;font-weight:700;padding:5px 8px;border-radius:4px}.xg-is-adult .xg-story-badge{background:#a92f3d;color:white}.xg-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:#0009;color:#fff;font-weight:700}.xg-story-card-info{padding:12px}.xg-story-card-info h3{font-size:16px;line-height:1.4;margin:0 0 7px;color:inherit}.xg-story-card-info p{font-size:13px;margin:5px 0;color:#c6c8ce}.xg-story-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.xg-adult-toggle{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;margin:15px 0;background:#20232b;color:#fff;border-radius:8px}.xg-adult-toggle span{font-weight:700}.xg-adult-toggle small{flex-basis:100%;opacity:.8}.xg-adult-switch{border:0;border-radius:6px;padding:10px 15px;background:#b02d3d;color:#fff;font-weight:700;cursor:pointer}.xg-story-detail{margin-top:28px}.xg-episode-list{padding:0;list-style:none}.xg-episode-list li{margin:8px 0}.xg-episode-list a{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:7px;background:#f1f2f5;color:#20222a;text-decoration:none}.xg-episode-list a:hover{background:#e3e6ed}.xg-adult-gate{padding:25px;border:1px solid #a92f3d;border-radius:10px;text-align:center}@media(max-width:900px){.xg-story-grid,.xg-story-grid.xg-cols-5,.xg-story-grid.xg-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.xg-story-grid,.xg-story-grid.xg-cols-2,.xg-story-grid.xg-cols-3,.xg-story-grid.xg-cols-4,.xg-story-grid.xg-cols-5,.xg-story-grid.xg-cols-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xg-story-card-info{padding:9px}.xg-story-card-info h3{font-size:14px}.xg-episode-list a{display:block}.xg-episode-list a span{display:block;margin-top:5px}}

/* Mobile layout fix: always show story cards in two columns */
@media screen and (max-width: 560px){body .xg-story-grid,body .xg-story-grid.xg-cols-2,body .xg-story-grid.xg-cols-3,body .xg-story-grid.xg-cols-4,body .xg-story-grid.xg-cols-5,body .xg-story-grid.xg-cols-6{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;width:100% !important;}body .xg-story-grid .xg-story-card{width:auto !important;max-width:none !important;min-width:0 !important;float:none !important;margin:0 !important;}body .xg-story-grid .xg-story-card-info h3{font-size:14px !important;}}
