html.cc-popup-open{overflow:hidden}
dialog.cc-popup:not([open]){display:none}
dialog.cc-popup{position:fixed;inset:0;width:min(840px,calc(100vw - 40px));max-width:840px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #718257;border-radius:20px;background:#202c18;color:#f6f4e8;box-shadow:0 30px 100px #0008;overflow:auto;font-family:Arial,Helvetica,sans-serif}
.cc-popup::backdrop{background:rgba(8,14,5,.78);backdrop-filter:blur(7px)}
.cc-popup .cc-layout{display:grid;grid-template-columns:43% 57%}
.cc-popup .cc-art{background:#bc9455;display:flex;align-items:center;justify-content:center;min-width:0}
.cc-popup .cc-image{display:block;width:100%;height:100%;max-height:580px;object-fit:contain}
.cc-popup .cc-copy{display:flex;flex-direction:column;justify-content:center;padding:52px 40px 36px}
.cc-popup .cc-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#c6d699;line-height:1.7;padding-right:20px}
.cc-popup .cc-intro{color:#aabb96;font-size:13px;margin:17px 0 9px}
.cc-popup h2{display:flex;align-items:center;gap:14px;font:normal clamp(38px,5vw,55px)/1.1 Georgia,serif;margin:0 0 17px;color:#fff9e8}
.cc-popup .cc-dot{width:23px;height:23px;border:2px solid #ffffff65;box-shadow:0 0 0 5px #ffffff08;border-radius:50%;background:var(--cc-swatch);flex-shrink:0}
.cc-popup .cc-meaning{font-size:16px;line-height:1.7;color:#dfdfc9;margin:0 0 13px;font-weight:600}
.cc-popup .cc-description{font-size:15px;line-height:1.7;color:#b8c5a7;margin:0 0 25px}
.cc-popup .cc-guide{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:49px;padding:12px 16px;border-radius:8px;color:#202c16;background:#c6d599;font-size:14px;font-weight:700;text-decoration:none}
.cc-popup .cc-guide:hover{background:#d6e2b1}
.cc-popup .cc-continue{border:0;border-bottom:1px solid #6d7d55;background:none;align-self:center;color:#d1dbbe;font-size:14px;padding:8px 0;margin-top:12px;cursor:pointer}
.cc-popup .cc-note{color:#8e9d7b;font-size:11px;line-height:1.7;margin-top:25px}
.cc-popup .cc-close{position:absolute;z-index:2;right:13px;top:13px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #7f8d6b;border-radius:50%;color:#fff5df;background:#202c18;font-size:27px;line-height:1;padding:0;cursor:pointer}
.cc-popup a:focus-visible,.cc-popup button:focus-visible{outline:2px solid #edce8e;outline-offset:3px}
@media(max-width:600px){dialog.cc-popup{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:16px}.cc-popup .cc-layout{grid-template-columns:1fr}.cc-popup .cc-art{height:clamp(140px,28vh,230px)}.cc-popup .cc-image{width:auto;height:100%;max-width:100%;object-fit:contain}.cc-popup .cc-copy{padding:24px}.cc-popup .cc-intro{margin-top:10px}.cc-popup h2{font-size:38px;margin-bottom:10px}.cc-popup .cc-meaning{font-size:14px;margin-bottom:9px}.cc-popup .cc-description{font-size:14px;margin-bottom:18px}.cc-popup .cc-note{margin-top:16px}}
@media(prefers-reduced-motion:no-preference){.cc-popup[open]{animation:cc-enter .3s ease-out}@keyframes cc-enter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}}