/* The machine return control uses the approved portfolio mark. Books hide it. */
:root{--site-brand-size:64px;--site-brand-left:max(14px,env(safe-area-inset-left));--site-brand-top:max(14px,env(safe-area-inset-top))}
@media(max-width:800px),(max-height:620px){:root{--site-brand-size:54px;--site-brand-left:max(22px,env(safe-area-inset-left));--site-brand-top:max(23px,env(safe-area-inset-top))}}
@media(orientation:landscape) and (max-height:480px) and (min-width:561px){:root{--site-brand-size:44px;--site-brand-top:max(12px,env(safe-area-inset-top))}}
.site-brand,#brand-mark.site-brand{position:fixed;inset:auto;left:var(--site-brand-left);top:var(--site-brand-top);z-index:20;display:grid;place-items:center;width:var(--site-brand-size);height:var(--site-brand-size);padding:0;margin:0;border:0;border-radius:50%;color:#f4ead2;background:transparent;cursor:pointer;visibility:visible;overflow:visible;transform:none;box-shadow:none}
.site-brand svg{display:block;width:clamp(44px,5vw,64px);height:auto;pointer-events:none;border-radius:0;background:transparent}
/* Match the live Privacy selector wordmark; retain the Machine hit area. */
@media(max-height:600px){.site-brand svg{width:40px}}
@media(min-width:1000px){.site-brand svg{width:clamp(35.2px,4vw,51.2px)}}
@media(min-width:1000px) and (max-height:600px){.site-brand svg{width:32px}}
.site-brand:focus-visible{outline:3px solid #e6bd4f;outline-offset:4px}
body.atlas-reading #brand-mark,body.mechanica-reading #brand-mark{visibility:hidden;pointer-events:none}
/* A plain return arrow is available while a book is loading. */
#atlas-return,#mechanica-return{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:20;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#f4ead2;font:28px/1 monospace;cursor:pointer}
#atlas-return:hover,#mechanica-return:hover{color:#e6bd4f}
#atlas-return:focus-visible,#mechanica-return:focus-visible{outline:2px solid #e6bd4f;outline-offset:2px}

/* Desktop position matches the reviewed Privacy selector, including its short-height target. */
@media(min-width:1000px){.site-brand,#brand-mark.site-brand{left:28px;top:28px;width:clamp(44px,5vw,64px);height:clamp(44px,5vw,64px);place-items:start}}
@media(min-width:1000px) and (max-height:600px){.site-brand,#brand-mark.site-brand{left:26px;top:26px;width:44px;height:44px}.site-brand svg{margin:2px 0 0 2px}}