:root{--color-bg:#0d0d0d;--color-surface:#1a1a1a;--color-card:#fff;--color-orange:#f97316;--color-orange-dark:#ea580c;--color-orange-light:#fed7aa;--color-white:#fff;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-500:#737373;--color-gray-700:#404040;--color-gray-900:#171717;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;--radius:8px;--shadow:0 2px 8px rgba(0,0,0,.12);--shadow-hover:0 4px 20px rgba(249,115,22,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-gray-900);line-height:1.7;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1100px;margin:0 auto;padding:0 16px}.site-header{background:var(--color-bg);border-bottom:2px solid var(--color-orange);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{justify-content:space-between;height:64px;max-width:1100px;margin:0 auto;padding:0 16px}.header-inner,.site-logo{display:flex;align-items:center}.site-logo{font-size:1.2rem;font-weight:800;color:var(--color-orange);letter-spacing:-.02em;gap:8px}.site-logo .ball-icon{font-size:1.4rem}.site-nav{display:flex;gap:4px}.site-nav a{color:var(--color-white);font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:var(--radius);transition:background .2s,color .2s}.site-nav a:hover{background:var(--color-orange);color:var(--color-white)}.hero{background:linear-gradient(135deg,#0d0d0d,#1a0a00 50%,#0d0d0d);border-bottom:1px solid #2a1a00;padding:80px 16px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"🏀";position:absolute;font-size:300px;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-badge{display:inline-block;background:var(--color-orange);font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.hero-badge,.hero-title{color:var(--color-white)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.2;margin-bottom:16px;letter-spacing:-.03em}.hero-title span{color:var(--color-orange)}.hero-sub{font-size:1.1rem;color:#a3a3a3;max-width:520px;margin:0 auto}.section{padding:60px 0}.section-bg{background:var(--color-gray-100)}.section-title{font-size:1.5rem;font-weight:800;color:var(--color-gray-900);margin-bottom:28px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1 1;height:2px;background:var(--color-orange);opacity:.3}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.article-card{background:var(--color-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:2px solid transparent;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}.article-card:hover{border-color:var(--color-orange);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.article-card-body{padding:20px;flex:1 1;display:flex;flex-direction:column}.article-card-category{display:inline-block;background:var(--color-orange);color:var(--color-white);font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:10px;letter-spacing:.05em}.article-card-title{font-size:1rem;font-weight:700;color:var(--color-gray-900);line-height:1.5;margin-bottom:8px;flex:1 1}.article-card:hover .article-card-title{color:var(--color-orange-dark)}.article-card-desc{font-size:.85rem;color:var(--color-gray-500);line-height:1.5;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{font-size:.78rem;color:var(--color-gray-500);display:flex;align-items:center;gap:8px}.article-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{background:var(--color-gray-100);color:var(--color-gray-700);font-size:.72rem;padding:2px 8px;border-radius:4px}.category-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.category-chip{background:var(--color-surface);color:var(--color-white);font-size:.85rem;font-weight:600;padding:8px 18px;border-radius:999px;border:1px solid #333;cursor:pointer;transition:background .2s,border-color .2s}.category-chip.active,.category-chip:hover{background:var(--color-orange);border-color:var(--color-orange)}.article-detail{background:var(--color-gray-100);min-height:100vh;padding:40px 0 80px}.article-header{background:var(--color-bg);padding:40px 0;margin-bottom:32px}.article-header-inner{max-width:800px;margin:0 auto;padding:0 16px}.article-category-badge{display:inline-block;background:var(--color-orange);font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:999px}.article-category-badge,.article-title{color:var(--color-white);margin-bottom:16px}.article-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;line-height:1.3}.article-meta{color:#a3a3a3;font-size:.88rem;display:flex;gap:16px;flex-wrap:wrap}.article-body{max-width:800px;margin:0 auto;background:var(--color-card);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow)}.article-body h2{font-size:1.4rem;font-weight:800;color:var(--color-gray-900);margin:36px 0 16px;padding-left:12px;border-left:4px solid var(--color-orange)}.article-body h3{font-size:1.15rem;font-weight:700;color:var(--color-gray-900);margin:28px 0 12px}.article-body p{color:var(--color-gray-700);margin-bottom:18px;line-height:1.8}.article-body ol,.article-body ul{padding-left:24px;margin-bottom:18px;color:var(--color-gray-700)}.article-body li{margin-bottom:6px;line-height:1.7}.article-body strong{color:var(--color-gray-900);font-weight:700}.article-body blockquote{border-left:4px solid var(--color-orange);background:var(--color-gray-100);padding:16px 20px;margin:24px 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--color-gray-700)}.article-body hr{border:none;border-top:2px solid var(--color-gray-200);margin:32px 0}.empty-state{text-align:center;padding:60px 20px;color:var(--color-gray-500)}.empty-state .emoji{font-size:4rem;margin-bottom:16px;display:block}.related-section{max-width:800px;margin:40px auto 0;padding:0 16px}.related-title{font-size:1.2rem;font-weight:800;color:var(--color-white);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-orange)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-orange);font-size:.9rem;font-weight:600;margin-bottom:20px;transition:gap .2s}.back-link:hover{gap:10px}.site-footer{background:#050505;border-top:2px solid var(--color-orange);padding:40px 0;text-align:center}.footer-logo{font-size:1.1rem;font-weight:800;color:var(--color-orange);margin-bottom:12px}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.footer-links a{color:#a3a3a3;font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--color-orange)}.footer-copy{color:#525252;font-size:.8rem}@media (max-width:768px){.header-inner{height:auto;padding:12px 16px;flex-direction:column;gap:10px}.site-nav{width:100%;justify-content:center;flex-wrap:wrap}.site-nav a{font-size:.82rem;padding:6px 10px}.hero{padding:50px 16px}.article-grid{grid-template-columns:1fr}.article-body{padding:24px 16px}.section{padding:40px 0}}