:root{--brand:#d96041;--brand-weak:#f8f4e0;--line:#eee;--muted:#757575;--bg:#fff;--ink:#222}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fafafa;color:var(--ink);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:16px}
.topnav{width:100%;background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}
.topnav .container{width:100%;max-width:1200px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topnav .brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#222;font-size:15px;white-space:nowrap}
.topnav .brand img{display:block;width:50px;height:50px;object-fit:contain}
.site-navigation nav ul,.topnav nav ul{margin:0;padding:0;display:flex;align-items:center;gap:18px;list-style:none}
.site-navigation nav a,.topnav nav a{display:block;color:#444;font-size:14px;padding:6px 0}
.site-navigation nav a:hover,.topnav nav a:hover{color:var(--brand)}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 16px}.breadcrumb a{color:var(--brand)}
@media(max-width:768px){.topnav .brand span{font-size:13px}.menu-toggle{display:block}.site-navigation{display:none;position:absolute;top:66px;left:12px;right:12px;background:#fff;border:1px solid #eee;border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.topnav.is-open .site-navigation{display:block}.site-navigation nav ul,.topnav nav ul{flex-direction:column;align-items:stretch;gap:4px}.site-navigation nav a,.topnav nav a{padding:9px 6px}.wrap{padding:12px}}
.breadcrumb {
    margin: 0 0 20px;
    padding: 0;
    color: #667085;
    font-size: 13px;
}

.breadcrumb ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.breadcrumb li:not(:last-child)::after {
    content: "›";
    color: #98a2b3;
    font-size: 16px;
    line-height: 1;
}

.breadcrumb a {
    color: var(--brand, #d96041);
    text-decoration: none;
    transition: color .2s ease;
}

.breadcrumb a:hover {
    color: #b9472d;
    text-decoration: underline;
}

.breadcrumb li:last-child {
    color: #475467;
    font-weight: 600;
}

@media (max-width: 640px) {
    .breadcrumb {
        margin-bottom: 14px;
        font-size: 12px;
    }

    .breadcrumb ol {
        gap: 6px;
    }

    .breadcrumb li {
        gap: 6px;
    }
}