/* Header: Corners. Four small fixed chips and a side panel. Override --corner-* in a site's screen.css. */
.cc-header-corners{--cc-corner-inset:clamp(14px,2vw,28px);--cc-corner-font:var(--font-titles,var(--font-body,sans-serif))}
.cc-corners{position:static}
.cc-corner{position:fixed;z-index:90;display:inline-flex;align-items:center;box-sizing:border-box;margin:0;padding:8px 12px;border:0;border-radius:0;background:var(--corner-bg,#EEE9DF);color:var(--corner-ink,#3E4430);font:500 15px/1.2 var(--font-body,sans-serif);letter-spacing:.02em;text-decoration:none;cursor:pointer;box-shadow:none}
.cc-corner-tl{top:var(--cc-corner-inset);left:var(--cc-corner-inset)}
.cc-corner-tr{top:var(--cc-corner-inset);right:var(--cc-corner-inset)}
.cc-corner-bl{left:var(--cc-corner-inset);bottom:max(var(--cc-corner-inset),env(safe-area-inset-bottom))}
.cc-corner-br{right:var(--cc-corner-inset);bottom:max(var(--cc-corner-inset),env(safe-area-inset-bottom))}
.admin-bar .cc-corner-tl,.admin-bar .cc-corner-tr{top:calc(var(--cc-corner-inset) + 32px)}
.cc-corner-brand img{display:block;max-height:34px;width:auto;height:auto}
.cc-corner-menu .cc-corner-label{font-variant-caps:all-small-caps;font-size:1.1em;letter-spacing:.08em}
.cc-corner-label::before,.cc-corners-close .cc-corner-label::before{content:"";display:inline-block;width:0;height:6px;margin-right:0;background:var(--corner-accent,#B5552F);vertical-align:middle;transition:none}
.cc-corner:hover .cc-corner-label::before,.cc-corner:focus-visible .cc-corner-label::before,.cc-corners-close:hover .cc-corner-label::before,.cc-corners-close:focus-visible .cc-corner-label::before{width:6px;margin-right:8px}
.cc-corner-next:not(a):hover .cc-corner-label::before{width:0;margin-right:0}
.cc-corner:focus-visible,.cc-corners-panel a:focus-visible,.cc-corners-panel button:focus-visible{outline:2px solid var(--corner-accent,#B5552F);outline-offset:3px}
.cc-corner-br-wrap{display:contents}
html[data-ct-live="1"] .cc-corner-br-wrap .cc-corner-next{display:none}
.cc-corners-nojs{display:none}
/* Side panel */
.cc-corners-panel{position:fixed;inset:0 0 0 auto;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:clamp(24px,4vw,48px);box-sizing:border-box;background:var(--corner-panel-bg,#3E4430);color:var(--corner-panel-ink,#EEE9DF);overflow:auto}
.cc-corners-panel::backdrop{background:rgba(30,33,22,.55)}
.cc-corners-panel a{color:inherit;text-decoration:none}
.cc-corners-close{position:absolute;top:var(--cc-corner-inset);right:var(--cc-corner-inset);display:inline-flex;align-items:center;padding:8px 12px;border:1px solid currentColor;border-radius:0;background:none;color:inherit;font:500 15px/1.2 var(--font-body,sans-serif);letter-spacing:.02em;cursor:pointer}
.cc-corners-nav{margin-top:clamp(40px,8vh,80px)}
.cc-corners-nav ol{list-style:none;margin:0;padding:0}
.cc-corners-nav>ol>li{padding:.2em 0 .35em}
.cc-corners-big{display:flex;align-items:baseline;gap:.7em;font:300 clamp(28px,4vw,44px)/1.15 var(--cc-corner-font)}
.cc-corners-n{font:500 13px/1 var(--font-body,sans-serif);letter-spacing:.06em;color:var(--corner-accent,#B5552F);font-variant-numeric:tabular-nums}
.cc-corners-big:hover .cc-corners-t,.cc-corners-big:focus-visible .cc-corners-t,.cc-corners-panel [aria-current]{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.15em}
.cc-corners-sub{list-style:none;margin:.3em 0 .4em 2.4em;padding:0;font-size:16px;line-height:1.7}
.cc-corners-details{margin:2em 0 1.4em;font-size:16px;line-height:1.55;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-top:1.4em}
.cc-corners-details p{color:inherit;margin:0 0 .5em}
.cc-corners-details:empty{display:none}
.cc-corners-visit{background:var(--corner-bg,#EEE9DF);color:var(--corner-ink,#3E4430)}
.cc-corners-panel .cc-corners-visit{color:var(--corner-ink,#3E4430)}
html.cc-corners-open{overflow:hidden}
@media(prefers-reduced-motion:no-preference){
	.cc-corners-panel[open]{animation:cc-corners-in .5s cubic-bezier(.2,.7,0,1)}
	.cc-corners-panel[open]::backdrop{animation:cc-corners-fade .5s ease}
}
@keyframes cc-corners-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes cc-corners-fade{from{opacity:0}to{opacity:1}}
@media(max-width:767px){
	.cc-corner-br,.cc-corner-br-wrap{display:none}
	.cc-corner-bl{bottom:max(var(--cc-corner-inset),calc(env(safe-area-inset-bottom) + 8px))}
}