/* RaxiWin article recreation — standalone CSS */
:root {
  --ink: #1e293b;
  --muted: #526174;
  --line: #d9dee7;
  --soft: #fff8f3;
  --red: #e9473f;
  --red-dark: #a91f24;
  --gold: #f5b82e;
  --surface: #ffffff;
  --shadow: 0 8px 28px rgba(28, 35, 48, .07);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body {
  margin: 0; background: #fff; color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px; line-height: 1.72; font-weight: 400;
}
a { color: #0759b5; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: var(--red-dark); }
.site-header { border-bottom: 1px solid #eceef2; background: rgba(255,255,255,.96); }
.header-inner { max-width: 1160px; margin: auto; min-height: 76px; padding: 12px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand img { display:block; width:150px; max-width:100%; height:auto; }
nav { display:flex; align-items:center; gap:25px; flex-wrap:wrap; }
nav a { color:#334155; font-size:14px; font-weight:600; text-decoration:none; }
nav a:hover { color:var(--red); }
.page-shell { width:min(100% - 36px, 860px); margin: 34px auto 72px; }
.article { min-width:0; }
.article-heading { text-align:center; padding: 10px 12px 28px; border-bottom:1px solid #edf0f4; margin-bottom:28px; }
.eyebrow { margin:0 0 6px; color:var(--red-dark); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,h4,h5,h6 { color:#172235; line-height:1.28; font-weight:700; letter-spacing:-.02em; }
h1 { font-size:clamp(30px, 4vw, 42px); margin:0 0 12px; }
h2 { font-size:clamp(23px, 3vw, 29px); margin:38px 0 14px; padding-bottom:9px; border-bottom:1px solid #e9edf2; }
h3 { font-size:21px; margin:28px 0 10px; }
h4 { font-size:18px; margin:24px 0 8px; }
p { margin:0 0 18px; }
.intro { color:var(--muted); max-width:650px; margin:0 auto; font-size:16px; }
.entry-content > * { max-width:100%; }
.entry-content > p:first-child { margin-top:0; }
.entry-content figure { margin:24px auto; text-align:center; }
.entry-content figure img { display:block; max-width:100%; height:auto; margin:0 auto; }
.entry-content img.guide-image { width:auto; max-width:min(100%, 330px); max-height:680px; object-fit:contain; border:1px solid #e5e7eb; border-radius:12px; box-shadow:var(--shadow); }
.entry-content figure:has(img[src*="Screenshot"]) { padding:10px; background:#fff8f6; border:1px solid #f2d8d3; border-radius:14px; }
.entry-content .wp-block-buttons, .entry-content .wp-block-button { text-align:center; margin:12px auto; }
.entry-content .wp-block-button__link, .entry-content a.wp-element-button {
  display:inline-flex; justify-content:center; align-items:center; min-height:42px; padding:11px 24px;
  border-radius:7px; background:var(--red); color:#fff; text-decoration:none; font-size:14px; font-weight:750;
  box-shadow:0 4px 10px rgba(233,71,63,.16); transition:transform .18s ease, filter .18s ease;
}
.entry-content .wp-block-buttons:nth-of-type(2) .wp-block-button__link { background:var(--gold); color:#2b1c00; box-shadow:0 4px 10px rgba(245,184,46,.16); }
.entry-content .wp-block-button__link:hover { transform:translateY(-1px); filter:brightness(.97); }
.entry-content p.has-text-align-center { text-align:center; }
.entry-content table { width:100%; border-collapse:collapse; margin:20px 0 28px; font-size:15px; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.entry-content td,.entry-content th { padding:12px 15px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.entry-content tr:nth-child(odd) { background:#f8fafc; }
.entry-content td:first-child { width:36%; font-weight:650; color:#334155; }
.entry-content ul,.entry-content ol { padding-left:25px; margin:12px 0 22px; }
.entry-content li { padding-left:3px; margin:5px 0; }
.entry-content li::marker { color:var(--red); font-weight:700; }
.entry-content blockquote { margin:22px 0; padding:16px 20px; border-left:4px solid var(--red); background:#fff7f5; border-radius:0 8px 8px 0; color:#3c4656; }
.entry-content hr { border:0; border-top:1px solid var(--line); margin:30px 0; }
.entry-content .wp-block-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.entry-content .wp-block-column { min-width:0; }
.entry-content .raxi-safety-heading { padding:13px 16px; border-left:4px solid #eab044; background:#fff9e9; border-radius:5px; }
.entry-content .raxi-safety-list { padding:16px 20px 16px 40px; background:#f8fafc; border:1px solid #e7ebf0; border-radius:9px; }
.entry-content .raxi-faq-title { margin-top:24px; }
.entry-content details { border:1px solid #e3e8ef; border-radius:8px; margin:10px 0; padding:14px 16px; background:#fff; }
.entry-content summary { cursor:pointer; font-weight:650; }
.entry-content summary::marker { color:#198754; }
.entry-content .wp-block-table { overflow-x:auto; }
.site-footer { background:#fffaf8; border-top:1px solid #f1e4df; }
.footer-inner { max-width:1160px; margin:auto; padding:28px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.footer-inner img { width:118px; height:auto; }
.footer-inner p { margin:0; color:#657184; font-size:13px; max-width:560px; text-align:right; }
@media (max-width:640px) {
  body { font-size:15px; line-height:1.68; }
  .header-inner { padding:12px 18px; min-height:auto; align-items:flex-start; flex-direction:column; gap:12px; }
  .brand img { width:130px; }
  nav { gap:16px; }
  .page-shell { width:min(100% - 30px, 860px); margin:22px auto 48px; }
  .article-heading { padding:8px 0 22px; margin-bottom:20px; }
  h2 { margin-top:30px; }
  .entry-content td,.entry-content th { padding:9px 10px; font-size:14px; }
  .entry-content .wp-block-columns { grid-template-columns:1fr; }
  .footer-inner { flex-direction:column; align-items:flex-start; }
  .footer-inner p { text-align:left; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }


/* Enhanced visual polish and clear, button-style calls to action */
:root { --red:#ed453f; --red-dark:#b9232b; --gold:#ffc642; --ink:#202536; --soft:#fff5f0; }
body { background:linear-gradient(180deg,#fffaf7 0,#fff 360px); }
.site-header { position:sticky; top:0; z-index:20; box-shadow:0 4px 18px rgba(45,25,20,.045); backdrop-filter:blur(12px); }
.header-inner { min-height:82px; }
.brand img { width:158px; }
nav a { padding:9px 12px; border-radius:999px; transition:background .2s ease,color .2s ease; }
nav a:hover { background:#fff0eb; color:var(--red-dark); }
.page-shell { width:min(100% - 36px,900px); margin-top:30px; }
.article { background:#fff; border:1px solid #f1e5df; border-radius:20px; padding:clamp(18px,4vw,42px); box-shadow:0 16px 50px rgba(70,34,24,.055); }
.article-heading { position:relative; overflow:hidden; margin:-4px 0 30px; padding:30px 20px 32px; border:1px solid #f7d6c9; border-radius:17px; background:radial-gradient(circle at 90% 10%,rgba(255,198,66,.28),transparent 32%),linear-gradient(135deg,#fff0e9,#fffaf1 65%,#fff); }
.eyebrow { display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border-radius:999px; background:#ffe0d8; color:#a51f25; letter-spacing:.1em; }
.article-heading h1 { margin-top:10px; color:#24202a; }
.intro { line-height:1.7; }
.entry-content a.cta-button,.entry-content a.cta-button:visited,.entry-content a.wp-element-button,.entry-content .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:13px 23px; margin:7px 5px 7px 0; border:1px solid transparent; border-radius:10px; background:linear-gradient(135deg,#ef4940,#c92c35); color:#fff!important; font-weight:750; font-size:14px; line-height:1.35; text-align:center; text-decoration:none!important; box-shadow:0 7px 16px rgba(201,44,53,.2); transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.entry-content a.cta-button::after { content:'↗'; font-size:15px; line-height:1; }
.entry-content a.cta-button:hover,.entry-content a.wp-element-button:hover,.entry-content .wp-block-button__link:hover { transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 10px 22px rgba(201,44,53,.25); color:#fff!important; }
.entry-content a.cta-button--outline { background:#fff6e3; color:#5a3700!important; border-color:#f3ce7b; box-shadow:0 5px 13px rgba(190,130,20,.09); }
.entry-content a.cta-button--outline:hover { background:#ffedc2; color:#4b2b00!important; }
.entry-content > div:has(> div > a.cta-button) { display:inline-block; margin:8px 8px 8px 0; vertical-align:middle; }
.entry-content > div:has(> div > a.cta-button) > div { text-align:center; }
.entry-content > div:has(> div > a.cta-button) a.cta-button { min-width:180px; }
.entry-content figure:has(table) { overflow-x:auto; border-radius:12px; }
.entry-content table { border:1px solid #f0d9d1; border-radius:12px; overflow:hidden; }
.entry-content tr:first-child { background:#fff0e9; }
.entry-content tr:nth-child(odd) { background:#fffaf7; }
.entry-content td,.entry-content th { border-color:#f1e4df; }
.entry-content h2 { margin-top:42px; padding:0 0 10px 13px; border-bottom:0; border-left:4px solid var(--red); }
.entry-content h3 { color:#9e252b; }
.entry-content img { border-radius:10px; }
.entry-content .wp-block-columns { gap:18px; }
.entry-content .wp-block-column { padding:18px; border:1px solid #f0e2dc; border-radius:13px; background:linear-gradient(145deg,#fff,#fffaf7); }
.entry-content details { box-shadow:0 3px 12px rgba(35,40,55,.035); }
.entry-content details[open] { border-color:#f2c9bb; background:#fffaf7; }
.site-footer { background:#fff5f0; }
@media(max-width:640px) { .page-shell{width:min(100% - 20px,900px);margin-top:14px}.article{padding:15px;border-radius:14px}.article-heading{padding:24px 12px;border-radius:13px}.entry-content > div:has(> div > a.cta-button){display:block;margin-right:0}.entry-content > div:has(> div > a.cta-button) a.cta-button{width:100%}.entry-content a.cta-button{width:100%;margin:6px 0} }


/* Shared multi-page navigation, buttons, content cards and footer */
:root{--rw-red:#c92c35;--rw-red-dark:#941d26;--rw-gold:#f4b82a;--rw-ink:#202b3b;--rw-muted:#657184;--rw-soft:#fff7f3;--rw-border:#e8eaf0;--rw-shadow:0 12px 32px rgba(28,36,52,.07)}
html{scroll-behavior:smooth}
body{background:#f7f8fb;color:var(--rw-ink)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--rw-border);box-shadow:0 4px 18px rgba(25,35,50,.04)}
.header-inner{max-width:1160px;margin:0 auto;min-height:78px;padding:12px 22px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;font-weight:900;letter-spacing:-.05em}
.brand img{width:38px;height:38px;object-fit:contain}
.brand-wordmark{font-size:1.35rem;color:var(--rw-red);font-weight:900;letter-spacing:-.06em}
.brand-wordmark span{color:var(--rw-gold)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-left:auto}
.main-nav a,.footer-links a{font-size:.91rem;font-weight:650;text-decoration:none!important;color:#455164;transition:color .2s}
.main-nav a:hover,.footer-links a:hover{color:var(--rw-red)}
.header-actions{display:flex;gap:9px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:11px;font-weight:800;text-decoration:none!important;line-height:1.15;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;color:#fff!important;box-shadow:0 6px 16px rgba(201,44,53,.16)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(40,40,50,.16)}
.btn-primary{background:linear-gradient(135deg,#d93640,#ad202a)}
.btn-primary:hover{background:linear-gradient(135deg,#b92731,#891721)}
.btn-gold{background:linear-gradient(135deg,#ffd35a,#e9a914);color:#352400!important;box-shadow:0 6px 16px rgba(235,176,28,.2)}
.btn-outline{background:#fff;color:var(--rw-red)!important;border-color:#f0c8cb;box-shadow:none}
.btn-small{padding:10px 15px;font-size:.87rem;border-radius:9px}
.page-shell{max-width:920px;margin:38px auto 52px;padding:0 20px}
.article{background:#fff;border:1px solid #edf0f4;border-radius:20px;overflow:hidden;box-shadow:var(--rw-shadow)}
.article-heading{padding:42px 46px 32px;background:radial-gradient(circle at 90% 5%,rgba(255,210,91,.24),transparent 27%),linear-gradient(135deg,#fff8f5,#fff 62%);border-bottom:1px solid #f0e9e7}
.article-heading .eyebrow{display:inline-flex;margin:0 0 12px;padding:7px 11px;border-radius:99px;background:#fff0e9;color:var(--rw-red);font-size:.75rem;font-weight:900;letter-spacing:.1em}
.article-heading h1{margin:0 0 13px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.12;letter-spacing:-.04em;color:#20283a}
.article-heading .intro{max-width:720px;margin:0;color:#626e80;font-size:1.08rem;line-height:1.75}
.entry-content{padding:34px 46px 42px;line-height:1.8;color:#465164}
.entry-content h2{margin:30px 0 12px;padding-bottom:9px;border-bottom:1px solid #f0e5e2;color:#273246;font-size:1.45rem;letter-spacing:-.02em}
.entry-content h2:first-child{margin-top:0}
.entry-content h3{color:#273246}
.entry-content a:not(.btn):not(.access-card){color:var(--rw-red);font-weight:650;text-underline-offset:3px}
.entry-content li{padding:3px 0}
.entry-content ul{padding-left:23px}
.toc-card{display:grid;gap:7px;margin:0 0 28px;padding:20px 22px;background:#fffaf0;border:1px solid #f4dfaa;border-radius:14px}
.toc-card strong{color:#624811;margin-bottom:4px}
.toc-card a{text-decoration:none!important;font-size:.94rem}
.notice{margin:22px 0;padding:17px 20px;border-radius:13px;border-left:4px solid;line-height:1.65}
.notice p{margin:5px 0 0}
.notice-info{background:#f0f7ff;border-color:#4388db}
.notice-warning{background:#fff8e8;border-color:#e9ae24}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.access-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--rw-border);border-radius:14px;background:#fff;text-decoration:none!important;color:var(--rw-ink)!important;box-shadow:0 3px 10px rgba(30,40,55,.03);transition:transform .2s,border-color .2s,box-shadow .2s}
.access-card:hover{transform:translateY(-2px);border-color:#efb5b8;box-shadow:0 9px 20px rgba(30,40,55,.08)}
.access-number{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#fff0e9;color:var(--rw-red);font-weight:900}
.access-card span:nth-child(2){display:grid;gap:2px;flex:1}
.access-card small{color:var(--rw-muted);font-size:.8rem}
.access-card b{font-size:.8rem;color:var(--rw-red);white-space:nowrap}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:6px 0 30px}
.contact-card{padding:25px;border:1px solid var(--rw-border);border-radius:16px;background:linear-gradient(160deg,#fff,#fffaf7)}
.contact-card h2{margin:13px 0 8px!important;border:0!important;padding:0!important}
.contact-card p{color:var(--rw-muted)}
.contact-card small{display:block;margin-top:12px;color:var(--rw-muted);font-size:.8rem}
.contact-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff0e9;color:var(--rw-red);font-size:1.45rem;font-weight:900}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 0;padding:24px;border-radius:16px;background:linear-gradient(120deg,#fff0e9,#fff9e7);border:1px solid #f4dfd3}
.cta-panel h3{margin:0 0 5px}
.cta-panel p{margin:0;color:var(--rw-muted)}
.page-end-nav{display:flex;justify-content:space-between;gap:16px;padding:18px 46px;border-top:1px solid var(--rw-border);background:#fcfcfd}
.page-end-nav a{color:var(--rw-red);font-weight:750;text-decoration:none}
.site-footer{background:#202534;color:#e9edf4;margin-top:54px}
.footer-inner{max-width:1160px;margin:auto;padding:38px 22px 24px}
.footer-brand .brand-wordmark{color:#fff}
.footer-brand p{color:#b9c1ce;margin:10px 0 22px}
.footer-links{display:flex;flex-wrap:wrap;gap:13px 22px;padding:18px 0;border-top:1px solid #3a4050;border-bottom:1px solid #3a4050}
.footer-links a{color:#e4e8ef}
.footer-note{max-width:850px;color:#b9c1ce;font-size:.86rem;line-height:1.7}
.copyright{margin:20px 0 0;color:#929bad;font-size:.82rem}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:12px}.main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding:5px 0}.header-actions{margin-left:auto}.article-heading{padding:32px 28px 26px}.entry-content{padding:28px}.page-end-nav{padding:18px 28px}}
@media(max-width:560px){.page-shell{margin:18px auto 34px;padding:0 12px}.article{border-radius:15px}.header-inner{padding:10px 14px}.brand img{width:30px;height:30px}.brand-wordmark{font-size:1.15rem}.header-actions .btn-small{padding:9px 10px;font-size:.78rem}.main-nav{gap:17px}.main-nav a{white-space:nowrap;font-size:.84rem}.article-heading{padding:27px 21px 23px}.article-heading h1{font-size:1.9rem}.article-heading .intro{font-size:.98rem}.entry-content{padding:23px 21px 28px;font-size:.96rem}.link-grid,.contact-grid{grid-template-columns:1fr}.access-card{padding:12px}.cta-panel{align-items:flex-start;flex-direction:column;padding:20px}.page-end-nav{padding:16px 21px;font-size:.9rem}.footer-inner{padding:30px 18px 22px}}


/* Responsive refinements + image-only branding */
.brand{flex:0 0 auto;min-width:0}
.brand img{display:block;width:clamp(108px,14vw,154px);height:auto;max-height:48px;object-fit:contain;object-position:left center}
.brand-wordmark{display:none!important}
.footer-logo img{width:clamp(120px,16vw,160px);max-height:54px}
img,video,iframe{max-width:100%}
.entry-content figure{max-width:100%;margin-left:0;margin-right:0}
.entry-content figure img,.entry-content .guide-image{height:auto;max-width:100%;object-fit:contain}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content td,.entry-content th{overflow-wrap:anywhere}
.article,.entry-content,.header-inner,.footer-inner{min-width:0}
.entry-content pre,.entry-content code{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:800px){
  .header-inner{align-items:center;gap:12px}
  .main-nav{order:3;flex:1 0 100%;display:flex;flex-wrap:wrap;overflow:visible;gap:8px 16px;padding:8px 0 2px}
  .main-nav a{white-space:normal}
  .header-actions{gap:7px}
  .entry-content{overflow-wrap:anywhere}
  .link-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .header-inner{padding:10px 12px;gap:10px}
  .brand img{width:clamp(96px,32vw,132px);max-height:42px}
  .header-actions{margin-left:auto}
  .header-actions .btn-small{padding:9px 10px;font-size:.76rem}
  .main-nav{gap:8px 13px}
  .main-nav a{font-size:.82rem}
  .page-shell{width:100%;padding:0 10px}
  .article-heading,.entry-content{padding-left:16px;padding-right:16px}
  .entry-content a.cta-button,.entry-content a.wp-element-button,.entry-content .wp-block-button__link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .entry-content > div:has(> div > a.cta-button){display:block;width:100%;margin:7px 0}
  .entry-content > div:has(> div > a.cta-button) a.cta-button{width:100%;min-width:0}
  .link-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .page-end-nav{flex-wrap:wrap}
  .footer-links{gap:10px 15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}