.example[data-example="chic"],#example-dialog[data-example="chic"]{--chic-gold:linear-gradient(110deg,#815024 0%,#a46d36 20%,#c29556 42%,#f9e6b5 49%,#a46d36 57%,#815024 76%,#b78546 100%);color-scheme:light;font-family:"Elegant Palladio",Georgia,serif;color:#514234;background:#ece5d8;border-color:#b99b70}
.chic{position:relative;isolation:isolate;background:#f0eade url("assets/chic-marble.webp") center/cover;border:1px solid #b99b70;border-radius:2px;min-height:370px;color:#514234}
.chic .mini-nav{background:#f6f0e2b3;border-bottom:1px solid #c3a676;font-size:14px;letter-spacing:.02em}
.chic .mini-body{position:relative;z-index:1;gap:16px;padding:24px 20px 45px;background:linear-gradient(90deg,#f7f1e3d9,transparent)}
.chic .mini-kicker{font-size:12px;letter-spacing:.14em;color:#6c533c}
.chic .mini-body strong{font-family:"Great Vibes",cursive;font-size:clamp(36px,3.3vw,43px);font-weight:400;line-height:1.35;letter-spacing:0;padding-right:5px}
.chic .mini-body>span:not(.mini-kicker):not(.mini-button){font-size:16px;line-height:1.55;color:#514234}
.chic .mini-button{border:1px solid #9a7445;border-radius:2px;background:#f7f0e5df;color:#604326;font-size:14px;padding:9px 14px}
.chic-gold-ribbon{display:block;position:absolute;bottom:0;left:0;right:0;height:7px;background:var(--chic-gold);background-size:250% 100%;animation:chic-reflection 7s ease-in-out infinite}
.example[data-example="chic"] .example-label{background:#f4eee3}
.chic .mini-nav .chic-nav-title,.example[data-example="chic"] .example-label strong{font-family:"Great Vibes",cursive;font-size:28px;line-height:1.5;font-weight:400}
.example[data-example="chic"] .example-label small{color:#6c5b49;font-size:14px}
.example[data-example="chic"] .view-pill{color:#61472d;border-color:#aa8756;background:#fbf7ed;font-size:14px}
.example[data-example="chic"]:hover{border-color:#c29556}
.example[data-example="chic"]:focus-visible{outline-color:#b78546}
#example-dialog[data-example="chic"]{background:linear-gradient(#faf6ecd9,#faf6eceb),url("assets/chic-marble.webp") center/cover;border:2px solid #b99b70;border-radius:8px;box-shadow:0 20px 80px #0006;max-height:calc(100dvh - 36px);overflow:auto}
#example-dialog[data-example="chic"] h2{font-family:"Great Vibes",cursive;font-size:clamp(38px,7vw,52px);font-weight:400;line-height:1.4;letter-spacing:0;padding-right:20px}
#example-dialog[data-example="chic"] p,#example-dialog[data-example="chic"] li{color:#514234;font-size:16px;line-height:1.7}
#example-dialog[data-example="chic"] .eyebrow{color:#6c533c;font-size:14px;letter-spacing:.12em;padding-right:35px}
#example-dialog[data-example="chic"] .close-dialog{color:#604326;z-index:3}
#example-dialog[data-example="chic"] li::marker{color:#a46d36}
#example-dialog[data-example="chic"] .dialog-note{border-color:#c3a676;color:#74624f;font-size:14px}
#example-dialog[data-example="chic"] .button{background:var(--chic-gold);background-size:250% 100%;animation:chic-reflection 7s ease-in-out infinite;border:1px solid #9a7445;color:#fffaf0;box-shadow:none;border-radius:3px}
#example-dialog[data-example="chic"] .button::before{display:none}
.chic .mini-nav .chic-nav-title,.chic .mini-nav .chic-nav-menu,.chic .mini-body strong,.example[data-example="chic"] .example-label strong,#example-dialog[data-example="chic"] h2{background-image:var(--chic-gold);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:chic-reflection 7s ease-in-out infinite}
@keyframes chic-reflection{0%,15%{background-position:0% 50%}65%,100%{background-position:100% 50%}}
@media(max-width:760px){.chic .mini-body strong{font-size:42px}.chic .mini-body{padding-inline:22px}.example[data-example="chic"] .example-label{padding-inline:18px;gap:10px}.chic .mini-nav .chic-nav-title,.example[data-example="chic"] .example-label strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.example[data-example="chic"] *,#example-dialog[data-example="chic"] *{animation:none!important}}
@media(forced-colors:active){.example[data-example="chic"] *,#example-dialog[data-example="chic"] *{background-image:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}}

#example-dialog[data-example="chic"] .dialog-photo{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2/1;background:#f0eade url("assets/chic-marble.webp") center/cover;border:1px solid #b99b70;border-radius:2px}
.chic::after,#example-dialog[data-example="chic"] .dialog-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff0bc88 48%,#ffffffaa 50%,transparent 63%);background-size:300% 100%;mix-blend-mode:soft-light;animation:chic-reflection 7s ease-in-out infinite;z-index:0}
@media(prefers-reduced-motion:reduce){.chic::after,#example-dialog[data-example="chic"] .dialog-photo::after{animation:none;opacity:0}}

.chic .mini-nav{align-items:center;gap:12px}
.chic .mini-nav .chic-nav-title{letter-spacing:0;min-width:0}
.chic .mini-nav .chic-nav-menu{font-size:14px;flex-shrink:0}