/*
Theme Name: Playcayne Bento
Theme URI: https://playcayne.com/
Author: Lee Jensen
Author URI: https://playcayne.com/hall-of-fame-lead/
Description: Bento raid data dashboard for World of Warcraft telemetry. Mythic execution margins, Spell Queue Window tuning, SimC profiles and Warcraft Logs parse audits across Midnight Season 2. Dense bento grid with metric tiles, 70/30 matrix and an embedded GCD latency engine. Curated by Lee Jensen.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: playcayne-bento
Tags: block-theme, full-site-editing, dark-mode, dashboard, gaming, grid-layout, custom-colors, custom-menu
*/

/* ============================================================
   PLAYCAYNE BENTO 1.0.0 — Deep Obsidian Dashboard System
   Container: 1320px max. Bento tiles. High contrast.
   Scoped prefix: .arc-  |  Engine prefix: .arc-sqw-
   ============================================================ */

:root{
  --arc-bg:#08090C;
  --arc-surface:#0F1218;
  --arc-surface-hover:#161B24;
  --arc-hairline:#1A202C;
  --arc-hairline-soft:#141a26;
  --arc-text:#E2E8F0;
  --arc-muted:#718096;
  --arc-muted-dim:#4a5568;
  --arc-fel:#22C55E;
  --arc-fel-soft:#86efac;
  --arc-amber:#D97706;
  --arc-amber-bright:#F59E0B;
  --arc-green:#059669;
  --arc-green-bright:#10B981;
  --arc-red:#DC2626;
  --arc-obsidian-1:#0a0d14;
  --arc-obsidian-2:#141828;
  --arc-obsidian-3:#1b2436;
  --arc-radius:14px;
  --arc-container:1320px;
  --arc-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --arc-font-mono:"JetBrains Mono",Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--arc-bg);
  color:var(--arc-text);
  font-family:var(--arc-font-sans);
  line-height:1.6;
  font-size:16.5px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(1100px 420px at 12% -6%, rgba(217,119,6,.07), transparent 60%),
    radial-gradient(900px 380px at 88% 2%, rgba(34,197,94,.09), transparent 60%),
    linear-gradient(180deg, #08090c 0%, #08090c 100%);
  background-attachment:fixed;
}
a{color:inherit}
a:hover{color:var(--arc-amber-bright)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{
  font-family:var(--arc-font-sans);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0 0 .55em;
  color:var(--arc-text);
  text-wrap:balance;
}
h1{font-size:clamp(2.1rem,1.35rem + 3.1vw,3.55rem)}
h2{font-size:clamp(1.45rem,1.1rem + 1.6vw,2.05rem);font-weight:800}
h3{font-size:clamp(1.12rem,1rem + .6vw,1.35rem);font-weight:700}
p{margin:0 0 1em;color:#cbd5e1}
p strong{color:var(--arc-text)}

/* Shell */
.wp-site-blocks{padding:0}
.arc-shell{width:100%;max-width:var(--arc-container);margin-inline:auto;padding-inline:28px}
@media(max-width:760px){.arc-shell{padding-inline:18px}}
.arc-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--arc-amber-bright);
  border:1px solid rgba(217,119,6,.4);
  background:rgba(217,119,6,.1);
  padding:7px 11px;border-radius:999px;
}
.arc-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--arc-fel);box-shadow:0 0 0 4px rgba(34,197,94,.2)}
.arc-lede{font-size:clamp(1.02rem,.96rem + .35vw,1.18rem);color:#cbd5e1;max-width:62ch}
.arc-muted{color:var(--arc-muted)}
.arc-mono{font-family:var(--arc-font-mono)}
.arc-kv{font-family:var(--arc-font-mono);font-size:13px;color:var(--arc-muted)}

/* Top bar */
.arc-topbar{
  position:sticky;top:0;z-index:60;
  background:rgba(8,9,12,.9);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--arc-hairline);
}
.arc-topbar-inner{max-width:var(--arc-container);margin-inline:auto;padding:12px 28px;display:flex;align-items:center;gap:16px}
.arc-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.arc-brand-mark{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  font-weight:800;font-size:18px;color:#08090c;
  background:linear-gradient(135deg,#86efac,#22c55e 55%,#15803d);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 6px 18px rgba(34,197,94,.3);
}
.arc-brand-name{font-weight:800;letter-spacing:-.02em;font-size:17px;line-height:1}
.arc-brand-name small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--arc-muted)}
.arc-reset-pill{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  font-family:var(--arc-font-mono);font-size:11.5px;font-weight:700;color:var(--arc-green-bright);
  border:1px solid rgba(5,150,105,.45);background:rgba(5,150,105,.09);
  padding:7px 11px;border-radius:999px;
}
.arc-reset-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--arc-green-bright);box-shadow:0 0 8px var(--arc-green-bright);animation:arc-pulse 2s infinite}
@keyframes arc-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.arc-nav{display:flex;align-items:center;gap:6px;margin-left:6px;flex-wrap:wrap}
.arc-nav a{
  text-decoration:none;font-size:13.5px;font-weight:700;color:#cbd5e1;
  padding:8px 11px;border-radius:999px;border:1px solid transparent;white-space:nowrap;
}
.arc-nav a:hover{color:var(--arc-text);border-color:var(--arc-hairline);background:#12161f}
.arc-header-cta{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;
  background:var(--arc-amber);color:#08090c!important;font-weight:800!important;
  padding:9px 14px!important;border-radius:10px!important;text-decoration:none;font-size:13.5px;
  border:1px solid #f59e0b;white-space:nowrap;
}
.arc-header-cta:hover{background:var(--arc-amber-bright);color:#08090c!important}

/* Bento grid */
.arc-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:26px 0 6px}
.arc-cell-8{grid-column:span 8}
.arc-cell-4{grid-column:span 4}
.arc-cell-6{grid-column:span 6}
.arc-cell-3{grid-column:span 3}
.arc-cell-12{grid-column:span 12}
@media(max-width:1020px){
  .arc-cell-8,.arc-cell-7,.arc-cell-5,.arc-cell-4,.arc-cell-6,.arc-cell-3{grid-column:span 12}
}
.arc-tile{
  background:linear-gradient(180deg,#121722 0%,#0f131c 100%);
  border:1px solid var(--arc-hairline);
  border-radius:var(--arc-radius);
  padding:clamp(20px,2.6vw,32px);
  position:relative;overflow:hidden;height:100%;
}
.arc-tile-glow::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 260px at 92% 6%, rgba(34,197,94,.13), transparent 65%)}
.arc-tile h1{margin:.5em 0 .45em}
.arc-tile h1 span{color:var(--arc-amber-bright)}
.arc-verify{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--arc-hairline)}
.arc-verify img{border-radius:50%!important;border:2px solid rgba(34,197,94,.55)!important}
.arc-verify strong{display:block;font-size:14.5px;line-height:1.25}
.arc-verify span{display:block;font-size:12.5px;color:var(--arc-muted);font-weight:600}
.arc-verify-tick{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--arc-green);color:#08090c;font-size:12px;font-weight:800;flex-shrink:0}

/* Metrics bar */
.arc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 0 4px}
@media(max-width:900px){.arc-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.arc-metrics{grid-template-columns:1fr}}
.arc-metric{border:1px solid var(--arc-hairline);background:#0c0f16;border-radius:12px;padding:13px 14px;position:relative;overflow:hidden}
.arc-metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--arc-fel)}
.arc-metric.is-amber::before{background:var(--arc-amber)}
.arc-metric.is-green::before{background:var(--arc-green-bright)}
.arc-metric.is-red::before{background:var(--arc-red)}
.arc-metric b{display:block;font-family:var(--arc-font-mono);font-size:18px;line-height:1.15;color:var(--arc-text)}
.arc-metric span{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--arc-muted)}

/* Matrix 70/30 */
.arc-matrix{display:grid;grid-template-columns:2.28fr .92fr;gap:22px;padding:18px 0 34px;align-items:start}
@media(max-width:1020px){.arc-matrix{grid-template-columns:1fr}}
.arc-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:6px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--arc-hairline)}
.arc-section-head h2{margin:0}
.arc-section-head p{margin:2px 0 0;font-size:13.5px;color:var(--arc-muted)}
.arc-view-all{font-size:13px;font-weight:800;color:var(--arc-amber-bright);text-decoration:none;white-space:nowrap;border:1px solid rgba(217,119,6,.4);padding:8px 12px;border-radius:999px;background:rgba(217,119,6,.09)}
.arc-view-all:hover{background:rgba(217,119,6,.17)}

/* Log cards */
.arc-log-panel{
  background:var(--arc-surface);border:1px solid var(--arc-hairline);border-radius:var(--arc-radius);
  overflow:hidden;display:flex;flex-direction:column;height:100%;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.arc-log-panel:hover{background:var(--arc-surface-hover);border-color:#2a3b55;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.arc-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--arc-obsidian-1),var(--arc-obsidian-2) 55%,var(--arc-obsidian-3));border-bottom:1px solid var(--arc-hairline);display:block}
.arc-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.arc-rune-fallback{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#0a0d14 0%,#151a2c 52%,#1b2436 100%)}
.arc-rune-fallback svg{position:absolute;right:-30px;top:50%;width:230px;height:230px;transform:translateY(-50%);opacity:.5;animation:arc-rune-spin 26s linear infinite}
@keyframes arc-rune-spin{to{transform:translateY(-50%) rotate(360deg)}}
.arc-rune-core{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:14px}
.arc-rune-core::before{
  content:"NO ART — PARSE DATA TILE";
  font-family:var(--arc-font-mono);font-size:10.5px;letter-spacing:.12em;color:rgba(226,232,240,.62);
  border:1px solid rgba(255,255,255,.14);align-self:flex-start;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.32);
}
.arc-fallback-title{font-weight:800;line-height:1.25;font-size:15.5px;color:var(--arc-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arc-fallback-meta{display:flex;align-items:center;gap:8px;font-family:var(--arc-font-mono);font-size:11.5px;color:var(--arc-muted)}
.arc-fallback-pill{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#08090c;background:var(--arc-fel);border-radius:999px;padding:4px 9px}
.arc-role{
  position:absolute;left:12px;top:12px;z-index:2;
  font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:#08090c;background:var(--arc-fel);border-radius:999px;padding:6px 10px;text-decoration:none;
  border:1px solid #86efac;
}
.arc-role.is-amber{background:var(--arc-amber);border-color:#f59e0b}
.arc-role.is-green{background:var(--arc-green-bright);border-color:#10b981}
.arc-role.is-red{background:var(--arc-red);border-color:#f87171;color:#fff}
.arc-card-body{padding:16px 16px 15px;display:flex;flex-direction:column;gap:9px;flex:1}
.arc-card-body h3{margin:0;font-size:17.5px;line-height:1.3}
.arc-card-body h3 a{text-decoration:none}
.arc-card-body h3 a:hover{color:var(--arc-amber-bright)}
.arc-excerpt{font-size:14px;color:var(--arc-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.arc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px dashed #2a3348;font-size:12.5px;color:var(--arc-muted)}
.arc-card-foot a{font-weight:800;color:var(--arc-text);text-decoration:none}
.arc-card-foot a:hover{color:var(--arc-amber-bright)}

/* Ops rail */
.arc-rail{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
@media(max-width:1020px){.arc-rail{position:static}}
.arc-panel{background:var(--arc-surface);border:1px solid var(--arc-hairline);border-radius:var(--arc-radius);padding:18px}
.arc-panel h3{margin:0 0 8px;font-size:15px;letter-spacing:.01em}
.arc-panel p{font-size:14px;color:var(--arc-muted)}
.arc-profile-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.arc-profile-head img{border-radius:12px!important;border:1px solid var(--arc-hairline)!important}
.arc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;font-size:14px;padding:11px 14px;border-radius:10px;border:1px solid transparent;width:100%}
.arc-btn-amber{background:var(--arc-amber);color:#08090c;border-color:#f59e0b}
.arc-btn-amber:hover{background:var(--arc-amber-bright)}
.arc-btn-fel{background:var(--arc-fel);color:#fff;border-color:#86efac}
.arc-btn-fel:hover{background:#4ade80}
.arc-btn-ghost{background:#0c0f16;color:var(--arc-text);border-color:var(--arc-hairline)}
.arc-btn-ghost:hover{border-color:rgba(34,197,94,.6);color:var(--arc-fel-soft)}
.arc-spec-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;overflow:hidden;border:1px solid var(--arc-hairline);border-radius:10px}
.arc-spec-table th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--arc-muted);text-align:left;padding:9px 10px;background:#0c0f16;border-bottom:1px solid var(--arc-hairline)}
.arc-spec-table td{padding:9px 10px;border-bottom:1px solid var(--arc-hairline-soft);color:#dbe3f0}
.arc-spec-table tr:last-child td{border-bottom:0}
.arc-spec-table td:last-child{font-family:var(--arc-font-mono);color:var(--arc-amber-bright);font-weight:700}
.arc-cta-dark{
  background:linear-gradient(135deg,#12291d,#0f1420 60%,#0c101a);
  border:1px solid rgba(34,197,94,.35);border-radius:var(--arc-radius);padding:18px;position:relative;overflow:hidden;
}
.arc-cta-dark::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 180px at 90% 0%,rgba(34,197,94,.2),transparent 65%);pointer-events:none}

/* Generic content */
.arc-page-head{background:linear-gradient(180deg,#151a2c,#0f1420);border:1px solid var(--arc-hairline);border-radius:var(--arc-radius);padding:clamp(20px,3vw,32px);margin:22px 0 18px}
.arc-page-head h1{margin:.4em 0 .35em}
.arc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.arc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.arc-grid-2,.arc-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.arc-grid-2,.arc-grid-3{grid-template-columns:1fr}}

/* Filter bar */
.arc-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.arc-filter{font-size:12.5px;font-weight:800;border:1px solid var(--arc-hairline);background:#0f1218;color:#cbd5e1;border-radius:999px;padding:8px 14px;cursor:pointer}
.arc-filter:hover{border-color:rgba(34,197,94,.6);color:var(--arc-fel-soft)}
.arc-filter.is-active{background:var(--arc-fel);border-color:#86efac;color:#fff}

/* Timeline */
.arc-timeline{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;position:relative}
.arc-timeline li{position:relative;padding:0 0 20px 30px;border-left:1px solid #1d3a2c;margin-left:8px}
.arc-timeline li::before{content:"";position:absolute;left:-7px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--arc-bg);border:3px solid var(--arc-fel);box-shadow:0 0 0 4px rgba(34,197,94,.16)}
.arc-timeline li:last-child{padding-bottom:0}
.arc-timeline b{color:var(--arc-text)}
.arc-timeline .arc-when{font-family:var(--arc-font-mono);font-size:12px;color:var(--arc-fel-soft);font-weight:700;letter-spacing:.06em}

/* Spec table */
.arc-spec{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--arc-hairline);border-radius:12px;overflow:hidden}
.arc-spec th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--arc-muted);padding:10px 12px;background:#0c0f16;border-bottom:1px solid var(--arc-hairline)}
.arc-spec td{padding:10px 12px;border-bottom:1px solid var(--arc-hairline-soft);color:#dbe3f0}
.arc-spec tr:last-child td{border-bottom:0}
.arc-spec td:first-child{font-weight:700;color:var(--arc-text)}
.arc-spec td:last-child{font-family:var(--arc-font-mono);font-size:13px}

/* Footer */
.arc-footer{border-top:1px solid var(--arc-hairline);background:#06070a;margin-top:10px}
.arc-footer-inner{max-width:var(--arc-container);margin-inline:auto;padding:28px 28px 22px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:20px}
@media(max-width:900px){.arc-footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.arc-footer-inner{grid-template-columns:1fr}}
.arc-footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--arc-muted);margin:0 0 10px}
.arc-footer a{font-size:14px;color:#cbd5e1;text-decoration:none;display:inline-block;padding:3px 0}
.arc-footer a:hover{color:var(--arc-amber-bright)}
.arc-footer-base{max-width:var(--arc-container);margin-inline:auto;padding:0 28px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--arc-muted-dim);border-top:1px solid #12161f;padding-top:16px}

/* Pagination */
.wp-block-query-pagination{margin-top:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wp-block-query-pagination a,.wp-block-query-pagination span{
  border:1px solid var(--arc-hairline);background:#0f1218;border-radius:9px;padding:8px 12px;
  font-size:13px;font-weight:800;text-decoration:none;color:var(--arc-text);
}
.wp-block-query-pagination a:hover{border-color:rgba(34,197,94,.6);color:var(--arc-fel-soft)}
.wp-block-query-pagination .current{background:var(--arc-fel);color:#fff;border-color:var(--arc-fel)}

.wp-block-post-featured-image{margin:0}
.wp-block-post-featured-image a{display:block}
.wp-block-post-title a{text-decoration:none}
.wp-block-post-excerpt{color:var(--arc-muted)}
.single .wp-block-post-content p,.page .wp-block-post-content p{color:#cbd5e1}
.single .wp-block-post-content h2,.page .wp-block-post-content h2{margin-top:1.4em}

/* Never grey placeholders */
.wp-block-post-featured-image:empty,
.wp-block-post-featured-image:not(:has(img)){
  background:linear-gradient(135deg,#0a0d14,#151a2c 55%,#1b2436)!important;
  min-height:180px;border-radius:0;display:block;
}
figure.wp-block-post-featured-image{overflow:hidden}

.admin-bar .arc-topbar{top:32px}
@media(max-width:782px){.admin-bar .arc-topbar{top:46px}}

/* ============================================================
   LAYOUT GUARDS — beat Gutenberg constrained / flow ties.
   ============================================================ */
.wp-site-blocks > .wp-block-group.arc-shell.alignfull,
.wp-site-blocks > .alignfull.arc-shell{
  max-width:1320px;margin-left:auto!important;margin-right:auto!important;
  padding-left:28px;padding-right:28px;
}
@media(max-width:760px){
  .wp-site-blocks > .wp-block-group.arc-shell.alignfull,
  .wp-site-blocks > .alignfull.arc-shell{padding-left:18px;padding-right:18px}
}
.wp-block-group.arc-topbar.alignfull,
.alignfull.arc-topbar{max-width:none;margin:0}
.wp-block-group.arc-footer.alignfull,
.alignfull.arc-footer{max-width:none;margin-left:0;margin-right:0}
.wp-block-group.arc-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.arc-cell-8{grid-column:span 8}
.arc-cell-7{grid-column:span 7}
.arc-cell-5{grid-column:span 5}
.wp-block-group.arc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.wp-block-group.arc-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wp-block-group.arc-metrics{grid-template-columns:1fr}}
.wp-block-group.arc-matrix{display:grid;grid-template-columns:2.28fr .92fr;gap:22px;padding-top:18px;padding-bottom:34px;align-items:start}
@media(max-width:1020px){.wp-block-group.arc-matrix{grid-template-columns:1fr}}
.wp-block-group.arc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wp-block-group.arc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.wp-block-group.arc-grid-2,.wp-block-group.arc-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wp-block-group.arc-grid-2,.wp-block-group.arc-grid-3{grid-template-columns:1fr}}
.wp-block-group.arc-bento > *,
.wp-block-group.arc-matrix > *,
.wp-block-group.arc-grid-2 > *,
.wp-block-group.arc-grid-3 > *{max-width:none}
.wp-block-group.arc-topbar-inner{display:flex;align-items:center;gap:16px;max-width:1320px;margin-inline:auto;padding:12px 28px}
.wp-block-group.arc-rail{display:flex;flex-direction:column;gap:14px}
.wp-block-group.arc-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:6px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--arc-hairline)}
.wp-block-group.arc-log-panel{display:flex;flex-direction:column;height:100%}
.wp-block-group.arc-card-body{display:flex;flex-direction:column;gap:9px;flex:1}
.wp-block-group.arc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.wp-block-group.arc-verify{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px}
.wp-block-group.arc-profile-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}

/* Role tiles + status tile (v1.1 home) */
.wp-block-group.arc-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.wp-block-group.arc-roles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wp-block-group.arc-roles{grid-template-columns:1fr}}
.arc-role-tile{
  display:block;text-decoration:none!important;
  border:1px solid var(--arc-hairline);background:#0c0f16;border-radius:12px;
  padding:16px;position:relative;overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.arc-role-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--arc-fel)}
.arc-role-tile:hover{background:var(--arc-surface-hover);border-color:rgba(34,197,94,.5);transform:translateY(-3px)}
.arc-role-tile b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--arc-text)}
.arc-role-tile span{display:block;font-family:var(--arc-font-mono);font-size:11.5px;color:var(--arc-muted);margin-top:4px}
.arc-status-rows{display:flex;flex-direction:column;gap:8px;margin:12px 0 0}
.arc-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--arc-muted);border-bottom:1px dashed #222b3d;padding-bottom:8px}
.arc-status-row:last-child{border-bottom:0;padding-bottom:0}
.arc-status-row strong{font-family:var(--arc-font-mono);font-size:12.5px;color:var(--arc-text);text-align:right}