/* CUAN128 — warm burgundy, amber and cream; site-wide responsive refinements */
:root{
  --wine:#390d18;--wine2:#6b1525;--red:#af2532;--reddeep:#791f29;
  --orange:#ef941e;--gold:#f7c967;--pale:#fffaf0;--cream:#fffefb;
  --ink:#281e20;--mute:#6f5353;--stroke:#ead9d3;
  --shadow:0 15px 42px rgba(8,37,84,.075);--footer-h:80px
}
body{background:linear-gradient(#fff3ea 0,#fffaf6 520px,#fffaf6 1100px);color:var(--ink)}
a:hover{color:#145ac7}
.notice-top{background:#310b17;color:#ffeede;border-bottom:1px solid #8b4437}
.notice-top a{color:#f5c75d}
.site-header{background:#fff;box-shadow:0 6px 23px #360b170c;border-bottom:1px solid #eddad3}
.site-search{background:#fff4e9;border:1px solid #e7c7b6;border-radius:15px}
.site-search span{color:#8e392d}
.site-search button{background:linear-gradient(120deg,#9a2630,#641526)}
.site-search button:hover{background:#b93c38}
.button-red{background:linear-gradient(120deg,#ad2632,#5e1021);color:#fff;box-shadow:0 5px 15px #6d1b232c}
.button-red:hover{background:#c93b39}
.button-gold{background:linear-gradient(135deg,#ffe4a1,#f7be4d,#e69129);border-color:#edbd49;color:#3a2b13}
.button-outline{border-color:#e0b7a0;color:#7a2430;background:#fff}
.button-outline:hover{background:#fff1e4}
.button-soft{background:#fff3ea;color:#732936;border-color:#f0d4c0}
.main-nav{border-color:#f4e5dd;background:#fff}
.nav-inner a{color:#5b3440}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#af2839}
.nav-inner a[aria-current=page]::after{background:#e3a33e;height:3px}
.ticker{background:linear-gradient(100deg,#4e0b1e,#8d1d2d,#541227);color:#fff}
.ticker strong{color:#ffe29e}
.category-rail{background:linear-gradient(90deg,#4c1021,#8d1e2b);box-shadow:0 9px 24px #4b132020;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:9px;min-height:56px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.11em;color:#f7d4ad;font-size:.69rem;font-weight:950;margin-right:10px;white-space:nowrap}
.category-rail a{font-size:.84rem;font-weight:800;white-space:nowrap;border:1px solid #ffffff24;background:#ffffff0c;border-radius:999px;padding:7px 14px;color:#fff6e8;transition:background .2s}
.category-rail a:hover{color:#fff;background:#ffffff26}
.crumb,.crumb a{color:#8c5046}
.eyebrow{color:#a02d36}
.section-head>a{color:#9a2c3a}
.card{border:1px solid #eedbd1;box-shadow:var(--shadow);border-radius:20px}
.hero-shop{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:23px}
.hero-shop>.gallery{order:2}
.hero-shop>.shop-details{order:1}
.gallery{background:linear-gradient(155deg,#fff,#fff1e4);padding:17px}
.gallery-main{background:radial-gradient(circle at 50% 30%,#ffffff,#fff0dd);border:1px solid #cadcf2}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:12px}
.thumb{background:#fff;border-color:#e3c4ab;border-radius:12px}
.thumb[aria-pressed=true],.thumb:hover{border-color:#d69a32;box-shadow:0 0 0 1px #d69a32}
.shop-details{background:radial-gradient(ellipse at 10% 0%,#ffffff,#ffffff 60%,#fff6f0);padding:34px 34px 26px}
.shop-details h1{color:#53202c;font-size:clamp(1.95rem,2.9vw,3rem)}
.shop-details .lead{color:#735257}
.shop-meta{border-color:#e9cec0}
.shop-meta strong{color:#592a32}
.shop-note{background:#fff2e6;color:#7f4c47;border-color:#ecd1bd}
.tag{background:#fff6dc;color:#7b3a16;border-color:#f0d39d}
.highlights{margin-top:23px}
.highlight{background:#fff}
.hi-icon{background:linear-gradient(135deg,#fff2e8,#ffe1a6)}
.feature-card .cover{background:#fff4e9;border-color:#eecfb8}
.feature-card .inside p,.blog-card p{color:#76595b}
.mini-btn{border-color:#e9c8b6;color:#983640}
.mini-btn:hover{background:#fff4e9}
.mini-btn.fill{background:#8e2438;border-color:#8e2438}
.mini-btn.fill:hover{background:#bf3341}
.content-banner,.hero-page .page-visual{background:#fff4ea;border-color:#edd1c0}
.hero-page{background:linear-gradient(120deg,#ffffff 35%,#e8f3ff);border-left:5px solid #e6ac31}
.hero-page p,.article-main p{color:#455672}
.article-main h2{border-color:#e2ebf5;color:#142e5c}
.article-main ul{color:#4a6282}
.side-panel a{color:#254f88}
.callout,.empty{background:#f1f7ff;border-color:#dfb58e;color:#71404b}
.section-band{background:radial-gradient(ellipse at right,#9e2437,#380e20 75%);border:1px solid #af4d35;box-shadow:0 20px 36px #390b211f}
.section-band h2{color:#fff}
.section-band p{color:#fff0dd}
.section-band .button-outline{border-color:#b1cdf0;color:#fff}
.section-band .button-outline:hover{background:#ffffff24}
.site-footer{background:#330e1d;color:#fff2e6;border-top:4px solid #e5aa45}
.footer-grid p{color:#f0cfbf}
.footer-links a{color:#ffe6d8}
.footer-links a:hover{color:#ffd775}
.bottom-dock{background:linear-gradient(110deg,#310a17,#751a2b,#3b0c1d);border-top:2px solid #f0c15a;box-shadow:0 -8px 24px #08163042}
.dock-inner{grid-template-columns:repeat(6,minmax(0,1fr));max-width:930px;gap:3px}
.dock-link{color:#fff5eb}
.dock-link:hover{color:#ffe2a6}
.dock-link.cta{color:#4a2919;background:linear-gradient(140deg,#ffe997,#e9a230)}
.dock-link.cta:hover{color:#4a2919;background:#ffe29b}
.compare-tray{border-color:#edc2aa;box-shadow:0 10px 36px #0b336645}
.compare-list .item{border-color:#eed4c7}
.compare-list .item strong{color:#14488f}
.list-toolbar input{border-color:#e3c2b6}
.list-toolbar input:focus{border-color:#b53440}
.status{color:#8c584d}
@media(min-width:1100px){
  .hero-shop{grid-template-columns:minmax(0,1.0fr) minmax(0,.98fr)}
  .gallery-main{aspect-ratio:1/1}
  .shop-details{display:flex;flex-direction:column;justify-content:center}
  .shop-details .shop-actions{grid-template-columns:1fr 1fr}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-card:nth-child(5n + 3) .cover{background:#fff6e5}
}
@media(max-width:1030px){.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-details{padding:21px}}
@media(max-width:760px){
  :root{--footer-h:72px}
  .hero-shop{grid-template-columns:1fr}
  .hero-shop>.gallery{order:1}
  .hero-shop>.shop-details{order:2}
  .category-rail-inner{min-height:51px}
  .category-rail a{font-size:.76rem;padding:7px 10px}
  .rail-title{font-size:.65rem}
  .hero-shop .shop-details{padding:23px}
  .dock-inner{padding:4px 3px;gap:0}
  .dock-link{font-size:.61rem;gap:2px;border-radius:8px}
  .dock-link .dock-icon{font-size:1.19rem}
  .article-main{padding:23px}
}
@media(max-width:390px){
  .dock-link{font-size:.54rem;letter-spacing:-.015em}
  .dock-link .dock-icon{font-size:1.11rem}
  .header-actions .button{font-size:.75rem;padding:9px 5px}
  .brand img{width:106px}
  .site-search span{display:none}
  .site-search button{padding:0 9px}
  .main{padding-top:15px}
  .shell{padding-left:12px;padding-right:12px}
  .shop-details h1{font-size:1.85rem}
}
/* Prevent long ticker text inside a grid item from enlarging mobile grid tracks. */
.content-split > *{min-width:0}
.article-main{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .content-split{grid-template-columns:minmax(0,1fr)}
 .content-split > *{min-width:0;max-width:100%}
 .article-main .ticker{width:100%;max-width:100%}
}

/* CUAN128 enhancements: crisp contrast, three-item fixed dock and responsive layout */
:root{--footer-h:68px}
body{background:linear-gradient(180deg,#fff6ed 0%,#fffaf7 620px,#fffefa 1600px);color:#281e20}
.site-header{background:#fffaf5}
.header-primary{align-items:center}
.brand{border-radius:12px;overflow:hidden;background:#350b1c;box-shadow:0 2px 12px #29071322}
.brand img{object-fit:contain;display:block;max-height:89px}
.main-nav{background:#fffdfa}
.header-actions .button{white-space:nowrap}
.notice-top{background:linear-gradient(90deg,#340a1c,#781b2c)}
.ticker{background:linear-gradient(100deg,#440b1e,#962633,#48101f)}
.ticker-track{white-space:nowrap}
.hero-shop .gallery{border-color:#eac8ad}
.gallery-main{background:#2c0a17}
.gallery-main img,.thumb img{object-fit:contain}
.shop-details{border-left:4px solid #d9a34b}
.shop-details h1{color:#4b1728;font-weight:900;letter-spacing:-.02em}
.shop-actions .button{min-height:44px}
.footer-links a:focus-visible,.dock-link:focus-visible,.button:focus-visible,.main-nav a:focus-visible{outline:3px solid #e7a943;outline-offset:3px}
.bottom-dock{background:linear-gradient(100deg,#3d0d1d,#861e2d,#3b0b1b);border-top:2px solid #f0bb60}
.dock-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px;gap:10px;padding:7px 15px}
.dock-link{font-weight:900;letter-spacing:.01em;color:#fff6e7;font-size:.79rem}
.dock-link:nth-child(3){background:linear-gradient(135deg,#ffe0a0,#edab3c);color:#481b20}
.dock-link:nth-child(3):hover{color:#481b20}
.dock-link .dock-icon{font-size:1.33rem}
.new-article-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:26px 29px;align-items:center;background:linear-gradient(120deg,#fffefa,#fff0e4);border-left:5px solid #dca043}
.new-article-hero h1{font-size:clamp(1.7rem,2.6vw,2.7rem);color:#551725;line-height:1.2;margin:8px 0 12px}
.new-article-hero p{color:#6d4c48;max-width:680px;line-height:1.7}
.new-article-hero img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px}
.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#805251;font-size:.85rem;margin-top:16px}
.article-meta span{background:#fbe5d5;border:1px solid #f1d2bc;padding:5px 10px;border-radius:999px}
.prose-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;margin:23px 0}
.prose-layout .article-main p{font-size:1rem;line-height:1.86;max-width:76ch}
.prose-layout .article-main h2{font-size:1.4rem;scroll-margin-top:30px;margin-top:24px}
.prose-layout aside{align-self:start;position:sticky;top:18px}
.article-index a{display:block;padding:8px 10px;border-bottom:1px solid #f3e2d8;color:#7a3042;font-size:.87rem;line-height:1.4}
.article-index a:hover{background:#fff0e4}
.article-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 30px}
.article-link-card{display:flex;flex-direction:column;padding:19px;gap:8px;line-height:1.5}
.article-link-card strong{color:#5b1c30}
.article-link-card span{font-size:.88rem;color:#74524d}
.extra-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:16px 0 24px}
.extra-topic{display:flex;flex-direction:column;gap:8px;padding:19px;background:#fffdf9;border:1px solid #eed7c8;border-radius:15px;box-shadow:0 8px 25px #4110250b}
.extra-topic:hover{border-color:#dea848;transform:translateY(-2px);transition:transform .15s}
.extra-topic strong{color:#6d1e2c}
.extra-topic small{color:#895950;font-weight:700}
.extra-topic span{color:#66504d;font-size:.87rem;line-height:1.5}
.extra-topics-head{padding-top:18px;border-top:1px solid #eddcd5}
.archive-sections{display:flex;flex-wrap:wrap;gap:9px;padding:10px 0 18px}
.archive-sections a{border:1px solid #e7c5ac;background:#fff3e5;border-radius:999px;padding:9px 13px;font-size:.8rem;font-weight:700;color:#742a34}
@media(max-width:950px){.new-article-hero{grid-template-columns:minmax(0,1fr) 190px}.prose-layout{grid-template-columns:minmax(0,1fr)}.prose-layout aside{position:static}.extra-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--footer-h:65px}.header-primary{grid-template-columns:110px 1fr}.brand{width:110px;height:61px}.brand img{max-height:61px}.new-article-hero{grid-template-columns:1fr;padding:22px}.new-article-hero img{max-width:300px;margin:auto}.article-links{grid-template-columns:1fr 1fr}.extra-topic-grid{grid-template-columns:1fr 1fr}.dock-inner{gap:4px;padding:5px 8px}.dock-link{font-size:.68rem}.dock-link .dock-icon{font-size:1.24rem}}
@media(max-width:460px){.article-links,.extra-topic-grid{grid-template-columns:1fr}.article-main{padding:19px}.new-article-hero{padding:18px}.new-article-hero h1{font-size:1.67rem}.header-actions .button{font-size:.74rem}.dock-link{font-size:.63rem}}