/* The blog's light theme, on top of grayscale.css and blog.css (which are dark).
   js/theme.js sets html[data-theme] from the reader's choice or their device's
   setting; every rule here applies only when it is "light". Andy, 25 Oct 2026:
   "let's add a light / dark theme toggle to the blog". */
html[data-theme="light"] body{color:#1b1f1d;background-color:#fff;}
html[data-theme="light"] a{color:#0f7a55;}
html[data-theme="light"] a:hover,html[data-theme="light"] a:focus{color:#0a5a3e;}
html[data-theme="light"] ::selection{background:rgba(15,122,85,.18);}
html[data-theme="light"] .blog *:focus-visible{outline-color:#1b1f1d !important;}

/* The bar across the top. */
html[data-theme="light"] .navbar-custom{--bs-navbar-color:#1b1f1d;--bs-navbar-hover-color:#0f7a55;--bs-navbar-active-color:#1b1f1d;--bs-navbar-brand-color:#1b1f1d;--bs-navbar-brand-hover-color:#1b1f1d;background-color:#fff;border-bottom-color:rgba(0,0,0,.15);}
html[data-theme="light"] .navbar-custom a,html[data-theme="light"] .navbar-custom .theme-toggle{color:#1b1f1d;}
html[data-theme="light"] .navbar-custom .nav-link:hover{color:#0f7a55;}
html[data-theme="light"] .navbar-custom .navbar-toggler{color:#1b1f1d;border-color:rgba(0,0,0,.2);}
@media(min-width:768px){html[data-theme="light"] .blog .navbar-custom{background:#fff;border-bottom:1px solid rgba(0,0,0,.15);}}

/* Quiet text, rules and tags. */
html[data-theme="light"] .blog .meta,html[data-theme="light"] .blog .kind,html[data-theme="light"] .blog .source,html[data-theme="light"] .blog .count,
html[data-theme="light"] footer .views,html[data-theme="light"] .article-body figcaption{color:#5b6460;}
html[data-theme="light"] .topics li{border-color:rgba(0,0,0,.2);color:#5b6460;}
html[data-theme="light"] .blog .sign-off{border-top-color:rgba(0,0,0,.15);color:#5b6460;}
html[data-theme="light"] .btn-default,html[data-theme="light"] .filters .btn,html[data-theme="light"] .filters .btn:hover,html[data-theme="light"] .filters .btn:focus{color:#0f7a55;border-color:#0f7a55;}
html[data-theme="light"] .filters .btn[aria-pressed="true"]{color:#000;background-color:#42dca3;border-color:#42dca3;}

/* The article. */
html[data-theme="light"] .article-body blockquote,html[data-theme="light"] .article-body .editors-note{background:#eef3f0;border-left-color:#1fae7c;color:#2b322e;}
html[data-theme="light"] .article-body .editors-note p{color:#2b322e;}
html[data-theme="light"] .article-body blockquote:has(>p:first-child>em:only-child)::before{color:#1fae7c;}
html[data-theme="light"] .article-body pre{background:#f2f5f3;}
html[data-theme="light"] .article-body th,html[data-theme="light"] .article-body td{border-bottom-color:rgba(0,0,0,.15);}
/* A diagram drawn in both themes: show the one that matches. */
html[data-theme="light"] .article-body img[src$="-light.svg"]{display:block;}
html[data-theme="light"] .article-body img[src$="-dark.svg"]{display:none;}

/* The post list. */
html[data-theme="light"] .post-list li{border-top-color:rgba(0,0,0,.12);}
html[data-theme="light"] .post-list a[aria-current="page"]{color:#1b1f1d;}
html[data-theme="light"] .post-list-toggle{color:#0f7a55;border-color:rgba(0,0,0,.2);}
html[data-theme="light"] .post-list .info{color:#5b6460;}
html[data-theme="light"] .post-list .info:hover,html[data-theme="light"] .post-list .info[aria-expanded="true"]{color:#0f7a55;}
html[data-theme="light"] .post-list .summary{background:#eef3f0;color:#2b322e;}
html[data-theme="light"] .post-list .summary .where{color:#5b6460;}

/* Share and Cite. */
html[data-theme="light"] .share-toggle,html[data-theme="light"] .cite{border-color:rgba(0,0,0,.2);}
html[data-theme="light"] .share-toggle,html[data-theme="light"] .cite summary{color:#0f7a55;}
html[data-theme="light"] .toc summary{color:#0f7a55;}
html[data-theme="light"] .byline a{color:inherit;}
html[data-theme="light"] .toc summary::before,html[data-theme="light"] .toc summary::after{border-top-color:rgba(0,0,0,.2);}
html[data-theme="light"] .cite-panel{background:#fff;border-color:rgba(0,0,0,.15);}
html[data-theme="light"] .cite .citation{border-bottom-color:rgba(0,0,0,.1);}
html[data-theme="light"] .cite .citation-text pre{color:#1b1f1d;}
html[data-theme="light"] .dropdown-menu-dark{--bs-dropdown-bg:#fff;--bs-dropdown-color:#1b1f1d;--bs-dropdown-border-color:rgba(0,0,0,.15);--bs-dropdown-link-color:#1b1f1d;--bs-dropdown-link-hover-color:#1b1f1d;--bs-dropdown-link-hover-bg:#eef3f0;--bs-dropdown-link-active-color:#1b1f1d;--bs-dropdown-link-active-bg:#dfe8e3;}
html[data-theme="light"] .share .dropdown-menu .dropdown-item{color:#1b1f1d;}

/* Panels: the bio, a talk's details, Previous and Next. */
html[data-theme="light"] .bio-panel,html[data-theme="light"] .offsite,html[data-theme="light"] .prev-next a{background:#f4f7f5;border-color:rgba(0,0,0,.12);}
html[data-theme="light"] .offsite{border-left-color:#1fae7c;}
html[data-theme="light"] .offsite dt{color:#5b6460;}
html[data-theme="light"] .offsite dd,html[data-theme="light"] .offsite .also-on{color:#2b322e;}
html[data-theme="light"] .prev-next a{color:#1b1f1d;}
html[data-theme="light"] .prev-next a:hover,html[data-theme="light"] .prev-next a:focus-visible{border-color:#1fae7c;}
html[data-theme="light"] .prev-next a:hover .title{color:#0f7a55;}

/* A draft's box. */
html[data-theme="light"] .article-head+.draft-note{background:#fbf3dc;border-left-color:#c79a1e;}
html[data-theme="light"] .draft-note p{color:#4a3d10;}
html[data-theme="light"] .series{background:#f4f7f5;border-color:rgba(15,122,85,.25);border-left-color:#1fae7c;}
html[data-theme="light"] .series p{color:#2b322e;}
html[data-theme="light"] .series li{color:#5b6460;}
html[data-theme="light"] .series [aria-current="page"]{color:#1b1f1d;}

/* A link's card. */
html[data-theme="light"] .link-card-shown{background:#fff;border-color:rgba(15,122,85,.35);box-shadow:0 6px 20px rgba(0,0,0,.15);color:#2b322e;}
html[data-theme="light"] .link-card-shown .lc-url{color:#0f7a55;}
html[data-theme="light"] .link-card-shown .lc-meta{color:#5b6460;}
html[data-theme="light"] .link-card-shown .lc-title{color:#1b1f1d;}

/* The read-aloud player, on the light theme. */
html[data-theme="light"]{--ra-bg:#fff;--ra-fg:#1b1f1d;--ra-highlight:rgba(255,213,79,.35);}

/* The mailing list's pages and form, on the light theme. */
html[data-theme="light"]{--list-accent:#0f7a55;--list-on-accent:#fff;--list-panel:#eef3f0;--list-muted:#5b6460;--list-line:rgba(0,0,0,.08);}
html[data-theme="light"] .list-signup:not([hidden]),html[data-theme="light"] .list-signup input[type=email],html[data-theme="light"] .list-signup button{border-color:rgba(0,0,0,.2);}
html[data-theme="light"] .account-toggle{color:#1b1f1d;}
html[data-theme="light"] .account-toggle:hover,html[data-theme="light"] .account-menu details[open] .account-toggle{color:#0f7a55;}
html[data-theme="light"] .navbar-custom .account-links{background:#fff;border-color:rgba(0,0,0,.15);}
html[data-theme="light"] .navbar-custom .account-links a{color:#1b1f1d;}
html[data-theme="light"] .navbar-custom .account-links a:hover,html[data-theme="light"] .navbar-custom .account-links a:focus{color:#0f7a55;background:rgba(0,0,0,.04);}
html[data-theme="light"] .navbar-custom .account-links a+a{border-top-color:rgba(0,0,0,.08);}