/* V2.21 — owner-only page artwork taper and configurable article side widgets.
   Applies after V2.20; no modification to the homepage or public UI. */
body.sv218-page-theme.sv217-page-theme.sv216-page-theme.codex-site-v2-current:not(.codex-site-v2-home)
:is(#articleView,#libraryView,#guidesView,#experienceView,#mapsView,#ratingView,#onlineView,#chatView,#armoryView,#marketView,#game-marketView,#set-compareView,#bugsView).active::before,
body.sv218-page-theme.sv217-page-theme.sv216-page-theme.codex-site-v2-current:not(.codex-site-v2-home)
:is(#articleView,#libraryView,#guidesView,#experienceView,#mapsView,#ratingView,#onlineView,#chatView,#armoryView,#marketView,#game-marketView,#set-compareView,#bugsView).active::after {
  /* Original art remains natural aspect ratio; fade BEFORE its baked-in lower edge. */
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 170px,rgba(0,0,0,.85) 235px,rgba(0,0,0,.5) 310px,rgba(0,0,0,.16) 390px,transparent 480px)!important;
  mask-image:linear-gradient(to bottom,#000 0,#000 170px,rgba(0,0,0,.85) 235px,rgba(0,0,0,.5) 310px,rgba(0,0,0,.16) 390px,transparent 480px)!important;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-rail{
  display:grid;gap:12px;margin-top:12px;min-width:0;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;
  padding:13px 12px;overflow:hidden;text-decoration:none!important;color:#382b22!important;
  border:1px solid #d1b996;border-radius:4px;box-shadow:0 2px 7px #49301715;
  background:#f8efe0;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget-banner{
  min-height:158px;color:#fff8e8!important;background:linear-gradient(0deg,#121b28ec,#18242c65),url('/assets/codex-v216/atlas-card.webp') center/cover;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-banner-image{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget-banner::after{
  content:'';position:absolute;inset:30% 0 0;z-index:1;pointer-events:none;
  background:linear-gradient(transparent,#071521d6);
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-banner-title{
  position:relative;z-index:2;font:600 18px/1.23 Georgia,serif;overflow-wrap:anywhere;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-banner-arrow{
  position:relative;z-index:2;margin-top:8px;align-self:end;font-size:19px;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget-status{
  min-height:107px;justify-content:center;gap:6px;
  background:linear-gradient(125deg,#fffaf1,#f1e5d2);
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget-caption{
  color:#80592f;font:600 13px/1.25 Georgia,serif;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget-value{
  font:600 24px/1.2 Georgia,serif;color:#33251d;overflow-wrap:anywhere;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget-hint{
  font:400 12px/1.25 Georgia,serif;color:#8e6a40;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget:hover{
  border-color:#a98053;box-shadow:0 5px 13px #49301727;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget:focus-visible{
  outline:2px solid #946f41;outline-offset:2px;
}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .sv221-widget.sv221-inert{cursor:default;}
body.sv218-page-theme.codex-article-v2-active .cv2-layout .cv2-right:has(.sv221-rail){display:grid!important;}
/* The article's native right rail may be absent on an article without TOC. */
body.sv218-page-theme.codex-article-v2-active .cv2-layout:not(.cv2-layout--no-right):has(.sv221-rail-right){grid-template-columns:minmax(205px,245px) minmax(0,1fr) minmax(205px,265px)!important;}
/* Admin: compact rows that remain readable at 13-inch laptop widths. */
.sv221-admin .sv221-admin-side{border:1px solid #d6c3a6;padding:12px;margin:12px 0;background:#fbf5ea;}
.sv221-admin .sv221-admin-side h4{margin:0 0 10px;font:600 18px Georgia,serif;color:#4e3321;}
.sv221-admin .sv221-admin-rows{display:grid;gap:10px;}
.sv221-admin .sv221-editor-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;border:1px solid #dec9aa;border-radius:4px;background:#fffcf5;padding:10px;}
.sv221-admin .sv221-editor-head,.sv221-admin .sv221-upload-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.sv221-admin .sv221-editor-head{justify-content:space-between;border-bottom:1px solid #e2d1bc;padding-bottom:7px;}
.sv221-admin .sv221-edit-field{display:grid;gap:5px;min-width:0;font-size:13px;}
.sv221-admin .sv221-edit-field>input:not([type=checkbox]),.sv221-admin .sv221-edit-field>select{width:100%;box-sizing:border-box;min-width:0;}
.sv221-admin .sv221-edit-field[hidden]{display:none!important;}
.sv221-admin .sv221-editor-actions{display:flex;gap:5px;}
.sv221-admin .sv221-editor-actions button{min-width:27px;padding:4px 7px;cursor:pointer;}
.sv221-admin .sv221-upload-bar input[type=file]{max-width:300px;}
.sv221-admin .sv221-upload-message{font-size:12px;color:#795535;}
.sv221-admin .sv221-add-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px;}
@media(max-width:1200px){body.sv218-page-theme.codex-article-v2-active .cv2-layout:not(.cv2-layout--no-right):has(.sv221-rail-right){grid-template-columns:minmax(170px,215px) minmax(0,1fr)!important;}}
@media(max-width:820px){
 body.sv218-page-theme.codex-article-v2-active .cv2-layout:not(.cv2-layout--no-right):has(.sv221-rail-right){grid-template-columns:minmax(0,1fr)!important;}
 .sv221-admin .sv221-editor-row{grid-template-columns:1fr;}
}