:root { --wu-bg:#fff8f1; --wu-surface:#fff; --wu-surface-2:#fff3e8; --wu-text:#382217; --wu-muted:#8b6f60; --wu-line:rgba(151,82,42,.16); --wu-accent:#f06a2a; --wu-accent-2:#ffb13c; --wu-radius:15px; --wu-shadow:0 12px 32px rgba(142,75,35,.1); }
.wu-header { background:rgba(255,252,247,.94); }
.wu-logo::before { content:"▶"; border-radius:10px 50% 50% 10px; }
.wt04 .wu-feature-combo .wu-hero,
.wt04 .wu-feature-combo .wu-rank { border:0; box-shadow:none; }
.wt04 .wu-feature-combo .wu-hero { height:350px; min-height:350px; }
.wt04 .wu-feature-combo .wu-rank { background:transparent; }
.wt04 .wu-feature-combo .wu-rank-list b,
.wt04 .wu-feature-combo .wu-rank-list small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wt04 .wu-side details summary,
.wt04 .wu-side nav > a { color:#563526; font-size:14px; font-weight:700; }
.wt04 .wu-side details div a { color:#765747; font-size:13px; font-weight:600; }
.wt04-home-focus { display:grid; gap:18px; }
.wt04-split-banner { height:350px; min-height:350px; border:0; background:var(--wu-surface); box-shadow:none; }
.wt04-rank-strip { border:0; background:transparent; box-shadow:none; }
@media (min-width:1181px) {
  .wt04-split-banner .wu-hero__item { display:grid; grid-template-columns:58% 42%; background:var(--wu-surface); }
  .wt04-split-banner__media { min-width:0; overflow:hidden; }
  .wt04-split-banner__media img { height:350px; object-fit:cover; }
  .wt04-split-banner__content { display:flex; min-width:0; padding:38px; flex-direction:column; justify-content:center; }
  .wt04-split-banner__content h1 { margin:0 0 10px; font-size:38px; line-height:1.15; }
  .wt04-split-banner__content .wu-hero__meta,
  .wt04-split-banner__content .wu-hero__summary { color:var(--wu-muted); }
  .wt04-split-banner__content .wu-button { align-self:flex-start; }
  .wt04-split-banner__eyebrow { margin:0 0 8px; color:var(--wu-accent); font-weight:800; letter-spacing:.12em; }
  .wt04-split-banner .wu-hero__arrow--next { right:calc(42% + 16px); }
  .wt04-split-banner .wu-hero__dots { left:29%; }
  .wt04-rank-strip { padding:0; }
  .wt04-rank-strip .wu-rank-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0 18px; }
  .wt04-rank-strip .wu-rank-list li { grid-template-columns:24px 42px minmax(0,1fr); min-height:62px; gap:8px; }
  .wt04-rank-strip .wu-rank-list img { width:42px; height:42px; }
}

.theme-friend-links--04 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 0; padding:13px 16px; border:1px solid rgba(178,97,52,.22); border-radius:12px; color:#896b5b; background:#fffaf5; box-shadow:0 7px 20px rgba(142,75,35,.06); }
.theme-friend-links--04:empty { display:none; }
.wt04 .theme-friend-links--04 a { display:inline-flex; min-width:92px; max-width:100%; min-height:34px; padding:6px 15px; box-sizing:border-box; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(240,106,42,.34); border-radius:999px; color:#b55528; background:rgba(240,106,42,.09); font-size:14px; font-weight:700; line-height:20px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.wt04 .theme-friend-links--04 a:hover { border-color:var(--wu-accent); color:#fff; background:var(--wu-accent); }
@media (max-width:820px) { .theme-friend-links--04 { gap:9px; padding:11px 13px; }.wt04 .theme-friend-links--04 a { min-width:0; flex:1 1 calc(25% - 9px); padding-inline:10px; } }
@media (min-width:821px) and (max-width:1180px) {
  .wt04-split-banner .wu-hero__item { display:grid; grid-template-columns:55% 45%; }
  .wt04-split-banner__media img { height:350px; object-fit:cover; }
  .wt04-split-banner__content { padding:26px; }
  .wt04-split-banner__content h1 { font-size:32px; }
  .wt04-rank-strip .wu-rank-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.wu-home-module:nth-child(1) { background:#fff3e5; }
.wu-home-module:nth-child(2) { background:#eef8f2; }
.wu-home-module:nth-child(3) { background:#fff8dc; }
.wu-home-module:nth-child(4) { background:#fff0ed; }
.wu-rank-mast { background:linear-gradient(110deg,#fff0dd,#fffaf4 55%,#ffe3c0); }
@media (min-width:821px) { .wu-side { background:linear-gradient(180deg,#fff5e9,#fff); } }
@media (max-width:820px) {
  .wt04 .wu-header { box-shadow:0 5px 18px rgba(151,82,42,.08); }
  .wt04 .wu-panel { box-shadow:0 7px 22px rgba(142,75,35,.08); }
  .wt04-split-banner { overflow:hidden; }
  .wt04-split-banner__media { position:absolute; inset:0; }
  .wt04-split-banner__media img { height:100%; object-fit:cover; }
  .wt04-split-banner__content { position:absolute; left:6%; bottom:10%; z-index:2; width:82%; color:#fff; }
  .wt04-split-banner__content h1 { margin:0 0 8px; font-size:28px; }
  .wt04-split-banner__content .wu-hero__summary { display:none; }
  .wt04-split-banner__eyebrow { color:#fff; font-weight:800; }
  .wt04-split-banner .wu-hero__item::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08)); }
  .wt04-split-banner__content { z-index:3; }
  .wt04 .wu-detail-backdrop { opacity:.38; }
  .wt04 .wu-detail-veil { background:linear-gradient(90deg,rgba(255,250,245,.9),rgba(255,250,245,.82)); }
  .wt04 .wu-mobile-bottom { box-shadow:0 -5px 20px rgba(142,75,35,.08); }
}