/* Base styles - Japan TCG Price Guide */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans',sans-serif;background:#f5f5f5;color:#222;padding:10px;max-width:900px;margin:0 auto;line-height:1.5}
a{color:#EE1515}
h1,h2,h3{margin:15px 0 10px}
.back{display:inline-block;margin-bottom:15px;color:#666;text-decoration:none;font-size:.9em}
.back:hover{color:#EE1515}
.card-pokemon{border-left:3px solid #EE1515;padding-left:10px;margin:10px 0}
.card-onepiece{border-left:3px solid #FFD700;padding-left:10px;margin:10px 0}
.jp{color:#9370DB;font-size:.85em}
.price{color:#228B22;font-weight:bold}
.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75em;margin:2px}
.tag-buy{background:#d4edda;color:#155724}
.tag-flip{background:#fff3cd;color:#856404}
.tag-grail{background:#f8d7da;color:#721c24}

/* Footer component */
#site-footer{background:#f5f5f5;color:#666;padding:30px 15px;margin:40px -10px -10px;font-size:.85em}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:25px;max-width:800px;margin:0 auto 25px}
.footer-col h4{color:#333;font-size:.9em;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.footer-col a{display:block;color:#666;text-decoration:none;padding:4px 0}
.footer-col a:hover{color:#333}
.footer-legal{text-align:center;padding-top:20px;border-top:1px solid #ddd;font-size:.8em;line-height:1.8}
.footer-legal a{color:#666}
.footer-legal a:hover{color:#333}
@media(max-width:500px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:20px 15px}
  .footer-col h4{font-size:.8em;margin-bottom:8px}
  .footer-col a{font-size:.85em;padding:3px 0}
  .footer-legal{font-size:.75em;line-height:1.6}
  .footer-legal p{margin:5px 0}
}

/* Print Styles */
@media print {
  header, footer, .filters, .search-bar, button { display: none !important; }
  .card-grid { display: block !important; }
  .card-tile { display: inline-block; width: 80px; margin: 5px; page-break-inside: avoid; }
  .card-tile img { width: 100%; }
  body { background: #fff; }
}

/* Shared layout components */
.container{max-width:900px;margin:0 auto;padding:20px}
.breadcrumb{margin-bottom:15px;font-size:.9em}
.subtitle{color:#666;margin-bottom:20px}

/* Set page components (used across 12+ pages) */
.hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:15px 0}
.hero img{width:180px;border-radius:8px;border:2px solid #222}
.hero-info{flex:1;min-width:200px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.stat{background:#fff;padding:10px;border-radius:6px;text-align:center;border:1px solid #ddd}
.stat-label{color:#666;font-size:.75em}
.stat-value{color:#EE1515;font-size:1.1em;font-weight:bold}
.set-h2{color:#fff;background:#EE1515;padding:8px 12px;border-radius:4px;margin:20px 0 10px}