:root{--au-bg:#080b0f;--au-panel:#11161c;--au-panel-2:#171d24;--au-line:#2b333d;--au-text:#f5f7fa;--au-muted:#9ca6b2;--au-red:#ef2f2f;--au-gold:#f3b51b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--au-bg);color:var(--au-text);font:15px/1.55 Arial,Helvetica,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.au-head{position:sticky;z-index:20;top:0;min-height:78px;padding:14px max(24px,4vw);display:grid;grid-template-columns:minmax(180px,320px) 1fr;align-items:center;gap:30px;background:#090c10f2;border-bottom:1px solid var(--au-line);box-shadow:0 10px 30px #0007;backdrop-filter:blur(12px)}
.au-brand{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1.4rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.au-brand img{width:auto;max-width:230px;height:58px;object-fit:contain;object-position:left center}
.au-head nav{display:flex;justify-content:flex-end;gap:8px;overflow:auto}
.au-head nav a{padding:10px 13px;color:#c8ced6;text-decoration:none;text-transform:uppercase;white-space:nowrap;font-size:.73rem;font-weight:800;letter-spacing:.08em;border-bottom:2px solid transparent}
.au-head nav a:hover{color:#fff;border-color:var(--au-red)}
.au-home{max-width:1420px;margin:0 auto;padding:32px clamp(16px,3vw,42px) 70px}
.au-hero{border:1px solid var(--au-line);background:var(--au-panel);box-shadow:0 20px 70px #0009}
.au-hero .au-card{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);min-height:540px;background:var(--au-panel);border:0}
.au-hero .au-pic{position:relative;overflow:hidden}
.au-hero .au-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,var(--au-panel))}
.au-hero .au-pic img{width:100%;height:100%;min-height:540px;object-fit:cover;transition:transform .5s ease}
.au-hero:hover .au-pic img{transform:scale(1.025)}
.au-hero .au-card>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:48px 38px}
.au-card small{color:var(--au-red);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.au-hero h3,.au-hero h1{margin:13px 0 18px;font-size:clamp(2.25rem,4vw,4.3rem);line-height:.98;text-transform:uppercase;letter-spacing:-.04em}
.au-hero h3 a{text-decoration:none}
.au-hero p{color:#c2c8cf;font-size:1.04rem}
.au-types{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 36px;background:#0d1116;border:1px solid var(--au-line);border-top:4px solid var(--au-red)}
.au-types span{padding:16px;text-align:center;color:#dce1e7;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border-right:1px solid var(--au-line)}
.au-types span:last-child{border:0}
.au-two{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.82fr);gap:24px}
.au-two>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.au-two>aside .au-card{height:100%}
.au-card{overflow:hidden;background:var(--au-panel);border:1px solid var(--au-line);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.au-card:hover{transform:translateY(-3px);border-color:#505a66;box-shadow:0 16px 36px #0008}
.au-card .au-pic{display:block;background:#202731;overflow:hidden}
.au-card .au-pic img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}
.au-card:hover .au-pic img{transform:scale(1.035)}
.au-card>div{padding:22px}
.au-card h3{margin:9px 0 12px;font-size:1.35rem;line-height:1.15;text-transform:uppercase}
.au-card h3 a{text-decoration:none}
.au-card p{margin:0;color:var(--au-muted)}
.au-guides{margin-top:54px;padding-top:22px;border-top:4px solid var(--au-red)}
.au-guides>h2{margin:0 0 24px;font-size:1.75rem;text-transform:uppercase;letter-spacing:.02em}
.au-guides>.au-card{display:grid;grid-template-columns:280px 1fr;min-height:170px;margin-bottom:12px}
.au-guides>.au-card .au-pic img{height:100%;aspect-ratio:auto}
.au-article,.au-category,.au-related{max-width:1240px;margin:0 auto;padding:54px 24px}
.au-article>header{display:grid;grid-template-columns:150px minmax(0,850px);gap:30px;align-items:start;margin-bottom:35px;border-top:5px solid var(--au-red);padding-top:24px}
.au-article>header small{color:var(--au-red);font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.au-article h1{grid-column:2;margin:0;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.94;text-transform:uppercase;letter-spacing:-.045em}
.au-article>header p,.au-article>header time{grid-column:2;color:var(--au-muted)}
.au-cover{width:100%;max-height:720px;object-fit:cover;border:1px solid var(--au-line)}
.au-body{display:flex;max-width:940px;margin:48px auto 0;flex-direction:column}
.au-copy{order:1}
.au-copy{font:18px/1.78 Georgia,serif;color:#e5e8ec}
.au-copy h2,.au-copy h3{font-family:Arial,sans-serif;line-height:1.15;text-transform:uppercase}
.au-copy h2{margin-top:2.2em;padding-left:18px;border-left:5px solid var(--au-red)}
.au-copy a{color:#ff6868}
.au-copy blockquote,.au-copy aside{margin:30px 0;padding:25px 28px;background:var(--au-panel-2);border-left:5px solid var(--au-red)}
.au-copy table{width:100%;border-collapse:collapse;background:var(--au-panel)}
.au-copy th,.au-copy td{padding:11px;border:1px solid #3b444e;text-align:left}
.au-tech{order:2;margin-top:52px;padding:24px 28px;background:var(--au-panel-2);border-top:4px solid var(--au-red)}
.au-tech h2{margin-top:0;text-transform:uppercase}
.au-tech dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.au-tech dt{color:var(--au-muted)}
.au-tech dd{margin:0;text-align:right;font-weight:700}
.au-related>div,.au-category>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.au-category>header{margin-bottom:30px;padding-bottom:20px;border-bottom:5px solid var(--au-red)}
.au-category h1{font-size:clamp(2.5rem,6vw,5rem);text-transform:uppercase}
.au-foot{padding:48px max(24px,5vw);display:grid;grid-template-columns:2fr 2fr 1fr;gap:30px;background:#05070a;color:#c2c8cf;border-top:1px solid var(--au-line)}
.au-foot strong{color:#fff;font-size:1.4rem;text-transform:uppercase}
.au-foot a{color:#ff5a5a}
@media(max-width:980px){.au-hero .au-card{grid-template-columns:1.3fr .8fr}.au-two{grid-template-columns:1fr}.au-two>aside .au-card{display:grid;grid-template-columns:40% 1fr}.au-body{grid-template-columns:1fr}.au-tech{position:static}.au-related>div,.au-category>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.au-head{position:relative;grid-template-columns:1fr;padding:15px 18px}.au-brand img{max-width:180px;height:50px}.au-head nav{justify-content:flex-start}.au-home{padding:16px 12px 50px}.au-hero .au-card{display:block;min-height:0}.au-hero .au-pic:after{background:linear-gradient(transparent 70%,var(--au-panel))}.au-hero .au-pic img{min-height:280px;height:45vh}.au-hero .au-card>div:last-child{padding:28px 22px}.au-types{grid-template-columns:repeat(2,1fr)}.au-two>div,.au-related>div,.au-category>div{grid-template-columns:1fr}.au-two>aside .au-card,.au-guides>.au-card{display:block}.au-article{padding:35px 16px}.au-article>header{display:block}.au-article h1{margin:12px 0}.au-copy{font-size:17px}.au-foot{grid-template-columns:1fr}}

/* Shared pagination */
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:34px auto 10px;padding:0 12px}.pagination a,.pagination span{min-width:42px;min-height:42px;border:1px solid var(--border,#d9dee7);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;text-decoration:none;background:var(--surface,#fff);color:var(--text,#111827);font-weight:750}.pagination a:hover{border-color:var(--accent,#2563eb);color:var(--accent,#2563eb)}.pagination a[aria-current="page"]{background:var(--accent,#2563eb);border-color:var(--accent,#2563eb);color:#fff}.pagination-ellipsis{border-color:transparent;background:transparent;color:var(--muted,#667085)}.pagination-prev,.pagination-next{min-width:auto;padding-inline:18px}@media(max-width:640px){.pagination{gap:6px}.pagination a,.pagination span{min-width:38px;min-height:38px;padding:8px 11px}.pagination-ellipsis{display:none}.pagination-prev,.pagination-next{flex:1 1 130px}}