:root {
    --site-ink:#182d47;
    --site-muted:#52657c;
    --site-blue:#244c78;
    --site-blue-dark:#183856;
    --site-border:#dce5ef;
    --site-surface:#fff;
    --site-shadow:0 4px 10px rgba(25,49,78,.025),0 16px 40px rgba(25,49,78,.065);
    --site-radius:20px;
    --site-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body.site-design {font-family:var(--site-font);font-size:16px;line-height:1.6;color:var(--site-ink);background:#f4f7fb;background-image:radial-gradient(ellipse at 5% 0,rgba(213,230,247,.5),transparent 38rem);-webkit-font-smoothing:antialiased}
.site-design :is(h1,h2,h3,h4,h5,h6,input,select,textarea,button) {font-family:var(--site-font)}
.site-design :is(h1,h2,h3,h4,h5,h6) {font-weight:700;letter-spacing:-.025em;line-height:1.3}
.site-design :is(.admin-card,.profile-card,.stat) {background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--site-radius);box-shadow:var(--site-shadow)}
.site-design .card.shadow-sm {box-shadow:var(--site-shadow)!important}
.site-design .form-label,.site-design .field label {font-size:.875rem;font-weight:650;letter-spacing:.01em;line-height:1.5}
.site-design :is(.form-control,.form-select,.field input,.field select,.field textarea) {font-size:1rem;line-height:1.5;border-radius:10px;min-height:44px}
.site-design :is(.desc,.meta) {color:var(--site-muted);font-size:.925rem;line-height:1.7}
.site-design .eyebrow {color:var(--site-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em}
.site-design .admin-table {font-size:.925rem}
.site-design .admin-table th {font-size:.8rem;font-weight:700;color:var(--site-muted);background:#f3f7fb;padding-block:1rem}
.site-design .admin-table td {padding-block:1rem;border-color:var(--site-border)}
.site-design .btn.primary,.site-design .primary-btn {background:var(--site-blue);border:1px solid var(--site-blue);color:#fff;border-radius:12px;min-height:44px;font-size:.9rem;font-weight:650;box-shadow:0 5px 12px rgba(36,76,120,.17)}
.site-design .btn.primary:hover,.site-design .primary-btn:hover {background:var(--site-blue-dark);border-color:var(--site-blue-dark);color:#fff}
.site-design .nav-link,.site-design .nav-button {font-size:.9rem;min-height:44px;border-color:var(--site-border);border-radius:12px;font-weight:650}
.site-design .brand {font-family:var(--site-font);letter-spacing:-.035em;color:var(--site-ink)}
.site-design .brand-font,.site-design .content-title,.site-design .info-title {font-family:var(--site-font);letter-spacing:-.035em;line-height:1.25;font-weight:750}
.site-design .editor-intro {padding-block:1rem 1.75rem;max-width:72rem}
.site-design .editor-intro h1 {font-size:clamp(1.85rem,3.4vw,2.65rem);line-height:1.18;letter-spacing:-.04em;font-weight:750}
.site-design .editor-intro p {font-size:1.05rem;max-width:58rem;color:var(--site-muted)}
.site-design .content-copy,.site-design .info-copy {color:var(--site-muted);font-size:1rem;line-height:1.8}
.site-design .content-kicker,.site-design .info-kicker {color:#426286;letter-spacing:.1em}
.site-design .app-navbar {background:rgba(255,255,255,.96);border-bottom:1px solid var(--site-border);box-shadow:0 4px 20px rgba(23,47,74,.045);padding-block:.85rem}
.site-design .navbar-brand {color:var(--site-ink)!important;font-size:clamp(1.05rem,2vw,1.35rem)!important;letter-spacing:-.045em;white-space:normal;line-height:1.25;max-width:calc(100% - 70px)}
.site-design .navbar-toggler {border:1px solid var(--site-border);border-radius:12px;min-width:44px;min-height:44px}
.site-design .nav-btn,.site-design .seo-cta,.site-design .btn {border-radius:12px;font-weight:650;font-size:.9rem;line-height:1.35;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease}
.site-design .nav-btn,.site-design .seo-cta-secondary,.site-design .btn-outline-secondary {background:#fff;border-color:#cbd8e6;color:var(--site-ink);box-shadow:0 2px 4px rgba(25,49,78,.035)}
.site-design .nav-btn-primary,.site-design .seo-cta-primary,.site-design .btn-primary {background:var(--site-blue);border-color:var(--site-blue);color:#fff;box-shadow:0 5px 12px rgba(36,76,120,.17)}
.site-design .nav-btn-primary:hover,.site-design .seo-cta-primary:hover,.site-design .btn-primary:hover {background:var(--site-blue-dark);border-color:var(--site-blue-dark);color:#fff;box-shadow:0 7px 18px rgba(36,76,120,.22)}
.site-design .nav-btn:not(.nav-btn-primary):hover,.site-design .seo-cta-secondary:hover,.site-design .btn-outline-secondary:hover {background:#edf3fa;border-color:#a9bfd7;color:var(--site-ink)}
.site-design .seo-cta:hover {transform:none}
.site-design .btn:disabled,.site-design .btn.disabled {box-shadow:none;opacity:.6;cursor:wait}
.site-design :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #497fb9;outline-offset:3px}
.site-design :is(.content-card,.info-card,.guide-card,.guide-hero,.guide-filter,.card) {border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);box-shadow:var(--site-shadow)}
.site-design .soft-section {background:#edf3f9;border-color:var(--site-border);border-radius:var(--site-radius);box-shadow:0 3px 8px rgba(25,49,78,.025)}
.site-design .invoice-studio-root :is(.studio-card,.sidebar-card) {border-color:var(--site-border);box-shadow:var(--site-shadow)}
.site-design .auth-card {border-color:var(--site-border);border-radius:24px;box-shadow:0 12px 55px rgba(25,49,78,.12)}
.site-design .auth-panel {background:linear-gradient(145deg,#183856,#2d5b86)}
.site-design .form-control,.site-design .form-select {border-color:#cbd8e6}
.site-design .form-control:focus,.site-design .form-select:focus {border-color:#628ab3;box-shadow:0 0 0 4px rgba(73,127,185,.12)}
.site-design .home-guide-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:1.75rem 0}
.site-design .home-guide-card {min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--site-border);border-radius:16px;box-shadow:0 4px 16px rgba(25,49,78,.07);transition:box-shadow .18s ease}
.site-design .home-guide-card:hover,.site-design .home-guide-card:focus-within {box-shadow:0 10px 28px rgba(25,49,78,.12)}
.site-design .home-guide-image {display:block;aspect-ratio:8/5;overflow:hidden;background:#e6eef7}
.site-design .home-guide-image img {width:100%;height:100%;object-fit:cover;display:block}
.site-design .home-guide-placeholder {height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e4eef8,#f5f8fc);color:#44698e}
.site-design .home-guide-placeholder .icon-inline {width:3rem;height:3rem}
.site-design .home-guide-body {padding:1.4rem;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.site-design .home-guide-category {color:#355777;background:#eef4fa;padding:.25rem .65rem;border-radius:6px;font-size:.75rem;font-weight:650;margin-bottom:.85rem}
.site-design .home-guide-body h3 {font-size:1.1rem;font-weight:700;line-height:1.45;letter-spacing:-.02em;margin:0 0 .8rem}
.site-design .home-guide-body h3 a {color:var(--site-ink);text-decoration:none}
.site-design .home-guide-body h3 a:hover {text-decoration:underline;text-underline-offset:4px}
.site-design .home-guide-body p {font-size:.925rem;line-height:1.7;color:var(--site-muted);margin:0 0 1.25rem}
.site-design .home-guide-read {margin-top:auto;color:var(--site-blue);font-size:.85rem;font-weight:700;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.site-design .home-guide-read:hover {text-decoration:underline;text-underline-offset:4px}
.site-design .nav-btn-danger {color:#a32a36;border-color:#e6bfc4;background:#fff}
.site-design .nav-btn-danger:hover {color:#85212b!important;background:#fff1f2!important;border-color:#d797a0!important}
.site-design .home-guide-read span {margin-inline-start:.4rem}
.site-design .site-footer {background:#142c46;color:#edf4fc;border-top:1px solid #203d5b}
.site-design .site-footer .text-muted {color:#c4d2e2!important;line-height:1.8;overflow-wrap:anywhere}
.site-design .site-footer .text-primary {color:#edf4fc!important}
.site-design .site-footer .border-top {border-color:#34506c!important}
.site-design .site-footer a:not(.btn):hover {color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
.site-design .site-footer .btn {background:#203e5c;color:#edf4fc;border-color:#42607e;min-width:44px;padding:.65rem}
.site-design .site-footer .btn:hover {background:#315574;color:#fff}
.site-design .site-footer .brand-font {font-size:1.35rem!important;line-height:1.35}
.site-design .site-footer :is(a,button):focus-visible {outline-color:#a7d3ff}
@media(max-width:991.98px) {.site-design .home-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-design .app-navbar{padding-block:.65rem}}
@media(max-width:575.98px) {.site-design .home-guide-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.site-design .home-guide-body{padding:1.25rem}.site-design .editor-intro{padding-block:.5rem 1.25rem}.site-design :is(.content-card,.info-card,.soft-section){border-radius:16px}.site-design .nav-btn,.site-design .btn{font-size:.875rem}.site-design .guide-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce) {.site-design *, .site-design *::before,.site-design *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Navigation hierarchy: quiet links, one prominent account action. */
.site-design .app-navbar {padding-block:1rem;background:#fff;backdrop-filter:none;box-shadow:0 1px 0 rgba(24,45,71,.04),0 5px 18px rgba(24,45,71,.035)}
.site-design .navbar-brand {display:inline-flex;align-items:center;gap:.75rem;margin-inline-end:2rem;flex-shrink:0;font-size:1.1rem!important;letter-spacing:-.035em;max-width:calc(100% - 76px)}
.site-design .navbar-brand-mark {display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#244c78;border-radius:12px;color:#fff;box-shadow:0 4px 10px rgba(36,76,120,.18)}
.site-design .navbar-brand-name {max-width:15rem;line-height:1.2;font-weight:750}
.site-design .app-navbar .navbar-nav {column-gap:.4rem!important}
.site-design .app-navbar .nav-btn:not(.nav-btn-primary):not(.locale-toggle):not(.nav-btn-danger) {border-color:transparent;background:transparent;box-shadow:none;color:#42566e}
.site-design .app-navbar .nav-btn:not(.nav-btn-primary):not(.locale-toggle):hover {background:#f0f5fa;color:#183856}
.site-design .app-navbar .locale-toggle {min-width:0;border-color:var(--site-border);padding:.5rem .7rem;background:#f8fafc;box-shadow:none;gap:.5rem}
.site-design .app-navbar .locale-toggle__icon {width:1.35rem;height:1.35rem;background:transparent}
.site-design .app-navbar .nav-btn-primary {padding-inline:1.2rem}
.site-design .faq-disclosure {background:#fff;border:1px solid var(--site-border);border-radius:14px;margin-bottom:.75rem;box-shadow:0 2px 7px rgba(25,49,78,.025);overflow:hidden}
.site-design .faq-disclosure summary {display:flex;justify-content:space-between;align-items:center;gap:1.25rem;list-style:none;cursor:pointer;min-height:64px;padding:1.15rem 1.3rem;font-size:1rem;line-height:1.5;font-weight:650;color:var(--site-ink)}
.site-design .faq-disclosure summary::-webkit-details-marker {display:none}
.site-design .faq-disclosure summary::after {content:'+';font-size:1.4rem;font-weight:400;flex-shrink:0;color:var(--site-blue);width:24px;text-align:center}
.site-design .faq-disclosure[open] summary::after {content:'−'}
.site-design .faq-disclosure summary:hover {background:#f7fafd}
.site-design .faq-disclosure summary:focus-visible {outline-offset:-4px}
.site-design .faq-answer {padding:0 1.3rem 1.25rem}
@media(min-width:992px) {.site-design .app-navbar .navbar-collapse{min-width:0}.site-design .app-navbar .navbar-nav{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:991.98px) {.site-design .app-navbar{padding-block:.8rem}.site-design .navbar-brand{margin-inline-end:0}.site-design .app-navbar .navbar-collapse{margin-top:.85rem;border-top:1px solid var(--site-border);padding-top:.85rem}.site-design .app-navbar .navbar-nav{margin-top:0!important;gap:.5rem!important}.site-design .app-navbar .nav-btn{width:100%;justify-content:flex-start}.site-design .app-navbar .nav-btn-primary{justify-content:center}.site-design .app-navbar .locale-toggle{justify-content:space-between}}
@media(max-width:575.98px) {.site-design .navbar-brand{font-size:1rem!important;gap:.55rem}.site-design .navbar-brand-name{max-width:11rem}.site-design .navbar-brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px}.site-design .faq-disclosure summary{padding:1rem;font-size:.95rem}.site-design .faq-answer{padding:0 1rem 1rem}}
@media print {.site-design{background:#fff}.site-design .site-footer,.site-design .app-navbar{display:none}.site-design :is(.content-card,.info-card,.card){box-shadow:none}}
