/* Scoped to this guide: no global Joomla / DJMegaMenu selectors modified. */
#rn-aether-guide{--rn-gold:#e3b66f;--rn-gold2:#ffc983;--rn-bg:#17120f;--rn-panel:#241912;--rn-border:rgba(225,180,106,.2);--rn-faint:#b9a999;--rn-text:#f4e9dc;font:inherit;color:var(--rn-text);max-width:1160px;margin:0 auto 40px;line-height:1.5}
#rn-aether-guide *{box-sizing:border-box}
#rn-aether-guide .rn-aether-hero{padding:30px 32px;background:linear-gradient(135deg,#382419,#1a1513 65%);border:1px solid var(--rn-border);border-radius:14px}
#rn-aether-guide .rn-aether-kicker{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rn-gold2);font-weight:750}
#rn-aether-guide h2,#rn-aether-guide h3{color:var(--rn-gold2);margin:0 0 12px;line-height:1.25}
#rn-aether-guide h2{font-size:clamp(1.5rem,2.7vw,2.2rem);margin:10px 0}
#rn-aether-guide h3{font-size:1.25rem}
#rn-aether-guide p{margin:0 0 14px;color:#decfc0}
#rn-aether-guide .rn-aether-lead{max-width:780px}
#rn-aether-guide .rn-aether-toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:18px}
#rn-aether-guide .rn-aether-counter{display:flex;align-items:center;overflow:hidden;border:1px solid #795a3b;border-radius:10px;background:#17120f}
#rn-aether-guide button{background:#392719;border:0;color:#ffe0b0;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;min-height:42px}
#rn-aether-guide button:hover{background:#614023}#rn-aether-guide button:disabled{opacity:.45;cursor:progress}
#rn-aether-guide input{font:inherit;background:#16100d;color:#fff;width:76px;min-height:42px;border:0;border-left:1px solid #795a3b;border-right:1px solid #795a3b;text-align:center}
#rn-aether-guide .rn-aether-label{font-size:.9rem;font-weight:bold;color:#f4dfc2}
#rn-aether-guide .rn-aether-refresh{border-radius:9px;border:1px solid #795a3b}
#rn-aether-guide .rn-aether-state{padding:12px 0 0;color:#9fd0ac;font-size:.88rem;min-height:40px}
#rn-aether-guide .rn-aether-error{color:#ffb29d}
#rn-aether-guide .rn-aether-stamp{font-size:.78rem;color:#bfae9f}
#rn-aether-guide .rn-aether-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
#rn-aether-guide .rn-aether-metric{background:linear-gradient(180deg,#2b1f18,#201814);border:1px solid var(--rn-border);border-radius:12px;padding:20px 18px;min-width:0}
#rn-aether-guide .rn-aether-metric-name{font-size:.78rem;color:#c5b5a0;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
#rn-aether-guide .rn-aether-metric-value{font-size:clamp(1rem,1.8vw,1.5rem);font-weight:800;word-break:break-word;line-height:1.3}
#rn-aether-guide .rn-aether-metric:first-child .rn-aether-metric-value{color:#9ce7ac}
#rn-aether-guide .rn-aether-metric-value.rn-aether-loss{color:#ff9999!important}
#rn-aether-guide .rn-aether-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#rn-aether-guide .rn-aether-card{background:#241a15;border:1px solid var(--rn-border);border-radius:12px;padding:20px;margin-bottom:16px;min-width:0}
#rn-aether-guide .rn-aether-card h3{padding-bottom:12px;border-bottom:1px solid var(--rn-border)}
#rn-aether-guide table{width:100%;border-collapse:collapse;color:#f4e7d9;border:0;font-size:.9rem}
#rn-aether-guide th{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:#c4b09d;text-align:left;border-bottom:1px solid #65503f;padding:9px 7px}
#rn-aether-guide td{padding:10px 7px;border-bottom:1px solid rgba(220,180,130,.11);vertical-align:top}
#rn-aether-guide .rn-aether-qty{text-align:right;white-space:nowrap;color:#dfbb8c}
#rn-aether-guide .rn-aether-unit,#rn-aether-guide .rn-aether-value{text-align:right;white-space:nowrap}
#rn-aether-guide .rn-aether-value{font-weight:750;color:#f3d39d}
#rn-aether-guide .rn-aether-help{font-size:.76rem;color:#b9a999;display:block;margin-top:2px}
#rn-aether-guide a{color:#e9b773;text-decoration:underline;text-underline-offset:2px}
#rn-aether-guide a:hover{color:#ffe1a8}
#rn-aether-guide .rn-aether-xp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#rn-aether-guide .rn-aether-xp>div{padding:12px;border:1px solid var(--rn-border);border-radius:8px;background:#1d1713}
#rn-aether-guide .rn-aether-xp strong{display:block;color:var(--rn-gold);font-size:1.15rem;margin-top:3px}
#rn-aether-guide .rn-aether-xp span{color:#b8a999;font-size:.82rem}
#rn-aether-guide .rn-aether-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#rn-aether-guide .rn-aether-requirements>div{padding:14px;background:#1b1511;border-radius:9px}
#rn-aether-guide .rn-aether-requirements h4{margin:0 0 8px;color:#eac28e}
#rn-aether-guide ul,#rn-aether-guide ol{margin:0 0 0 18px;padding:0;color:#e5d7c8}
#rn-aether-guide li{margin-bottom:7px}
#rn-aether-guide .rn-aether-spells{display:flex;gap:8px;flex-wrap:wrap}
#rn-aether-guide .rn-aether-spell{display:inline-block;padding:7px 12px;border:1px solid var(--rn-border);background:#1d1713;border-radius:7px;font-size:.85rem}
#rn-aether-guide .rn-aether-note{font-size:.85rem;color:#c2b2a4}
#rn-aether-guide .rn-aether-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1000px){#rn-aether-guide .rn-aether-grid{grid-template-columns:1fr}#rn-aether-guide .rn-aether-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#rn-aether-guide .rn-aether-hero{padding:22px 16px}#rn-aether-guide .rn-aether-metrics{gap:8px}#rn-aether-guide .rn-aether-metric{padding:14px 12px}#rn-aether-guide .rn-aether-card{padding:15px}#rn-aether-guide .rn-aether-requirements{grid-template-columns:1fr}#rn-aether-guide .rn-aether-xp{grid-template-columns:1fr 1fr}#rn-aether-guide table{font-size:.79rem}#rn-aether-guide th,#rn-aether-guide td{padding:9px 4px}#rn-aether-guide .rn-aether-unit{display:none}}

/* RN_AETHER_COMPACT_RESPONSIVE_V1_BEGIN
   Scoped to the Aether guide. No pricing, PHP, scripts or template styles are modified.
   The article column, rather than the overall viewport, controls the card layout. */
#rn-aether-guide {
  width:100%; max-width:1160px; min-width:0;
  overflow-wrap:break-word;
}
#rn-aether-guide .rn-aether-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:12px !important;
  min-width:0;
  width:100%;
}
#rn-aether-guide .rn-aether-card {
  width:100%; min-width:0;
  padding:clamp(11px,2vw,18px) !important;
  margin-bottom:0;
  container-type:inline-size;
}
#rn-aether-guide .rn-aether-card h3 {
  margin:0 0 10px;
  font-size:clamp(1.02rem,2.1vw,1.25rem);
  overflow-wrap:anywhere;
}
#rn-aether-guide .rn-aether-scroll {
  width:100%; min-width:0; max-width:100%;
  overflow-x:visible !important;
}
#rn-aether-guide .rn-aether-card table {
  width:100% !important; max-width:100%;
  table-layout:fixed !important;
  font-size:clamp(.78rem,1.1vw,.91rem);
  line-height:1.4;
}
#rn-aether-guide .rn-aether-card th,
#rn-aether-guide .rn-aether-card td {
  min-width:0;
  padding:8px 7px;
  vertical-align:top;
}
#rn-aether-guide .rn-aether-card th:nth-child(1),
#rn-aether-guide .rn-aether-card td:nth-child(1) {width:17%}
#rn-aether-guide .rn-aether-card th:nth-child(2),
#rn-aether-guide .rn-aether-card td:nth-child(2) {width:35%}
#rn-aether-guide .rn-aether-card th:nth-child(3),
#rn-aether-guide .rn-aether-card td:nth-child(3) {width:24%}
#rn-aether-guide .rn-aether-card th:nth-child(4),
#rn-aether-guide .rn-aether-card td:nth-child(4) {width:24%}
#rn-aether-guide .rn-aether-card .rn-aether-name {overflow-wrap:anywhere}
#rn-aether-guide .rn-aether-card .rn-aether-help {
  margin-top:2px; line-height:1.3;
  font-size:.77rem;
}
#rn-aether-guide .rn-aether-card .rn-aether-qty,
#rn-aether-guide .rn-aether-card .rn-aether-unit,
#rn-aether-guide .rn-aether-card .rn-aether-value {
  font-variant-numeric:tabular-nums;
  white-space:normal !important;
  overflow-wrap:anywhere;
}
#rn-aether-guide .rn-aether-hero,
#rn-aether-guide .rn-aether-metric,
#rn-aether-guide .rn-aether-xp > div {
  max-width:100%; min-width:0;
}
#rn-aether-guide .rn-aether-metrics {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#rn-aether-guide .rn-aether-metric {padding:clamp(11px,2vw,17px) !important}
#rn-aether-guide .rn-aether-metric-value {
  font-size:clamp(.94rem,2.4vw,1.45rem);
  overflow-wrap:anywhere;
}
#rn-aether-guide .rn-aether-toolbar,
#rn-aether-guide .rn-aether-spells {max-width:100%}
#rn-aether-guide .rn-aether-spell {max-width:100%;overflow-wrap:anywhere}

/* Keep every price and total visible even when the Joomla article column is
   narrow on a wide desktop viewport. A compact row needs only two columns. */
@container (max-width: 650px) {
  #rn-aether-guide .rn-aether-card table,
  #rn-aether-guide .rn-aether-card tbody {
    display:block; width:100%; max-width:100%;
    table-layout:auto !important;
  }
  #rn-aether-guide .rn-aether-card thead {display:none}
  #rn-aether-guide .rn-aether-card tbody tr {
    display:grid; width:100%;
    grid-template-columns:minmax(0,1fr) minmax(0,.93fr);
    grid-template-rows:auto auto auto;
    align-items:start;
    gap:2px 9px;
    padding:9px 0;
    border-bottom:1px solid rgba(225,180,106,.21);
  }
  #rn-aether-guide .rn-aether-card tbody td {
    display:block; width:auto !important;
    padding:0 !important;
    margin:0; border:0 !important;
    min-width:0;
    font-size:clamp(.75rem,1.95vw,.90rem);
    line-height:1.35;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-name {
    grid-column:1/-1;grid-row:1;
    font-weight:700;line-height:1.3;
    padding-bottom:2px !important;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-help {
    display:inline; font-size:.76rem; font-weight:400;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-help::before {content:' · '}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-qty {
    grid-column:1;grid-row:2;
    text-align:left !important;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-qty::before {
    content:'Qty ';color:#b9a999;font-size:.75em;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-unit {
    display:block !important;
    grid-column:1;grid-row:3;
    text-align:left !important;
    font-size:clamp(.71rem,1.8vw,.85rem);
    color:#dfc8ad;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-unit::before {
    content:'Each: ';color:#b9a999;font-size:.85em;
  }
  #rn-aether-guide .rn-aether-card tbody .rn-aether-value {
    grid-column:2;grid-row:2/4;
    align-self:center;
    text-align:right !important;
    font-size:clamp(.75rem,1.98vw,.92rem);
    font-weight:750;
    overflow-wrap:anywhere;
  }
  #rn-aether-guide tbody[data-rn="inputs"] .rn-aether-value::before,
  #rn-aether-guide tbody[data-rn="outputs"] .rn-aether-value::before {
    display:block; font-size:.72em;
    font-weight:500;color:#c6a987;line-height:1.25;
  }
  #rn-aether-guide tbody[data-rn="inputs"] .rn-aether-value::before {content:'Total cost'}
  #rn-aether-guide tbody[data-rn="outputs"] .rn-aether-value::before {content:'After tax'}
}
/* Fallback for older browsers without CSS container queries. */
@media (max-width:760px) {
  #rn-aether-guide .rn-aether-card table,
  #rn-aether-guide .rn-aether-card tbody {display:block;width:100%;max-width:100%;table-layout:auto !important}
  #rn-aether-guide .rn-aether-card thead {display:none}
  #rn-aether-guide .rn-aether-card tbody tr {display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);grid-template-rows:auto auto auto;align-items:start;gap:2px 9px;padding:9px 0;border-bottom:1px solid rgba(225,180,106,.21)}
  #rn-aether-guide .rn-aether-card tbody td {display:block;width:auto !important;padding:0 !important;margin:0;border:0 !important;min-width:0;font-size:clamp(.75rem,1.95vw,.90rem);line-height:1.35}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-name {grid-column:1/-1;grid-row:1;font-weight:700;line-height:1.3;padding-bottom:2px !important}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-help {display:inline;font-size:.76rem;font-weight:400}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-help::before {content:' · '}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-qty {grid-column:1;grid-row:2;text-align:left !important}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-qty::before {content:'Qty ';color:#b9a999;font-size:.75em}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-unit {display:block !important;grid-column:1;grid-row:3;text-align:left !important;font-size:clamp(.71rem,1.8vw,.85rem);color:#dfc8ad}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-unit::before {content:'Each: ';color:#b9a999;font-size:.85em}
  #rn-aether-guide .rn-aether-card tbody .rn-aether-value {grid-column:2;grid-row:2/4;align-self:center;text-align:right !important;font-size:clamp(.75rem,1.98vw,.92rem);font-weight:750;overflow-wrap:anywhere}
  #rn-aether-guide tbody[data-rn="inputs"] .rn-aether-value::before,
  #rn-aether-guide tbody[data-rn="outputs"] .rn-aether-value::before {display:block;font-size:.72em;font-weight:500;color:#c6a987;line-height:1.25}
  #rn-aether-guide tbody[data-rn="inputs"] .rn-aether-value::before {content:'Total cost'}
  #rn-aether-guide tbody[data-rn="outputs"] .rn-aether-value::before {content:'After tax'}
}
@media (max-width:440px) {
  #rn-aether-guide .rn-aether-hero {padding:15px 12px !important}
  #rn-aether-guide .rn-aether-card {padding:11px !important}
  #rn-aether-guide .rn-aether-metrics {grid-template-columns:minmax(0,1fr);gap:8px}
  #rn-aether-guide .rn-aether-xp {grid-template-columns:repeat(2,minmax(0,1fr))}
  #rn-aether-guide .rn-aether-toolbar {gap:9px}
  #rn-aether-guide .rn-aether-metric-name {font-size:.71rem}
}
/* RN_AETHER_COMPACT_RESPONSIVE_V1_END */