/* Owner direction, 2 November 2026: square site controls; plain canvas back links.
   Loaded only by site shells. Authored artwork and iframe contents keep their shapes. */
:root{--radius-control:0px!important;--radius-chip:0px!important}
button,[role="button"],a,input:not([type="radio"]),select,textarea{border-radius:0!important}
/* Grouped controls carry their own border around child buttons. */
.t__vote,.cvote,#sres,.fv__segs,button .switch,button .switch::after{border-radius:0!important}
a.back,a.pro-back,a.lost-back,#fvBack,#back{
 border:0!important;background:transparent!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 min-height:44px;display:inline-flex;align-items:center
}
a.lost-back{color:var(--ink)}
/* One Back control site-wide (owner, 8 and 9 November 2026). Every Back on the site uses the
   same arrow, type, gap and 44px target: page links, the canvas browse Back, the full view, the
   preview sheet, the menu's Components panel, the 404 and OAuth pages. Change the look here only.
   The arrow is the authored 2px stroke, drawn in currentColor so it follows each page's ink. */
/* Desktop and phone differ in size but each is the same everywhere. WCAG 2.2 AA: text ≥ 4.5:1
   (each page's ink), 44px target (above the 24px minimum), focus ring in currentColor (≥ 3:1). */
:root{--back-font:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--back-fs:14px;--back-ls:.03em;--back-arrow:16px}
@media(max-width:760px){:root{--back-fs:16px;--back-arrow:18px}}
a.back,a.pro-back,a.lost-back,.back-link,#back,#fvBack,#code .x .close-desktop{
 font-family:var(--back-font)!important;font-size:var(--back-fs)!important;font-weight:500!important;
 letter-spacing:var(--back-ls)!important;text-transform:none!important;line-height:1.2!important;gap:8px!important;text-decoration:none}
.back-link{display:inline-flex;align-items:center;min-height:44px}
a.back::before,a.pro-back::before,a.lost-back::before,.back-link::before,#back::before,#fvBack::before,#code .x .close-desktop::before{content:"";flex:none;width:var(--back-arrow);height:var(--back-arrow);background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
a.back:focus-visible,a.pro-back:focus-visible,a.lost-back:focus-visible,.back-link:focus-visible,#back:focus-visible,#fvBack:focus-visible,#code .x:focus-visible{
 outline:2px solid currentColor!important;outline-offset:2px!important;box-shadow:none!important}
/* Older arrows (text glyphs, inline SVGs) give way to the shared one. */
a.back>svg,#back>.arrow,#fvBack>svg,#code .x .close-desktop>span[aria-hidden]{display:none!important}