/* Central interface colour tokens. Sage retains the approved fallback colours. */
:root{--theme-text:#343e33;--theme-surface:#f7f4ec;--theme-border:#dcded1;--theme-accent:#657858;--theme-on-accent:#fffdf4;--theme-footer:#1d312c}
:root[data-theme="bubbly"]{--theme-text:#49364d;--theme-surface:#fff3e9;--theme-border:#cbb7cd;--theme-accent:#77507d;--theme-on-accent:#fff5e9;--theme-footer:#3a293f;--sage:#e0f3ed;--green:#f7d7e0;--peach:#ffe0ce;--butter:#fff0ac;--pale-lilac:#e8d8f4;--sky:#cdeeea;}
:root[data-theme="after-dark"]{color-scheme:dark;--theme-text:#eeeade;--theme-surface:#050605;--theme-border:#718576;--theme-accent:#526f5a;--theme-on-accent:#f1eedf;--theme-footer:#1d2c25;--paper:#050605;--cream:#29372f;--white:#29352f;--ink:#eeeade;--ink-soft:#d5d9cc;--muted:#b9cbb5;--sage:#2b4036;--green:#35513f;--peach:#4b3934;--butter:#48432f;--pale-lilac:#3d3546;--sky:#2c4244;}
:root[data-theme="bubbly"]{
--tone-1d312c:#49364d;
--tone-384640:#725c76;
--tone-64736d:#725c76;
--tone-f8f7f1:#fff3e9;
--tone-f0eee5:#fff3e9;
--tone-fffefb:#fff3e9;
--tone-d9dfd4:#fff3e9;
--tone-d4e3cc:#e0f3ed;
--tone-c5dcc1:#e0f3ed;
--tone-ddd9e8:#f0e5fa;
--tone-f3d0bf:#fce3df;
--tone-f4ebb9:#fff3e9;
--tone-d6e5e8:#e0f3ed;
--tone-e5e8df:#fff3e9;
--tone-8fba8b:#8a5d86;
--tone-52605a:#725c76;
--tone-57695e:#725c76;
--tone-a7c59b:#8a5d86;
--tone-799878:#8a5d86;
--tone-869c8d:#8a5d86;
--tone-78837a:#8a5d86;
--tone-9bbb8e:#8a5d86;
--tone-d8e0d4:#e0f3ed;
--tone-e2ebdb:#e0f3ed;
--tone-edddc7:#fce3df;
--tone-83968316:#8a5d8616;
--tone-56795c:#725c76;
--tone-526d54:#725c76;
--tone-55645817:#725c7617;
--tone-f7d8c7:#fce3df;
--tone-f7f1df:#fff3e9;
--tone-e5bda8:#fce3df;
--tone-b5cfb7:#e0f3ed;
--tone-d4bfd4:#f0e5fa;
--tone-8676a1:#8a5d86;
--tone-e1e2d8:#fff3e9;
--tone-f2f1e9:#fff3e9;
--tone-657766:#725c76;
--tone-9cb794:#8a5d86;
--tone-71956c:#8a5d86;
--tone-e4eadd:#fff3e9;
--tone-9cb1a0:#8a5d86;
--tone-69806c:#725c76;
--tone-a6c3a2:#8a5d86;
--tone-50655a:#725c76;
--tone-cbdac6:#e0f3ed;
--tone-b7cfae:#e0f3ed;
--tone-96b993:#8a5d86;
--tone-4f7056:#725c76;
--tone-f2f0e9:#fff3e9;
--tone-eee8e0:#fff3e9;
--tone-e9e5ef:#f0e5fa;
--tone-d5ddcb:#e0f3ed;
--tone-d7bfd1:#f0e5fa;
--tone-e7c7ab:#fce3df;
--tone-a6c7a9:#e0f3ed;
--tone-ffffffeb:#fff3e9eb;
--tone-dfdce4:#f0e5fa;
--tone-837e901c:#8a5d861c;
--tone-d4dfcc:#e0f3ed;
--tone-809084:#8a5d86;
--tone-8a898e:#8a5d86;
--tone-5e6b62:#725c76;
--tone-7c7b8c:#8a5d86;
--tone-f3f4ed:#fff3e9;
--tone-7a9e74:#8a5d86;
--tone-55665c:#725c76;
--tone-bed0b7:#e0f3ed;
--tone-35483b:#725c76;
--tone-9cbb92:#8a5d86;
--tone-88958b:#8a5d86;
--tone-dce3d9:#e0f3ed;
--tone-4b6e4b0a:#725c760a;
--tone-f3f4ef:#fff3e9;
--tone-566859:#725c76;
--tone-e6ece2:#fff3e9;
--tone-dde3db:#fff3e9;
--tone-566058:#725c76;
--tone-00000012:#49364d12;
--tone-526d58:#725c76;
--tone-f7f8f4:#fff3e9;
--tone-cdd7cc:#e0f3ed;
--tone-e8ece6:#fff3e9;
--tone-758479:#8a5d86;
--tone-dde4da:#e0f3ed;
--tone-f4f6f1:#fff3e9;
--tone-8b968d:#8a5d86;
--tone-60795f:#725c76;
--tone-0000000b:#49364d0b;
--tone-3a4a3e:#725c76;
--tone-58685b:#725c76;
--tone-e7eae5:#fff3e9;
--tone-8b968c:#8a5d86;
--tone-86ac85:#8a5d86;
--tone-fffefa:#fff3e9;
--tone-a58baf:#8a5d86;
--tone-617067:#725c76;
--tone-8b7892:#8a5d86;
--tone-f2eef2:#fff3e9;
--tone-e6e0e9:#f0e5fa;
--tone-ad9cb5:#8a5d86;
--tone-ded5e355:#f0e5fa55;
--tone-d1c8d95e:#f0e5fa5e;
--tone-b7cda9:#e0f3ed;
--tone-857a89:#8a5d86;
--tone-5f6761:#725c76;
--tone-8a768f:#8a5d86;
--tone-d8e5d0:#e0f3ed;
--tone-c9ddc0:#e0f3ed;
--tone-6e9170:#8a5d86;
--tone-466050:#725c76;
--tone-f7f6ef:#fff3e9;
--tone-8b9b86:#8a5d86;
--tone-5e695e:#725c76;
--tone-f2f4e9:#fff3e9;
--tone-c5d4c6:#e0f3ed;
--tone-4e6256:#725c76;
--tone-b2c5b7:#e0f3ed;
--tone-98b8c9:#8a5d86;
--tone-b2a2cb:#8a5d86;
--tone-d9a9c0:#8a5d86;
--tone-f2e2bf:#fce3df;
--tone-f6f3f1:#fff3e9;
--tone-1d312c12:#49364d12;
--tone-dfebe3:#e0f3ed;
--tone-a69ab5:#8a5d86;
--tone-d5cade79:#f0e5fa79;
--tone-f1eaf156:#fff3e956;
--tone-bfd3b2:#e0f3ed;
--tone-8a749e:#8a5d86;
--tone-b9d5c7:#e0f3ed;
--tone-e8cca6:#fce3df;
--tone-ecf0e7:#fff3e9;
--tone-789b78:#8a5d86;
--tone-f0f0e7:#fff3e9;
--tone-aebbae:#8a5d86;
--tone-697b6b:#725c76;
--tone-38453c:#725c76;
--tone-687969:#725c76;
--tone-253c2e:#49364d;
--tone-e0e6dc:#fff3e9;
--tone-59705c:#725c76;
--tone-f4f5f0:#fff3e9;
--tone-58775d:#725c76;
--tone-d6e5ce:#e0f3ed;
--tone-f3d8d0:#fce3df;
--tone-e7e0ec:#f0e5fa;
--tone-82b297:#8a5d86;
--tone-f7f4ec:#fff3e9;
--tone-343e33:#49364d;
--tone-dcded1:#fff3e9;
--tone-eaece1:#fff3e9;
--tone-9a6954:#725c76;
--tone-e1e2d6:#fff3e9;
--tone-465443:#725c76;
--tone-8b8e7d:#8a5d86;
--tone-757e6b:#8a5d86;
--tone-7c846d:#8a5d86;
--tone-b4b89a:#8a5d86;
--tone-7b7f6e:#8a5d86;
--tone-dedfd3:#fff3e9;
--tone-7a806e:#8a5d86;
--tone-e3e8da:#fff3e9;
--tone-43543c:#725c76;
--tone-afb69e:#8a5d86;
--tone-58624f:#725c76;
--tone-a1a28e:#8a5d86;
--tone-dbddcf:#fff3e9;
--tone-737b67:#725c76;
--tone-6b755d:#725c76;
--tone-e8ecdf:#fff3e9;
--tone-8e9c7e:#8a5d86;
--tone-8a8c7c:#8a5d86;
--tone-8b917d:#8a5d86;
--tone-858974:#8a5d86;
--tone-969b87:#8a5d86;
--tone-eeeee4:#fff3e9;
--tone-7d846d:#8a5d86;
--tone-758466:#8a5d86;
--tone-fffdf8:#fff3e9;
--tone-e3e2d5:#fff3e9;
--tone-4a4a3010:#725c7610;
--tone-b7b7a6:#8a5d86;
--tone-8a8e7c:#8a5d86;
--tone-657858:#725c76;
--tone-fffdf4:#fff3e9;
--tone-526448:#725c76;
--tone-efefe5:#fff3e9;
--tone-d5d9c9:#fff3e9;
--tone-303a3260:#49364d60;
--tone-7b806e:#8a5d86;
--tone-dce3cd:#e0f3ed;
--tone-f3f2e9:#fff3e9;
}
:root[data-theme="after-dark"]{
--tone-1d312c:#eeeade;
--tone-384640:#c6cbbd;
--tone-64736d:#c6cbbd;
--tone-f8f7f1:#29352f;
--tone-f0eee5:#29352f;
--tone-fffefb:#29352f;
--tone-d9dfd4:#29352f;
--tone-d4e3cc:#2b4036;
--tone-c5dcc1:#2b4036;
--tone-ddd9e8:#37313f;
--tone-f3d0bf:#29352f;
--tone-f4ebb9:#29352f;
--tone-d6e5e8:#2b4036;
--tone-e5e8df:#29352f;
--tone-8fba8b:#b9cbb5;
--tone-52605a:#c6cbbd;
--tone-57695e:#c6cbbd;
--tone-a7c59b:#b9cbb5;
--tone-799878:#b9cbb5;
--tone-869c8d:#b9cbb5;
--tone-78837a:#b9cbb5;
--tone-9bbb8e:#b9cbb5;
--tone-d8e0d4:#2b4036;
--tone-e2ebdb:#2b4036;
--tone-edddc7:#29352f;
--tone-83968316:#b9cbb516;
--tone-56795c:#c6cbbd;
--tone-526d54:#c6cbbd;
--tone-55645817:#c6cbbd17;
--tone-f7d8c7:#29352f;
--tone-f7f1df:#29352f;
--tone-e5bda8:#29352f;
--tone-b5cfb7:#2b4036;
--tone-d4bfd4:#37313f;
--tone-8676a1:#b9cbb5;
--tone-e1e2d8:#29352f;
--tone-f2f1e9:#29352f;
--tone-657766:#c6cbbd;
--tone-9cb794:#b9cbb5;
--tone-71956c:#b9cbb5;
--tone-e4eadd:#29352f;
--tone-9cb1a0:#b9cbb5;
--tone-69806c:#c6cbbd;
--tone-a6c3a2:#b9cbb5;
--tone-50655a:#c6cbbd;
--tone-cbdac6:#2b4036;
--tone-b7cfae:#2b4036;
--tone-96b993:#b9cbb5;
--tone-4f7056:#c6cbbd;
--tone-f2f0e9:#29352f;
--tone-eee8e0:#29352f;
--tone-e9e5ef:#37313f;
--tone-d5ddcb:#2b4036;
--tone-d7bfd1:#37313f;
--tone-e7c7ab:#29352f;
--tone-a6c7a9:#2b4036;
--tone-ffffffeb:#29352feb;
--tone-dfdce4:#37313f;
--tone-837e901c:#b9cbb51c;
--tone-d4dfcc:#2b4036;
--tone-809084:#b9cbb5;
--tone-8a898e:#b9cbb5;
--tone-5e6b62:#c6cbbd;
--tone-7c7b8c:#b9cbb5;
--tone-f3f4ed:#29352f;
--tone-7a9e74:#b9cbb5;
--tone-55665c:#c6cbbd;
--tone-bed0b7:#2b4036;
--tone-35483b:#c6cbbd;
--tone-9cbb92:#b9cbb5;
--tone-88958b:#b9cbb5;
--tone-dce3d9:#2b4036;
--tone-4b6e4b0a:#c6cbbd0a;
--tone-f3f4ef:#29352f;
--tone-566859:#c6cbbd;
--tone-e6ece2:#29352f;
--tone-dde3db:#29352f;
--tone-566058:#c6cbbd;
--tone-00000012:#eeeade12;
--tone-526d58:#c6cbbd;
--tone-f7f8f4:#29352f;
--tone-cdd7cc:#2b4036;
--tone-e8ece6:#29352f;
--tone-758479:#b9cbb5;
--tone-dde4da:#2b4036;
--tone-f4f6f1:#29352f;
--tone-8b968d:#b9cbb5;
--tone-60795f:#c6cbbd;
--tone-0000000b:#eeeade0b;
--tone-3a4a3e:#c6cbbd;
--tone-58685b:#c6cbbd;
--tone-e7eae5:#29352f;
--tone-8b968c:#b9cbb5;
--tone-86ac85:#b9cbb5;
--tone-fffefa:#29352f;
--tone-a58baf:#b9cbb5;
--tone-617067:#c6cbbd;
--tone-8b7892:#b9cbb5;
--tone-f2eef2:#29352f;
--tone-e6e0e9:#37313f;
--tone-ad9cb5:#b9cbb5;
--tone-ded5e355:#37313f55;
--tone-d1c8d95e:#37313f5e;
--tone-b7cda9:#2b4036;
--tone-857a89:#b9cbb5;
--tone-5f6761:#c6cbbd;
--tone-8a768f:#b9cbb5;
--tone-d8e5d0:#2b4036;
--tone-c9ddc0:#2b4036;
--tone-6e9170:#b9cbb5;
--tone-466050:#c6cbbd;
--tone-f7f6ef:#29352f;
--tone-8b9b86:#b9cbb5;
--tone-5e695e:#c6cbbd;
--tone-f2f4e9:#29352f;
--tone-c5d4c6:#2b4036;
--tone-4e6256:#c6cbbd;
--tone-b2c5b7:#2b4036;
--tone-98b8c9:#b9cbb5;
--tone-b2a2cb:#b9cbb5;
--tone-d9a9c0:#b9cbb5;
--tone-f2e2bf:#29352f;
--tone-f6f3f1:#29352f;
--tone-1d312c12:#eeeade12;
--tone-dfebe3:#2b4036;
--tone-a69ab5:#b9cbb5;
--tone-d5cade79:#37313f79;
--tone-f1eaf156:#37313f56;
--tone-bfd3b2:#2b4036;
--tone-8a749e:#b9cbb5;
--tone-b9d5c7:#2b4036;
--tone-e8cca6:#29352f;
--tone-ecf0e7:#29352f;
--tone-789b78:#b9cbb5;
--tone-f0f0e7:#29352f;
--tone-aebbae:#b9cbb5;
--tone-697b6b:#c6cbbd;
--tone-38453c:#c6cbbd;
--tone-687969:#c6cbbd;
--tone-253c2e:#eeeade;
--tone-e0e6dc:#29352f;
--tone-59705c:#c6cbbd;
--tone-f4f5f0:#29352f;
--tone-58775d:#c6cbbd;
--tone-d6e5ce:#2b4036;
--tone-f3d8d0:#29352f;
--tone-e7e0ec:#37313f;
--tone-82b297:#b9cbb5;
--tone-f7f4ec:#29352f;
--tone-343e33:#eeeade;
--tone-dcded1:#29352f;
--tone-eaece1:#29352f;
--tone-9a6954:#c6cbbd;
--tone-e1e2d6:#29352f;
--tone-465443:#c6cbbd;
--tone-8b8e7d:#b9cbb5;
--tone-757e6b:#b9cbb5;
--tone-7c846d:#b9cbb5;
--tone-b4b89a:#b9cbb5;
--tone-7b7f6e:#b9cbb5;
--tone-dedfd3:#29352f;
--tone-7a806e:#b9cbb5;
--tone-e3e8da:#29352f;
--tone-43543c:#c6cbbd;
--tone-afb69e:#b9cbb5;
--tone-58624f:#c6cbbd;
--tone-a1a28e:#b9cbb5;
--tone-dbddcf:#29352f;
--tone-737b67:#c6cbbd;
--tone-6b755d:#c6cbbd;
--tone-e8ecdf:#29352f;
--tone-8e9c7e:#b9cbb5;
--tone-8a8c7c:#b9cbb5;
--tone-8b917d:#b9cbb5;
--tone-858974:#b9cbb5;
--tone-969b87:#b9cbb5;
--tone-eeeee4:#29352f;
--tone-7d846d:#b9cbb5;
--tone-758466:#b9cbb5;
--tone-fffdf8:#29352f;
--tone-e3e2d5:#29352f;
--tone-4a4a3010:#c6cbbd10;
--tone-b7b7a6:#b9cbb5;
--tone-8a8e7c:#b9cbb5;
--tone-657858:#c6cbbd;
--tone-fffdf4:#29352f;
--tone-526448:#c6cbbd;
--tone-efefe5:#29352f;
--tone-d5d9c9:#29352f;
--tone-303a3260:#eeeade60;
--tone-7b806e:#b9cbb5;
--tone-dce3cd:#2b4036;
--tone-f3f2e9:#29352f;
}

.theme-picker{display:inline-flex;align-items:center;flex-shrink:0;font:12px/1.4 Arial,sans-serif}
.theme-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-picker select{font:inherit;min-height:40px;max-width:120px;padding:8px 24px 8px 10px;color:var(--theme-text);background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:20px;cursor:pointer}
.theme-picker select:focus-visible{outline:3px solid #9a6954;outline-offset:3px}
.mobile-nav .theme-picker{margin:10px 0}
header:not(.site-header){gap:12px;flex-wrap:wrap}
@media(max-width:700px){header:not(.site-header) .private{flex-basis:100%;text-align:right}}
html[data-theme="after-dark"] .site-footer,html[data-theme="bubbly"] .site-footer{background:var(--theme-footer);color:#eeeade}
html[data-theme="after-dark"] .footer-nav,html[data-theme="after-dark"] .footer-bottom,html[data-theme="bubbly"] .footer-nav,html[data-theme="bubbly"] .footer-bottom{color:#d5decf}
html[data-theme="after-dark"] .btn-dark,html[data-theme="bubbly"] .btn-dark,html[data-theme="after-dark"] .primary,html[data-theme="bubbly"] .primary{background:var(--theme-accent);color:var(--theme-on-accent)}
html[data-theme="after-dark"] .brand img,html[data-theme="after-dark"] .why-symbol img,html[data-theme="after-dark"] .art-card-symbol img{filter:brightness(0) invert(.9)}
/* Paper and artwork pixels never follow the interface theme. */
#canvas-wrap{background:#fffdf8}
@media(prefers-reduced-motion:no-preference){
 body,.site-header,.site-footer,.product-card,.tool-detail,.article-body,.inner-hero{transition:background-color .2s,color .2s,border-color .2s}
 .section-arrived{animation:section-arrive .4s ease-out both}
 .nav a,.mobile-nav a,.btn,.card-link{transition:color .15s,transform .15s}
 .nav a:hover,.mobile-nav a:hover{color:var(--theme-accent)}
 @keyframes section-arrive{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-theme="after-dark"] body,html[data-theme="after-dark"] .site-header{background:#050605}

html[data-theme="after-dark"] body,html[data-theme="after-dark"] .site-header,html[data-theme="after-dark"] main,html[data-theme="after-dark"] main>.section,html[data-theme="after-dark"] .inner-hero,html[data-theme="after-dark"] .article-header,html[data-theme="after-dark"] .article-body,html[data-theme="after-dark"] .ribbon{background:#050605}