body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6;font-size:16px}*{box-sizing:border-box}a{color:#06c;text-decoration:none;transition:color .2s}a:hover{color:#f60;text-decoration:underline}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#222;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}nav a{flex:1 1 0;min-width:0;text-align:center;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem .5rem;font-size:.95rem;font-weight:500;transition:all .3s}nav a:hover{color:#f60;text-decoration:none}@media (max-width:768px){nav{padding:.8rem .5rem}nav a{font-size:.85rem;padding:.4rem .2rem}}.breadcrumb{font-size:.875rem;padding:1rem 2rem;color:#666;background:#fff;border-bottom:1px solid #e0e0e0}.breadcrumb a{color:#06c}.breadcrumb a:hover{text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:768px){main{padding:1rem}.breadcrumb{padding:.8rem 1rem}}h1{font-size:2rem;margin-bottom:1rem;color:#222;font-weight:700}h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#333;font-weight:600;border-left:4px solid #f60;padding-left:1rem}h3{font-size:1.2rem;margin-bottom:.5rem;color:#444;font-weight:600}p{margin-bottom:1rem;line-height:1.8}section{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (max-width:768px){section{padding:1.5rem;margin-bottom:1.5rem}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem}}.card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem;transition:all .3s}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.card h3{margin-top:0;margin-bottom:.75rem;font-size:1.15rem}.card .meta{font-size:.875rem;color:#666;margin-bottom:.5rem}.card .one-line{font-size:.95rem;color:#555;line-height:1.6}.info p{margin-bottom:.5rem;line-height:1.8}.info strong{color:#555;font-weight:600}ul{list-style:none;padding:0;margin:0}ul li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}ul li:before{content:"▸";position:absolute;left:0;color:#f60;font-weight:700}.note{background:#fffbea;border-left:4px solid #fc0;padding:1rem;margin:1.5rem 0;font-size:.95rem;line-height:1.6}.intro{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:3rem 2rem;border-radius:8px;text-align:center;margin-bottom:2rem}.intro h1{color:#fff;font-size:2.2rem;margin-bottom:1rem}.intro p{font-size:1.05rem;line-height:1.8;max-width:800px;margin:0 auto}@media (max-width:768px){.intro{padding:2rem 1.5rem}.intro h1{font-size:1.6rem}.intro p{font-size:.95rem}}.ui-style-0 body{background:#1a1a1a;color:#f0f0f0}.ui-style-0 section{background:#2a2a2a}.ui-style-0 .card{background:#333;border-color:#444;color:#f0f0f0}.ui-style-1 nav{background:#d32f2f}.ui-style-1 .intro{background:linear-gradient(135deg,#d32f2f 0,#f44336 100%)}.ui-style-2 body{background:#fafafa}.ui-style-2 nav{background:#424242}.ui-style-3 nav{background:#c62828}.ui-style-3 a{color:#c62828}.ui-style-4 body{background:#f9f9f9}.ui-style-4 nav{background:#37474f}.ui-style-5 body{background:#121212;color:#e0e0e0}.ui-style-5 section{background:#1e1e1e}.ui-style-5 nav{background:#000}.ui-style-6 nav{background:#1565c0}.ui-style-6 .intro{background:linear-gradient(135deg,#1565c0 0,#1976d2 100%)}.ui-style-7 nav{background:#0d47a1}.ui-style-7 a{color:#1976d2}.ui-style-8 nav{background:#2e7d32}.ui-style-8 a{color:#388e3c}.ui-style-9 body{background:#000;color:#fff}.ui-style-9 section{background:#1a1a1a}.ui-style-9 nav{background:#000}.ui-style-10 nav{background:#00c75a}.ui-style-10 a{color:#00c75a}.ui-style-11 body{background:#f8f8f8}.ui-style-11 nav{background:#09f}.ui-style-12 nav{background:#ff6700}.ui-style-12 .intro{background:linear-gradient(135deg,#ff6700 0,#ff8533 100%)}.ui-style-13 nav{background:#00a1d6}.ui-style-13 a{color:#00a1d6}.ui-style-14 body{background:#f5f5f5}.ui-style-14 nav{background:#1a237e}