/* VLX PUBLIC CONTENT R2 — scoped guide/content surfaces */
.r2-content-page{position:relative;color:#302a22;font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif}
.r2-content-hero{
  min-height:250px;display:flex;align-items:flex-end;justify-content:center;text-align:center;
  padding:44px 24px 34px;box-sizing:border-box;color:#f5e5bf;
  background:
    linear-gradient(180deg,rgba(5,10,8,.10),rgba(5,10,8,.78)),
    url('/assets/vlx-ui-r6/kit/05_banners/banner-scene-03.png') center 43%/cover no-repeat;
  border-top:1px solid rgba(207,159,69,.45);border-bottom:1px solid rgba(207,159,69,.58);
}
.r2-content-hero>div{max-width:900px}
.r2-content-hero small{font-weight:800;letter-spacing:.16em;color:#e5b95f}
.r2-content-hero h1{margin:8px 0 8px;font:700 clamp(34px,4.2vw,58px)/1.05 "Noto Serif",Georgia,serif;text-shadow:0 3px 14px #000}
.r2-content-hero p{margin:0 auto;max-width:760px;font-size:15px;line-height:1.6;color:#e7dcc4}
.r2-content-shell{
  width:min(1180px,92vw);margin:0 auto;padding:28px 0 72px;box-sizing:border-box;
}
.r2-preview-banner{
  margin:0 0 18px;padding:10px 14px;background:#fff3d7;border:1px solid #c89a45;
  color:#6c4b15;font-size:12px;font-weight:800;letter-spacing:.04em;
}
.r2-guide-categories{
  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:10px;
  background:rgba(13,18,15,.93);border:1px solid rgba(190,145,64,.58);
}
.r2-guide-categories a{
  padding:9px 12px;color:#d9c9a8;text-decoration:none;font-size:12px;font-weight:700;
  border:1px solid transparent;
}
.r2-guide-categories a:hover,.r2-guide-categories a.active{
  color:#ffe0a0;background:rgba(218,171,79,.10);border-color:rgba(218,171,79,.32);
}
.r2-guide-count{display:flex;align-items:baseline;gap:8px;margin:0 0 15px;color:#d6c8aa}
.r2-guide-count strong{font:700 27px/1 "Noto Serif",Georgia,serif;color:#efc66f}
.r2-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.r2-guide-card{
  position:relative;min-height:210px;padding:22px 20px 54px;box-sizing:border-box;
  background:linear-gradient(rgba(248,244,232,.98),rgba(231,222,204,.98));
  border:1px solid rgba(190,145,64,.68);box-shadow:0 15px 34px rgba(0,0,0,.28);
}
.r2-guide-card small{color:#922c22;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.r2-guide-card h2{margin:7px 0 9px;font:700 24px/1.15 "Noto Serif",Georgia,serif;color:#392d22}
.r2-guide-card p{margin:0;color:#655e53;font-size:13px;line-height:1.55}
.r2-guide-card>a{
  position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;
  color:#81231d;font-weight:800;text-decoration:none;border-top:1px solid rgba(122,95,53,.16);padding-top:11px;
}
.r2-draft-badge{display:inline-block;margin-top:10px;padding:4px 7px;background:#ead7af;color:#6c4b15;font-size:10px;font-weight:800}
.r2-empty{grid-column:1/-1;padding:36px;text-align:center;background:#eee5d2;border:1px solid #b88a40}
.r2-back{display:inline-block;margin-bottom:16px;color:#efc66f;text-decoration:none;font-weight:800}
.r2-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}
.r2-article-copy{
  padding:30px 34px;background:linear-gradient(rgba(249,246,237,.99),rgba(234,226,210,.99));
  border:1px solid rgba(190,145,64,.68);box-shadow:0 18px 42px rgba(0,0,0,.30);
}
.r2-article-copy p{margin:0 0 16px;color:#4d473e;font:15px/1.72 "Noto Serif",Georgia,serif}
.r2-article-copy p:nth-child(odd):not(:first-child){font-weight:650;color:#332b22}
.r2-related{
  align-self:start;padding:20px;background:rgba(12,17,14,.95);border:1px solid rgba(190,145,64,.62);
  box-shadow:0 18px 42px rgba(0,0,0,.30);
}
.r2-related h2{margin:0 0 12px;color:#efcf8b;font:700 22px/1.15 "Noto Serif",Georgia,serif}
.r2-related a{display:block;padding:12px 0;text-decoration:none;border-top:1px solid rgba(232,201,139,.13)}
.r2-related strong{display:block;color:#e7dac0;font-size:13px;line-height:1.4}
.r2-related span{display:block;margin-top:4px;color:#d4a952;font-size:11px}
.r2-related .r2-related-all{margin-top:8px;color:#efc66f;font-weight:800}
@media(max-width:900px){
  .r2-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r2-article-layout{grid-template-columns:1fr}
}
@media(max-width:767px){
  .r2-content-hero{min-height:190px;padding:28px 18px 24px}
  .r2-content-shell{width:92vw;padding:18px 0 92px}
  .r2-guide-grid{grid-template-columns:1fr}
  .r2-guide-categories{overflow-x:auto;flex-wrap:nowrap}
  .r2-guide-categories a{white-space:nowrap}
  .r2-article-copy{padding:22px 18px}
}

.r36-article-feature{
  display:block;width:100%;max-height:620px;aspect-ratio:16/9;object-fit:cover;
  margin:0 0 22px;border:1px solid rgba(190,145,64,.68);
  box-shadow:0 18px 42px rgba(0,0,0,.30);background:#0a100d;
}
@media(max-width:767px){
  .r36-article-feature{margin-bottom:16px;max-height:none}
}