.theme-signature{border-top:8px solid var(--theme-color);background:linear-gradient(180deg,var(--theme-color) 0,var(--theme-soft) 62%,#fff 100%);box-shadow:0 1px 0 var(--line)}
.theme-nav{min-height:88px;padding-block:15px 24px;display:flex;align-items:flex-start;gap:20px}
.theme-nav a{font-size:.88rem;font-weight:700;text-decoration:none}
.theme-nav .theme-home{padding:10px 15px;border:1px solid #0002;border-radius:4px;color:var(--theme-on-color);background:var(--theme-color);box-shadow:0 2px 8px #0002;font:700 1.08rem var(--serif)}
.theme-nav>ul{margin:0;padding:0;display:flex;align-items:center;gap:22px;list-style:none}
.theme-nav li{position:relative}
.theme-nav>ul>li>a{display:block;padding:10px 13px;border:1px solid #0002;border-radius:4px;color:var(--ink);background:rgba(255,255,255,.92);box-shadow:0 2px 8px #0001}
.theme-nav li ul{display:none;position:absolute;z-index:10;top:39px;left:0;min-width:220px;margin:0;padding:9px;list-style:none;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px #0002}
.theme-nav li:hover>ul,.theme-nav li:focus-within>ul{display:block}
.theme-nav li ul a{display:block;padding:8px;color:var(--ink)}
.theme-nav a:focus-visible{outline:3px solid #000;outline-offset:3px}
.home-themes{padding:68px 0 82px;background:#e8e5f3}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.theme-grid article{overflow:hidden;border:1px solid var(--line);border-top:7px solid var(--theme-color);background:#fff}
.theme-grid article>img{width:100%;height:190px;object-fit:cover}
.theme-grid article>div{padding:23px}
.theme-grid h2,.theme-grid h3{margin:0 0 10px;font:600 1.55rem/1.18 var(--serif)}
.theme-grid h2 a,.theme-grid h3 a{text-decoration:none}
.theme-grid article>div>p:last-child{margin-bottom:0;color:var(--muted)}
.theme-landing .featured-image{margin:0 0 45px}
.theme-page-list{max-width:800px;margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}
.theme-page-list h2{font:600 2rem var(--serif)}
.theme-page-list ul{padding-left:22px}
.theme-page-list li{margin:15px 0}
.theme-page-list li>a{font-weight:750}
.theme-page-list li p{margin:4px 0;color:var(--muted)}
@media(max-width:900px){.theme-nav{padding-block:14px 22px;align-items:flex-start;flex-direction:column;gap:10px}.theme-nav>ul{width:100%;flex-wrap:wrap;gap:8px}.theme-nav li ul{position:static;margin-top:5px;box-shadow:none}.theme-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.theme-grid{grid-template-columns:1fr}.home-themes{padding:52px 0 62px}}