/* DQ7 Chronicle Theme 2026-09-18
   Visual layer for Game-Cap DQ7. Existing URLs/data remain authoritative. */
:root{
  --dq7c-ocean:#166f78;
  --dq7c-ocean-dark:#10505e;
  --dq7c-lapis:#225b87;
  --dq7c-lapis-dark:#173f65;
  --dq7c-sky:#7bcbd1;
  --dq7c-jade:#5a9f7b;
  --dq7c-jade-dark:#397158;
  --dq7c-gold:#dfb84f;
  --dq7c-gold-light:#fff0a5;
  --dq7c-parchment:#fffaf0;
  --dq7c-parchment-2:#f4ecd6;
  --dq7c-violet:#7866aa;
  --dq7c-red:#bd5c5b;
  --dq7c-ink:#173948;
  --dq7c-muted:#637377;
  --dq7c-border:#c7ddd6;
  --dq7c-shadow:0 8px 24px rgba(31,74,82,.13);
  --dq7c-shadow-soft:0 3px 10px rgba(31,74,82,.08);
  --dq7c-radius:15px;
}
body.dq7-page{
  background:
    radial-gradient(circle at 9% 2%,rgba(255,229,119,.26),transparent 24rem),
    radial-gradient(circle at 93% 11%,rgba(92,197,206,.18),transparent 27rem),
    linear-gradient(180deg,#f4fbf8 0,#fbf7e9 48%,#edf5f1 100%)!important;
  color:var(--dq7c-ink)!important;
}
body.dq7-page::before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.23;
  background-image:radial-gradient(circle at 1px 1px,rgba(27,104,109,.18) 1px,transparent 1.2px);
  background-size:23px 23px;
  mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
body.dq7-page a{color:#0c6291;font-weight:700;text-decoration-thickness:1px}
body.dq7-page a:hover{color:#084d74}
body.dq7-page a:focus-visible,body.dq7-page button:focus-visible,body.dq7-page input:focus-visible,body.dq7-page select:focus-visible,body.dq7-page textarea:focus-visible{outline:3px solid #f4ce5a;outline-offset:2px}

/* Header: ancient sea / stone tablet motif. */
.site-header{
  color:#fff;
  background:
    radial-gradient(circle at 13% -30%,rgba(123,220,211,.42),transparent 25rem),
    linear-gradient(135deg,#177883 0%,#175f75 45%,#183f68 100%)!important;
  border-bottom:3px solid var(--dq7c-gold)!important;
  box-shadow:0 4px 18px rgba(22,73,82,.25)!important;
}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#fff0a4 18%,#fff0a4 82%,transparent);opacity:.9}
.site-header__inner{min-height:72px;gap:22px}
.site-brand{align-items:center!important;gap:10px!important;padding:6px 0!important}
.site-brand__mark{
  display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border:2px solid #f7d55f;border-radius:14px 14px 17px 17px;
  color:#fff8d0;background:linear-gradient(145deg,#278a8d,#1a5275);box-shadow:inset 0 1px rgba(255,255,255,.45),0 2px 7px rgba(0,0,0,.22);
  font:900 .86rem/1 Georgia,"Times New Roman",serif;letter-spacing:.05em;text-shadow:0 1px 1px #123f52;
}
.site-brand__copy{display:flex;flex-direction:column;line-height:1.05}
.site-brand__copy strong{font-size:1.18rem;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.22)}
.site-brand__copy small{margin-top:4px;color:#ffe98c!important;font-size:.66rem!important;letter-spacing:.085em;text-transform:uppercase}
.site-nav{gap:3px}
.site-nav a{
  position:relative;display:flex;align-items:center;min-height:52px;padding:8px 9px 8px 34px!important;border:1px solid transparent;border-radius:10px!important;
  color:#f8fcff!important;font-size:.81rem!important;line-height:1.2;text-decoration:none!important;text-shadow:0 1px 1px rgba(0,0,0,.2);
}
.site-nav a::before{content:"";position:absolute;left:8px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
.site-nav a[data-icon="tablet"]::before{background-image:url("../icons/icon-tablet.svg")}
.site-nav a[data-icon="map"]::before{background-image:url("../icons/icon-map.svg")}
.site-nav a[data-icon="vocation"]::before{background-image:url("../icons/icon-vocation.svg")}
.site-nav a[data-icon="sword"]::before{background-image:url("../icons/icon-sword.svg")}
.site-nav a[data-icon="monster"]::before{background-image:url("../icons/icon-monster.svg")}
.site-nav a[data-icon="medal"]::before{background-image:url("../icons/icon-medal.svg")}
.site-nav a[data-icon="guide"]::before{background-image:url("../icons/icon-guide.svg")}
.site-nav a[data-icon="portal"]::before{background-image:url("../icons/icon-portal.svg")}
.site-nav a:hover,.site-nav a:focus-visible{background:rgba(255,255,255,.13)!important;border-color:rgba(255,237,157,.47)!important;color:#fff!important}
.site-nav-toggle{border-color:rgba(255,235,142,.66)!important;background:rgba(11,65,76,.22)!important}
.breadcrumbs{background:linear-gradient(180deg,#fffdf6,#f7f0df)!important;border-bottom-color:#ddca9d!important;box-shadow:0 1px 5px rgba(88,74,40,.07)}
.breadcrumbs__inner{color:#6c6f64}
.breadcrumbs__inner>span[aria-hidden="true"]{color:#c09128;font-weight:900}
.breadcrumbs a{color:#146b86!important}

/* Main shell and sidebar. */
#container{gap:24px!important;margin-top:20px!important}
#side{top:94px!important;padding:11px!important;border:1px solid #c9dcd6!important;border-radius:16px!important;background:linear-gradient(180deg,#fffef9,#f3faf6)!important;box-shadow:var(--dq7c-shadow)!important}
#side #divmargin{overflow:hidden;margin-bottom:13px!important;border:1px solid #d4e1dc;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(34,78,83,.05)}
#side h3{position:relative;margin:0!important;min-height:42px;padding:10px 9px 9px 41px!important;border-radius:0!important;color:#fff!important;background:linear-gradient(135deg,var(--dq7c-ocean),var(--dq7c-lapis-dark))!important;font-size:.83rem!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
#side h3::before{content:"";position:absolute;left:9px;top:50%;width:25px;height:25px;transform:translateY(-50%);background:center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
#side h3[data-dq7-icon="tablet"]::before{background-image:url("../icons/icon-tablet.svg")}
#side h3[data-dq7-icon="map"]::before{background-image:url("../icons/icon-map.svg")}
#side h3[data-dq7-icon="character"]::before{background-image:url("../icons/icon-character.svg")}
#side h3[data-dq7-icon="vocation"]::before{background-image:url("../icons/icon-vocation.svg")}
#side h3[data-dq7-icon="sword"]::before{background-image:url("../icons/icon-sword.svg")}
#side h3[data-dq7-icon="item"]::before{background-image:url("../icons/icon-item.svg")}
#side h3[data-dq7-icon="skill"]::before{background-image:url("../icons/icon-skill.svg")}
#side h3[data-dq7-icon="monster"]::before{background-image:url("../icons/icon-monster.svg")}
#side h3[data-dq7-icon="medal"]::before{background-image:url("../icons/icon-medal.svg")}
#side h3[data-dq7-icon="immigrant"]::before{background-image:url("../icons/icon-immigrant.svg")}
#side h3[data-dq7-icon="casino"]::before{background-image:url("../icons/icon-casino.svg")}
#side h3[data-dq7-icon="guide"]::before{background-image:url("../icons/icon-guide.svg")}
#side h4{margin:0!important;padding:7px 9px!important;border-radius:0!important;color:#6b5932!important;background:#fff3d5!important;border-top:1px solid #e9daae;font-size:.76rem!important}
#sidetable,#sidesptable{border:0!important}
#sidetable td,#sidesptable td{border-color:#e2eae6!important;background:#fff!important}
#sidetable a,#sidesptable a{padding:8px 5px!important;color:#175f82!important;font-weight:700!important}
#sidetable a:hover,#sidesptable a:hover{background:#eef9f5!important;color:#0e4e6c!important}
.sidebar-toggle{border:1px solid #e0b845!important;border-radius:12px!important;background:linear-gradient(135deg,#177983,#174e74)!important;box-shadow:var(--dq7c-shadow-soft)}

/* Home hero. */
.page-home #header{
  position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(270px,430px);align-items:center;gap:28px;
  min-height:272px!important;margin:0 0 16px!important;padding:32px clamp(24px,4vw,52px)!important;overflow:hidden;
  border:2px solid #e1c15f!important;border-radius:20px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,236,133,.53),transparent 13rem),
    linear-gradient(135deg,#effcf9 0%,#dff4ee 42%,#fff2ce 100%)!important;
  box-shadow:0 12px 34px rgba(41,85,83,.15)!important;
}
.page-home #header::before{content:"";position:absolute;z-index:-1;left:-78px;bottom:-135px;width:365px;height:365px;border:54px solid rgba(27,126,127,.085);border-radius:50%}
.page-home #header::after{content:"";position:absolute;z-index:-1;right:15%;top:-82px;width:220px;height:220px;background:conic-gradient(from 0deg,transparent 0 10deg,rgba(230,191,69,.16) 10deg 15deg,transparent 15deg 45deg);border-radius:50%;opacity:.8}
.dq7-home-hero-copy{min-width:0}
.dq7-home-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;padding:4px 10px;border:1px solid #ddb951;border-radius:999px;background:#fff8cf;color:#72571d;font-size:.73rem;font-weight:900;letter-spacing:.08em}
.dq7-home-kicker::before{content:"✦";color:#d5981c}
.page-home #header h1{margin:0!important;color:#165f70!important;font-size:clamp(2.2rem,5.1vw,4.55rem)!important;line-height:1.05!important;letter-spacing:.015em!important;white-space:normal!important;text-shadow:0 2px 0 #fff,0 5px 16px rgba(27,88,94,.16)!important}
.dq7-home-tagline{margin:12px 0 0;color:#426a69;font-size:clamp(.94rem,1.4vw,1.08rem);font-weight:700;line-height:1.7}
.dq7-home-version-pills{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 0}
.dq7-home-version-pills span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid #bcd8ce;border-radius:999px;background:rgba(255,255,255,.8);color:#3d6a66;font-size:.72rem;font-weight:800;box-shadow:inset 0 1px #fff}
.dq7-home-version-pills .is-main{border-color:#83c0bf;background:#e8fbf7;color:#176d6d}
.dq7-home-logo{display:block;width:min(100%,430px)!important;height:auto!important;margin:auto;filter:drop-shadow(0 8px 12px rgba(73,63,36,.16));border-radius:12px}

/* Home portal. */
.dq7-home-portal{margin:0 0 20px}
.dq7-home-portal__head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 2px 10px}
.dq7-home-portal__head h2{margin:0!important;color:#185d6b;font-size:1.18rem!important}
.dq7-home-portal__head p{margin:0;color:#66756f;font-size:.8rem}
.dq7-home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dq7-home-quick-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:96px;padding:12px;border:1px solid #c9ddd5;border-radius:14px;background:linear-gradient(145deg,#fffef9,#f1faf5);color:#1b5265!important;text-decoration:none!important;box-shadow:var(--dq7c-shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.dq7-home-quick-card:hover{transform:translateY(-2px);border-color:#d4aa38;background:linear-gradient(145deg,#fffdf0,#fff6ce)!important;box-shadow:0 7px 17px rgba(60,74,54,.13);color:#6b5519!important}
.dq7-home-quick-card__icon{display:block;width:60px;height:60px;border-radius:50%;background:center/50px 50px no-repeat,radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%);box-shadow:inset 0 0 0 1px #d8e7df}
.dq7-home-quick-card[data-icon="tablet"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-tablet.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="map"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-map.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="portal"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-portal.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="vocation"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-vocation.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="sword"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-sword.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="monster"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-monster.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="medal"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-medal.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card[data-icon="guide"] .dq7-home-quick-card__icon{background-image:url("../icons/icon-guide.svg"),radial-gradient(circle,#fff 0 45%,#edf7f1 46% 100%)}
.dq7-home-quick-card strong{display:block;font-size:.93rem;line-height:1.35;color:inherit}
.dq7-home-quick-card small{display:block;margin-top:4px;color:#687a78;font-size:.72rem;font-weight:650;line-height:1.45}
.dq7-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.dq7-home-stat{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:6px 8px;border:1px solid #d8e2d7;border-radius:9px;background:#fffdf7;color:#66736b;font-size:.74rem;font-weight:700}
.dq7-home-stat strong{color:#176c72;font-size:.9rem}
.dq7-home-guide-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px;padding:9px 11px;border:1px solid #c9ddd4;border-radius:12px;background:linear-gradient(90deg,#eff9f4,#f8fbf1)}
.dq7-home-guide-strip>strong{margin-right:3px;color:#416a5b;font-size:.76rem;letter-spacing:.03em}
.dq7-home-guide-strip>a{position:relative;display:inline-flex;align-items:center;min-height:31px;padding:4px 9px 4px 31px!important;border:1px solid #c8d9d3;border-radius:999px;background:#fffefb;color:#23617e!important;font-size:.74rem;font-weight:800;text-decoration:none!important}
.dq7-home-guide-strip>a::before{content:"";position:absolute;left:6px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:center/contain no-repeat}
.dq7-home-guide-strip>a[data-icon="vocation"]::before{background-image:url("../icons/icon-vocation.svg")}
.dq7-home-guide-strip>a[data-icon="level"]::before{background-image:url("../icons/icon-level.svg")}
.dq7-home-guide-strip>a[data-icon="mastery"]::before{background-image:url("../icons/icon-mastery.svg")}
.dq7-home-guide-strip>a[data-icon="skill"]::before{background-image:url("../icons/icon-skill.svg")}
.dq7-home-guide-strip>a[data-icon="guide"]::before{background-image:url("../icons/icon-guide.svg")}
.dq7-home-guide-strip>a[data-icon="reimagined"]::before{background-image:url("../icons/icon-reimagined.svg")}
.dq7-home-guide-strip>a:hover{border-color:#d4ac3e;background:#fff8d9!important;color:#6e5617!important}

/* Intro block. */
.page-home #box4 #mj10>table{overflow:hidden;border:1px solid #dfc66e!important;border-radius:14px!important;box-shadow:var(--dq7c-shadow-soft)}
.page-home #box4 #mj10>table tr:first-child>td{padding:10px 13px!important;background:linear-gradient(135deg,#c9952c,#a9761b)!important;color:#fff!important;font-weight:900;text-align:left!important}
.page-home #box4 #mj10>table tr:nth-child(2)>td{padding:16px!important;background:linear-gradient(145deg,#fffdf6,#fff7df)!important}
.page-home #box4 img[alt*="ドラクエ7"]{border-radius:10px;box-shadow:0 4px 14px rgba(84,60,25,.16)}
.dq7-version-callout{border-color:#d9c47e!important;border-left-color:#c18f21!important;background:linear-gradient(145deg,#fffaf0,#fff5d8)!important;box-shadow:inset 0 1px #fff}

/* Home legacy categories. */
.page-home #block{border-color:#cbddd6!important;border-radius:13px!important;background:#fffef9!important;box-shadow:var(--dq7c-shadow-soft)!important}
.page-home #block table{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.page-home #block table:first-child{border-radius:10px 10px 0 0!important}
.page-home table th,.page-home .dq7-themed-head>td{position:relative;padding:10px 11px 10px 45px!important;background:linear-gradient(135deg,#1f7880,#18536f)!important;color:#fff!important;border-color:#18536f!important;text-align:left!important;font-weight:900!important;text-shadow:0 1px 1px rgba(0,0,0,.15)}
.page-home table th::before,.page-home .dq7-themed-head>td::before{content:"";position:absolute;left:10px;top:50%;width:27px;height:27px;transform:translateY(-50%);background:url("../icons/icon-guide.svg") center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.dq7-theme-icon-cell[data-dq7-icon="tablet"]::before{background-image:url("../icons/icon-tablet.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="map"]::before{background-image:url("../icons/icon-map.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="character"]::before{background-image:url("../icons/icon-character.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="vocation"]::before{background-image:url("../icons/icon-vocation.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="sword"]::before{background-image:url("../icons/icon-sword.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="shield"]::before{background-image:url("../icons/icon-shield.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="item"]::before{background-image:url("../icons/icon-item.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="skill"]::before{background-image:url("../icons/icon-skill.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="monster"]::before{background-image:url("../icons/icon-monster.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="medal"]::before{background-image:url("../icons/icon-medal.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="immigrant"]::before{background-image:url("../icons/icon-immigrant.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="casino"]::before{background-image:url("../icons/icon-casino.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="boss"]::before{background-image:url("../icons/icon-boss.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="guide"]::before{background-image:url("../icons/icon-guide.svg")!important}
.dq7-theme-icon-cell[data-dq7-icon="portal"]::before{background-image:url("../icons/icon-portal.svg")!important}
.page-home table td{border-color:#e2e9e3!important;background:#fffefb}
.page-home table tr:not([bgcolor]):nth-child(even)>td:not([rowspan]):not([bgcolor]){background:#f5faf6!important}
.page-home table td a{display:inline-block;padding:2px 1px!important}
.page-home table td[rowspan]{font-weight:900!important;letter-spacing:.04em;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.dq7-phase-start{background:linear-gradient(#7188bc,#566fa8)!important;color:#fff!important}
.dq7-phase-mid{background:linear-gradient(#6aa87d,#4d8d63)!important;color:#fff!important}
.dq7-phase-late{background:linear-gradient(#d17769,#aa554e)!important;color:#fff!important}
.dq7-phase-post{background:linear-gradient(#9a6ca8,#795386)!important;color:#fff!important}

/* Page title table. */
body.dq7-page:not(.page-home) .dq7-page-title-table{width:min(100% - 32px,var(--dq7-content))!important;margin:18px auto 0!important;border:1px solid #c6ddd6!important;border-radius:15px!important;overflow:hidden;box-shadow:var(--dq7c-shadow-soft)!important;background:#fff!important}
body.dq7-page:not(.page-home) .dq7-page-title-table tr:first-child>td{padding:7px 14px!important;background:linear-gradient(135deg,#1c7680,#18506b)!important;border:0!important;color:#e5fbf6!important;text-align:left!important;font-size:.76rem!important;font-weight:800!important}
body.dq7-page:not(.page-home) .dq7-page-title-table tr:nth-child(2)>td{position:relative;padding:17px 18px 15px 70px!important;background:linear-gradient(135deg,#fffdf6,#eff9f5)!important;border:0!important;text-align:left!important}
body.dq7-page:not(.page-home) .dq7-page-title-table tr:nth-child(2)>td::before{content:"";position:absolute;left:18px;top:50%;width:39px;height:39px;transform:translateY(-50%);background:url("../icons/icon-guide.svg") center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(35,74,85,.16))}
body.page-chart:not(.page-map) .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-tablet.svg")}
body.page-map .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-map.svg")}
body.page-monster .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-monster.svg")}
body.page-equipment .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-sword.svg")}
body.page-vocation .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-vocation.svg")}
body.page-skill .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-skill.svg")}
body.page-character .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-character.svg")}
body.page-item .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-item.svg")}
body.page-medal .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-medal.svg")}
body.page-tablet .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-tablet.svg")}
body.page-casino .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-casino.svg")}
body.page-boss .dq7-page-title-table tr:nth-child(2)>td::before{background-image:url("../icons/icon-boss.svg")}
body.dq7-page:not(.page-home) .dq7-page-title-table h1{margin:0!important;color:#17586b!important;font-size:clamp(1.28rem,2.2vw,1.78rem)!important;line-height:1.35!important}
body.dq7-page:not(.page-home) .dq7-page-title-table .page-lead{max-width:none;margin:7px 0 0!important;padding:0!important;color:#687970;font-size:.84rem}

/* Cards and headings. */
#linebox,#block,#formbox,#navia,.dq7-guide-card{border-color:#cbded6!important;border-radius:13px!important;background:#fffef9!important;box-shadow:var(--dq7c-shadow-soft)!important}
.dq7-guide-card{padding:18px!important}
.dq7-guide-card h2{position:relative;margin:22px 0 10px!important;padding:9px 12px 9px 45px!important;border-radius:10px;background:linear-gradient(135deg,#247983,#195a72)!important;color:#fff!important;font-size:1.05rem!important;text-shadow:0 1px 1px rgba(0,0,0,.15)}
.dq7-guide-card h2:first-child{margin-top:0!important}
.dq7-guide-card h2::before{content:"";position:absolute;left:10px;top:50%;width:26px;height:26px;transform:translateY(-50%);background:url("../icons/icon-guide.svg") center/contain no-repeat}
.dq7-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.dq7-guide-panel{padding:14px;border:1px solid #d6e1db;border-radius:12px;background:linear-gradient(145deg,#fff,#f5faf7)}
.dq7-guide-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 7px!important;color:#285f6a!important;font-size:1rem!important}
.dq7-guide-panel p{margin:5px 0;color:#66736d;font-size:.86rem}
.dq7-guide-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.dq7-guide-links a{display:inline-flex;align-items:center;min-height:30px;padding:4px 9px!important;border:1px solid #c8d9d3;border-radius:999px;background:#fffefb;text-decoration:none!important;font-size:.77rem!important}
.dq7-guide-links a:hover{border-color:#d0aa3c;background:#fff6d7!important;color:#695417!important}

/* Generic tables and legacy color guard. */
body.dq7-page table{border-color:#cbded6!important;border-radius:10px;background:#fffefb}
body.dq7-page th{background:linear-gradient(180deg,#247984,#195a72)!important;border-color:#195a72!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.15)}
body.dq7-page td{border-color:#dbe7e0!important}
body.dq7-page td[bgcolor="#333344"],body.dq7-page td[bgcolor="#111122"],body.dq7-page td[bgcolor="#222933"],body.dq7-page td[bgcolor="#444444"],body.dq7-page td[bgcolor="#555566"],body.dq7-page td[bgcolor="#666677"]{background:linear-gradient(135deg,#247983,#195a72)!important;color:#fff!important;border-color:#195a72!important}
body.dq7-page td[bgcolor="#333344"] *,body.dq7-page td[bgcolor="#111122"] *,body.dq7-page td[bgcolor="#222933"] *,body.dq7-page td[bgcolor="#444444"] *,body.dq7-page td[bgcolor="#555566"] *,body.dq7-page td[bgcolor="#666677"] *{color:inherit!important;-webkit-text-fill-color:inherit!important;background:transparent!important}
body.dq7-page td[bgcolor="#333344"] a,body.dq7-page td[bgcolor="#111122"] a,body.dq7-page td[bgcolor="#222933"] a,body.dq7-page td[bgcolor="#444444"] a,body.dq7-page td[bgcolor="#555566"] a,body.dq7-page td[bgcolor="#666677"] a{color:#fff2b8!important;-webkit-text-fill-color:#fff2b8!important}
body.dq7-page td[bgcolor="#ccccdd"],body.dq7-page td[bgcolor="#ccccd3"],body.dq7-page td[bgcolor="#e6e6ee"],body.dq7-page td[bgcolor="#e6e6e6"],body.dq7-page td[bgcolor="#eeeeee"],body.dq7-page td[bgcolor="#efefef"]{background:#eef7f3!important;color:#315866!important}
body.dq7-page td[bgcolor="#efefff"]{background:#f4f3ff!important;color:#4d5471!important}
body.dq7-page .dq7-themed-head>td,body.dq7-page .dq7-themed-head>th{background:linear-gradient(135deg,#247983,#195a72)!important;color:#fff!important;border-color:#195a72!important;font-weight:900!important;text-shadow:0 1px 1px rgba(0,0,0,.15)!important}
.dq7-version-label{display:inline-flex!important;align-items:center;min-height:22px;padding:2px 6px!important;border:1px solid #d8bf80;border-radius:999px;background:#fff7df!important;color:#835e18!important;font-size:.72em!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important}
.dq7-version-label.is-smartphone{border-color:#9fcdbd;background:#effaf4!important;color:#34715c!important}
.dq7-version-label.is-3ds{border-color:#e0a99b;background:#fff1ed!important;color:#a14b3e!important}
.dq7-version-label.is-reimagined{border-color:#b8a9d7;background:#f4effd!important;color:#684e91!important}

/* Section tints. */
body.page-map{--dq7c-section:#3c936b;--dq7c-section-dark:#2b6d51}
body.page-monster{--dq7c-section:#2b8aa1;--dq7c-section-dark:#1c6678}
body.page-equipment{--dq7c-section:#a27138;--dq7c-section-dark:#775226}
body.page-vocation{--dq7c-section:#7561a5;--dq7c-section-dark:#584681}
body.page-skill{--dq7c-section:#8262ad;--dq7c-section-dark:#604783}
body.page-item{--dq7c-section:#9c7541;--dq7c-section-dark:#72542e}
body.page-tablet{--dq7c-section:#4c9272;--dq7c-section-dark:#356b52}
body.page-casino{--dq7c-section:#9a5d89;--dq7c-section-dark:#754369}
body.page-boss{--dq7c-section:#a65755;--dq7c-section-dark:#7b3b3b}
body.dq7-page .dq7-themed-head>td,body.dq7-page .dq7-themed-head>th{background:linear-gradient(135deg,var(--dq7c-section,#247983),var(--dq7c-section-dark,#195a72))!important;border-color:var(--dq7c-section-dark,#195a72)!important}

/* Phase labels and old color blocks. */
.page-home td[bgcolor="#666699"]{background:linear-gradient(#7188bc,#566fa8)!important;color:#fff!important}
.page-home td[bgcolor="#669966"]{background:linear-gradient(#6aa87d,#4d8d63)!important;color:#fff!important}
.page-home td[bgcolor="#bb6666"]{background:linear-gradient(#d17769,#aa554e)!important;color:#fff!important}
.page-home td[bgcolor="#bb6699"]{background:linear-gradient(#9a6ca8,#795386)!important;color:#fff!important}
.page-home td[bgcolor="#666699"] *, .page-home td[bgcolor="#669966"] *, .page-home td[bgcolor="#bb6666"] *, .page-home td[bgcolor="#bb6699"] *{color:inherit!important;-webkit-text-fill-color:inherit!important;background:transparent!important}

/* Footer: keep the series grid but align with the new palette. */
.dq-series-heading p{color:#8a6a25!important}
.dq-series-card{border-color:#d3dfd9!important;background:#fffef9!important;color:#173d3b!important;box-shadow:0 4px 14px rgba(18,61,54,.06)!important}
.dq-series-card:hover{border-color:#c99d30!important;box-shadow:0 8px 22px rgba(31,67,55,.11)!important}
.dq-series-card.is-current{background:linear-gradient(135deg,#f5f0df,#eaf6ef)!important;border-color:#b99143!important}
.dq-series-number{background:#175a62!important}
.dq-series-card.is-current .dq-series-number{background:#9b6a20!important}
.site-footer{background:linear-gradient(135deg,#123f4e,#182f4f)!important;border-top:3px solid #d8ae42}
.back-to-top{background:linear-gradient(135deg,#19747c,#174d6b)!important;border-color:#e0b948!important}

@media(max-width:1050px){
  .site-nav a{padding-left:30px!important;padding-right:6px!important;font-size:.76rem!important}
  .site-nav a::before{left:6px;width:18px;height:18px}
  .dq7-home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .page-home #header{grid-template-columns:1fr!important;padding:24px 18px!important;text-align:center}
  .dq7-home-hero-copy{display:flex;flex-direction:column;align-items:center}
  .dq7-home-logo{width:min(88%,420px)!important}
  .dq7-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.dq7-page:not(.page-home) .dq7-page-title-table{width:calc(100% - 20px)!important;margin-top:13px!important}
}
@media(max-width:620px){
  .dq7-home-quick-grid{grid-template-columns:1fr}
  .dq7-home-quick-card{grid-template-columns:58px minmax(0,1fr);min-height:84px;padding:10px}
  .dq7-home-quick-card__icon{width:54px;height:54px;background-size:45px 45px,auto}
  .dq7-home-stats{grid-template-columns:1fr 1fr}
  .dq7-home-guide-strip{align-items:stretch}
  .dq7-home-guide-strip>strong{width:100%}
  .dq7-home-guide-strip>a{flex:1 1 calc(50% - 5px)}
  .dq7-guide-grid{grid-template-columns:1fr}
  body.dq7-page:not(.page-home) .dq7-page-title-table tr:nth-child(2)>td{padding:14px 12px 13px 57px!important}
  body.dq7-page:not(.page-home) .dq7-page-title-table tr:nth-child(2)>td::before{left:12px;width:34px;height:34px}
}

/* K1 guide index: purpose-first navigation cards. */
.dq7-guide-hero{margin:0 0 14px!important;background:linear-gradient(135deg,#f6fffb,#fff8df)!important;border-color:#d9c57d!important}
.dq7-guide-hero .dq7-guide-kicker{margin:0 0 3px;color:#a57818;font-size:.72rem;font-weight:900;letter-spacing:.13em}
.dq7-guide-hero h2{margin:0 0 6px!important;padding:0!important;background:none!important;color:#17606d!important;font-size:clamp(1.2rem,2vw,1.55rem)!important;text-shadow:none!important}
.dq7-guide-hero h2::before{display:none!important}
.dq7-guide-hero p{margin:0;color:#62736b}
.dq7-guide-panel{position:relative;overflow:hidden;padding:16px!important}
.dq7-guide-panel::after{content:"";position:absolute;right:-24px;top:-28px;width:92px;height:92px;border-radius:50%;background:rgba(23,111,120,.055);pointer-events:none}
.dq7-guide-panel h2{position:relative;margin:0 0 7px!important;padding:2px 0 2px 36px!important;background:none!important;color:#225d69!important;font-size:1rem!important;text-shadow:none!important}
.dq7-guide-panel h2::before{content:"";position:absolute;left:0;top:50%;width:27px;height:27px;transform:translateY(-50%);background:url("../icons/icon-guide.svg") center/contain no-repeat}
.dq7-guide-panel.is-story h2::before{background-image:url("../icons/icon-tablet.svg")}
.dq7-guide-panel.is-tablet h2::before{background-image:url("../icons/icon-portal.svg")}
.dq7-guide-panel.is-growth h2::before{background-image:url("../icons/icon-vocation.svg")}
.dq7-guide-panel.is-collection h2::before{background-image:url("../icons/icon-treasure.svg")}
.dq7-guide-panel.is-data h2::before{background-image:url("../icons/icon-search.svg")}
.dq7-guide-panel.is-version h2::before{background-image:url("../icons/icon-reimagined.svg")}
.dq7-guide-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
.dq7-guide-links a{display:block!important;min-height:0!important;padding:8px 10px!important;border-radius:9px!important;background:#fffefb!important;line-height:1.35!important}
.dq7-guide-links a strong{display:block;color:#176484;font-size:.81rem}
.dq7-guide-links a span{display:block;margin-top:2px;color:#6d7974;font-size:.68rem;font-weight:600;line-height:1.45}
@media(max-width:560px){.dq7-guide-links{grid-template-columns:1fr!important}}
body.dq7-page:not(.page-home) .dq7-page-title-table [data-dq7-legacy-site-title="1"]{margin:0!important;color:#e9fbf7!important;font-size:.76rem!important;font-weight:800!important;line-height:1.35!important}
@media(max-width:980px){
  .site-nav{background:linear-gradient(180deg,#155f70,#163f62)!important;border-bottom-color:#ddb546!important}
  .site-nav a{min-height:43px;padding-left:40px!important}
  .site-nav a::before{left:11px!important;width:21px!important;height:21px!important}
}

/* K2 final contrast guard. Legacy pages use bgcolor on both TD and TR.
   Keep semantic dark headings dark even when card/zebra rules repaint ordinary cells. */
body.dq7-page td[bgcolor="#111122"],body.dq7-page td[bgcolor="#222933"],body.dq7-page td[bgcolor="#333344"],body.dq7-page td[bgcolor="#444444"],body.dq7-page td[bgcolor="#44444c"],body.dq7-page td[bgcolor="#555566"],body.dq7-page td[bgcolor="#666666"],body.dq7-page td[bgcolor="#666677"],body.dq7-page td[bgcolor="#77777c"],
body.dq7-page tr[bgcolor="#111122"]>td,body.dq7-page tr[bgcolor="#222933"]>td,body.dq7-page tr[bgcolor="#333344"]>td,body.dq7-page tr[bgcolor="#444444"]>td,body.dq7-page tr[bgcolor="#44444c"]>td,body.dq7-page tr[bgcolor="#555566"]>td,body.dq7-page tr[bgcolor="#666666"]>td,body.dq7-page tr[bgcolor="#666677"]>td,body.dq7-page tr[bgcolor="#77777c"]>td{
  background:linear-gradient(135deg,#247983,#195a72)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#195a72!important;
  text-shadow:0 1px 1px rgba(0,0,0,.15)!important;
}
body.dq7-page td[bgcolor="#111122"] *,body.dq7-page td[bgcolor="#222933"] *,body.dq7-page td[bgcolor="#333344"] *,body.dq7-page td[bgcolor="#444444"] *,body.dq7-page td[bgcolor="#44444c"] *,body.dq7-page td[bgcolor="#555566"] *,body.dq7-page td[bgcolor="#666666"] *,body.dq7-page td[bgcolor="#666677"] *,body.dq7-page td[bgcolor="#77777c"] *,
body.dq7-page tr[bgcolor="#111122"]>td *,body.dq7-page tr[bgcolor="#222933"]>td *,body.dq7-page tr[bgcolor="#333344"]>td *,body.dq7-page tr[bgcolor="#444444"]>td *,body.dq7-page tr[bgcolor="#44444c"]>td *,body.dq7-page tr[bgcolor="#555566"]>td *,body.dq7-page tr[bgcolor="#666666"]>td *,body.dq7-page tr[bgcolor="#666677"]>td *,body.dq7-page tr[bgcolor="#77777c"]>td *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  background:transparent!important;
  text-shadow:inherit!important;
}
body.dq7-page td[bgcolor="#111122"] a,body.dq7-page td[bgcolor="#222933"] a,body.dq7-page td[bgcolor="#333344"] a,body.dq7-page td[bgcolor="#444444"] a,body.dq7-page td[bgcolor="#44444c"] a,body.dq7-page td[bgcolor="#555566"] a,body.dq7-page td[bgcolor="#666666"] a,body.dq7-page td[bgcolor="#666677"] a,body.dq7-page td[bgcolor="#77777c"] a,
body.dq7-page tr[bgcolor="#111122"]>td a,body.dq7-page tr[bgcolor="#222933"]>td a,body.dq7-page tr[bgcolor="#333344"]>td a,body.dq7-page tr[bgcolor="#444444"]>td a,body.dq7-page tr[bgcolor="#44444c"]>td a,body.dq7-page tr[bgcolor="#555566"]>td a,body.dq7-page tr[bgcolor="#666666"]>td a,body.dq7-page tr[bgcolor="#666677"]>td a,body.dq7-page tr[bgcolor="#77777c"]>td a{
  color:#fff2b8!important;
  -webkit-text-fill-color:#fff2b8!important;
}