/* ls_furniture.css — sitewide page furniture (end of body): loading dots, TOC, copyright, last-updated, notice bar (ChaosToOrder CO-3, 2026-08-08). */ .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s} .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite} .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)} .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)} .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px} @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}} #hw-toc { position: fixed; top: 140px; right: max(24px, calc((100vw - 1240px) / 2 - 260px)); width: 230px; max-height: calc(100vh - 180px); overflow-y: auto; font-family: inherit; font-size: 13px; line-height: 1.45; z-index: 50; padding: 14px 14px 16px 16px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); display: none; } #hw-toc.hw-visible { display: block; } #hw-toc .hw-toc-label { text-transform: uppercase; font-size: 11px; letter-spacing: 0.08em; color: #888; margin-bottom: 10px; font-weight: 600; } #hw-toc ul { list-style: none; padding: 0; margin: 0; } #hw-toc li { margin: 0; } #hw-toc li.hw-toc-h3 a { padding-left: 22px; font-size: 12px; } #hw-toc li.hw-toc-h4 a { padding-left: 32px; font-size: 12px; color: #777; font-style: italic; } #hw-toc a { color: #555; text-decoration: none; display: block; padding: 4px 10px 4px 10px; margin-left: -11px; border-left: 2px solid transparent; transition: color 0.15s, border-color 0.15s, background 0.15s; } #hw-toc a:hover { color: #000; background: #f5f5f5; } #hw-toc a.hw-active { color: #000; border-left-color: #000; font-weight: 600; } @media (max-width: 1300px) { #hw-toc { display: none !important; } } .site-copyright-notice { font-size: 12px; color: #6b7280; text-align: center; padding: 24px 20px; border-top: 1px solid #e5e7eb; line-height: 1.6; } .last-updated { font-size: 13px; color: #6b7280; margin: 24px 0 32px 0; padding: 12px 0; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; font-style: italic; } /* The legal disclaimer bar USED TO BE DECLARED HERE, in the retired light theme (cream #fdf9ee ground, grey text). It was the fallback skin for the 175 pages that match no family stylesheet, so those pages showed a cream bar on a site that has been dark/gold since DG4 — and this file loads from the END of , so it also out-cascaded every attempt to fix the bar elsewhere. Deleted 2026-08-19: the bar now has exactly ONE home, website/assets/css/ls_notice.css, which the build links into every page. Do not re-add .hw-notice-bar / .hw-notice-close rules here. */ .hw-article-note{max-width:720px;margin:24px auto 56px!important;padding:18px 20px;background:#fafaf7;border:1px solid #e7e5dc;border-left:3px solid #b8b09a;border-radius:4px;font-size:15px;line-height:1.55;color:#4a4a44;} .hw-article-note strong{display:block;margin-bottom:6px;color:#33322e;} .hw-article-note a{color:inherit;text-decoration:underline;} .hw-footer-note{font-size:13px;line-height:1.5;opacity:.75;text-align:center;padding:10px 16px 2px;} .hw-footer-note a{text-decoration:underline;color:inherit;}