:root[data-theme="light"] {
  --bg:#f7f8fa; --surface:#ffffff; --surface-2:#eef2f6; --border:#d7dee7;
  --text:#20252b; --muted:#667382; --accent:#0969da;
}
:root[data-theme="light"] .hero { background:#eef3f8; }
:root[data-theme="light"] .hero:not(.hero-compact) { background-image:linear-gradient(rgba(245,249,253,.68),rgba(232,240,248,.8)),url("crane-hero.jpg"); }
:root[data-theme="light"] .hero:not(.hero-compact) .tagline,:root[data-theme="light"] .hero:not(.hero-compact) .hero-nav a { color:#243242; text-shadow:none; }
.sc-toolbar { position:fixed; right:16px; top:50%; transform:translateY(-50%); z-index:900; display:flex; flex-direction:column; gap:9px; }
.sc-toolbar button { display:grid; place-items:center; width:42px; height:42px; border:1px solid #79b8ff; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--accent),#1f6feb); box-shadow:0 7px 20px rgba(31,111,235,.32); cursor:pointer; font:21px/1 inherit; transition:transform .16s,filter .16s; }
.sc-toolbar button:hover { transform:translateX(-4px); filter:brightness(1.08); }
.sc-toolbar .sc-language { font:700 12px/1 inherit; letter-spacing:.2px; }
.sc-toolbar button:focus-visible,.sc-archive-tab:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.sc-archive-tab { position:fixed; z-index:900; left:0; top:42%; display:flex; align-items:center; gap:7px; padding:10px 15px 10px 10px; border:1px solid #79b8ff; border-left:0; border-radius:0 999px 999px 0; color:#fff; background:linear-gradient(135deg,var(--accent),#1f6feb); box-shadow:0 7px 20px rgba(31,111,235,.32); cursor:pointer; font:600 13px/1.2 inherit; transition:left .2s,transform .16s; }
.sc-archive-tab:hover { transform:translateX(4px); color:#fff; }
.sc-archive-tab.open { left:min(430px,92vw); }
.sc-search[hidden],.sc-archive[hidden] { display:none; }
.sc-search { position:fixed; inset:0; z-index:1000; padding:10vh 18px; display:grid; place-items:start center; background:rgba(0,0,0,.62); }
.sc-search-card { position:relative; width:min(720px,100%); max-height:78vh; overflow:auto; padding:18px; border:1px solid var(--border); border-radius:13px; background:var(--surface); box-shadow:0 24px 80px rgba(0,0,0,.55); }
.sc-search-input { width:calc(100% - 38px); border:1px solid var(--border); border-radius:8px; padding:12px; color:var(--text); background:var(--surface-2); font:inherit; }
.sc-close { position:absolute; right:15px; top:13px; border:0; background:transparent; color:var(--muted); font-size:25px; cursor:pointer; }
.sc-results { margin-top:12px; }
.sc-results a { display:grid; grid-template-columns:90px 1fr; gap:5px; padding:12px 5px; border-top:1px solid var(--border); color:var(--text); text-decoration:none; }
.sc-results a:hover strong { color:var(--accent); }.sc-results time,.sc-results span { color:var(--muted); font-size:12px; }.sc-results time { grid-row:span 2; }.sc-results span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sc-archive { position:fixed; z-index:950; top:0; left:0; bottom:0; width:min(430px,92vw); overflow:auto; border-right:1px solid var(--border); background:var(--surface); box-shadow:18px 0 50px rgba(0,0,0,.45); }
.sc-archive-head { position:sticky; top:0; display:flex; border-bottom:1px solid var(--border); background:var(--surface); }.sc-tabs{display:grid;grid-template-columns:repeat(2,1fr);flex:1}.sc-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; color:var(--text); padding:18px 10px 15px; cursor:pointer; font:600 14px inherit; }.sc-tabs button.active { color:var(--accent); border-bottom-color:var(--accent); }.sc-archive-close { border:0; background:transparent; color:var(--text); font-size:25px; padding:8px 16px; cursor:pointer; }
.sc-archive-body { padding:12px 20px 40px; }.sc-total,.sc-archive-body h3 { color:var(--accent); }.sc-archive-body h3 { margin:18px 0 5px; }.sc-archive-body ul { list-style:none; margin:0; padding:0 0 5px 10px; border-left:1px solid var(--muted); }.sc-archive-body li { display:grid; grid-template-columns:48px 1fr; gap:8px; padding:5px 0; }.sc-archive-body time { color:var(--muted); font-size:12px; }.sc-archive-body a { color:var(--text); font-size:13px; line-height:1.45; }
.sc-tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.sc-tag-cloud button,.sc-tag-back{border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);padding:7px 10px;cursor:pointer;font:13px inherit}.sc-tag-cloud button:hover{border-color:var(--accent);color:var(--accent)}.sc-tag-cloud small{color:var(--accent)}.sc-tag-back{margin:3px 0 8px}.sc-filter-list{margin-top:10px!important}
@media(max-width:600px){.sc-toolbar{top:auto;bottom:12px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row;}.sc-toolbar button{width:39px;height:39px;font-size:15px}.sc-toolbar button:hover{transform:translateY(-3px)}.sc-archive-tab.open{left:auto;right:8vw;border-left:1px solid #79b8ff;border-right:0;border-radius:999px 0 0 999px}.sc-results a{grid-template-columns:1fr}.sc-results time{grid-row:auto}}