:root{--solox-yellow:#cf0;--solox-black:#0a0a0a;--solox-white:#fff;--solox-gray:#6b6b6b;--solox-gray-light:#ececec;--solox-bg:#fff;--content-width:760px;--wide-width:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--solox-bg);color:var(--solox-black);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--wide-width);margin:0 auto;padding:0 20px}.site-header{background:var(--solox-black);border-bottom:3px solid var(--solox-yellow);z-index:50;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.logo{color:var(--solox-yellow);letter-spacing:.14em;text-transform:uppercase;font-size:1.6rem;font-weight:700}.main-nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.main-nav a{color:var(--solox-white);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:color .15s,background .15s}.main-nav a:hover{color:var(--solox-black);background:var(--solox-yellow)}.site-footer{background:var(--solox-black);color:var(--solox-white);border-top:3px solid var(--solox-yellow);margin-top:80px;padding:48px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer-grid h3{color:var(--solox-yellow);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.85rem}.footer-grid p{color:#b8b8b8;max-width:40ch;font-size:.9rem}.footer-grid ul{list-style:none}.footer-grid li a{color:#b8b8b8;font-size:.9rem;line-height:2}.footer-grid li a:hover{color:var(--solox-yellow)}.footer-bottom{color:#8a8a8a;border-top:1px solid #262626;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;font-size:.8rem;display:flex}.hero{background:var(--solox-black);color:var(--solox-white);padding:96px 0}.hero h1{max-width:18ch;font-size:clamp(2.2rem,5.5vw,4rem);font-weight:700;line-height:1.1}.hero h1 em{color:var(--solox-yellow);font-style:normal}.hero p{color:#c9c9c9;max-width:60ch;margin-top:20px;font-size:1.1rem}.hero-cta{background:var(--solox-yellow);color:var(--solox-black);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;margin-top:32px;padding:14px 28px;font-weight:700;transition:transform .15s;display:inline-block}.hero-cta:hover{transform:translateY(-2px)}.section{padding:56px 0 0}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.section-head h2{text-transform:uppercase;letter-spacing:.05em;border-left:6px solid var(--solox-yellow);padding-left:14px;font-size:1.5rem}.section-head a{text-transform:uppercase;color:var(--solox-gray);font-size:.85rem;font-weight:700}.section-head a:hover{color:var(--solox-black)}.post-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.post-card{border:1px solid var(--solox-gray-light);background:var(--solox-white);border-radius:8px;transition:transform .15s,box-shadow .15s;overflow:hidden}.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0a0a0a17}.post-card-media{aspect-ratio:16/9;background:var(--solox-black);border-bottom:3px solid var(--solox-yellow);overflow:hidden}.post-card-media img{object-fit:cover;width:100%;height:100%}.post-card-media-fallback{width:100%;height:100%;color:var(--solox-yellow);letter-spacing:.14em;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.post-card-body{padding:18px 20px 22px}.post-card-category{text-transform:uppercase;letter-spacing:.1em;color:var(--solox-black);background:var(--solox-yellow);border-radius:3px;margin-bottom:10px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.post-card-body h3{margin-bottom:8px;font-size:1.05rem;line-height:1.35}.post-card-body p{color:var(--solox-gray);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.post-card-date{color:var(--solox-gray);margin-top:12px;font-size:.78rem;display:block}.article-header{max-width:var(--content-width);text-align:center;margin:56px auto 0;padding:0 20px}.article-category-link{text-transform:uppercase;letter-spacing:.12em;background:var(--solox-yellow);border-radius:3px;padding:4px 12px;font-size:.78rem;font-weight:700}.article-title{margin-top:18px;font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.15}.article-hero{max-width:var(--wide-width);margin:36px auto 0;padding:0 20px}.article-hero img{aspect-ratio:21/9;object-fit:cover;border:4px solid var(--solox-yellow);border-radius:8px;width:100%}.article-meta{max-width:var(--content-width);border-bottom:1px solid var(--solox-gray-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:28px auto 0;padding:0 20px 20px;display:flex}.byline{align-items:center;gap:12px;display:flex}.byline-avatar{background:var(--solox-black);width:44px;height:44px;color:var(--solox-yellow);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.byline-name{font-size:.95rem;font-weight:700}.byline-date{color:var(--solox-gray);font-size:.82rem}.share-links{gap:8px;display:flex}.share-links a{text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--solox-black);border-radius:4px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:background .15s}.share-links a:hover{background:var(--solox-yellow)}.article-body{max-width:var(--content-width);margin:36px auto 0;padding:0 20px;font-size:1.05rem}.article-body h2{border-left:6px solid var(--solox-yellow);margin:2.2em 0 .7em;padding-left:14px;font-size:1.5rem}.article-body h3{margin:1.8em 0 .6em;font-size:1.2rem}.article-body p,.article-body ul,.article-body ol{margin-bottom:1.15em}.article-body ul,.article-body ol{padding-left:1.4em}.article-body a{color:var(--solox-black);text-decoration:underline;-webkit-text-decoration-color:var(--solox-yellow);text-decoration-color:var(--solox-yellow);text-underline-offset:3px;font-weight:600;text-decoration-thickness:2.5px}.article-body img{border-radius:6px;margin:1.5em 0}.article-body blockquote{border-left:4px solid var(--solox-yellow);color:var(--solox-gray);margin-bottom:1.15em;padding:4px 0 4px 18px}.article-body table{border-collapse:collapse;width:100%;margin-bottom:1.15em;font-size:.92rem}.article-body th,.article-body td{border:1px solid var(--solox-gray-light);text-align:left;padding:8px 12px}.article-body th{background:var(--solox-black);color:var(--solox-yellow)}.article-body iframe{aspect-ratio:16/9;border:0;border-radius:6px;width:100%;margin:1.5em 0}.article-body code{background:var(--solox-gray-light);border-radius:3px;padding:2px 5px;font-size:.9em}.article-body pre{background:var(--solox-black);color:var(--solox-white);border-radius:8px;margin-bottom:1.15em;padding:16px 20px;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.related{max-width:var(--wide-width);margin:72px auto 0;padding:0 20px}.page-header{background:var(--solox-black);color:var(--solox-white);padding:56px 0}.page-header h1{color:var(--solox-yellow);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.8rem,4vw,2.6rem)}.page-header p{color:#c9c9c9;max-width:65ch;margin-top:10px}.empty-note{color:var(--solox-gray);padding:48px 0}.tool-frame{border:2px dashed var(--solox-gray-light);text-align:center;color:var(--solox-gray);border-radius:8px;margin-top:32px;padding:64px 24px}@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.site-header-inner{flex-direction:column;align-items:flex-start;height:auto;padding:12px 0}.post-grid,.footer-grid{grid-template-columns:1fr}.article-meta{flex-direction:column;align-items:flex-start}}