:root{--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-primary-light: #EFF6FF;--color-bg-white: #FFFFFF;--color-bg-light: #F9FAFB;--color-text-primary: #18181B;--color-text-secondary: #71717A;--color-text-tertiary: #737373;--color-border: #E4E4E7;--color-border-dark: #3F3F46;--color-success: #16A34A;--color-warning: #EA580C;--color-error: #DC2626;--color-footer-bg: #18181B;--color-footer-text: #A1A1AA;--color-footer-heading: #FFFFFF;--color-footer-copyright: #71717A;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--border-width: 1px;--border-style: solid;--container-max: 1280px;--container-padding: var(--space-20);--container-padding-tablet: var(--space-8);--container-padding-mobile: var(--space-4);--transition-fast: .15s ease;--transition-normal: .2s ease;--sidebar-width: 300px;--sidebar-gap: var(--space-8);--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-white{color:#fff}.text-center{text-align:center}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;border:none;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-primary:active{background-color:#1e3a8a;transform:translateY(1px)}.btn-secondary{background-color:var(--color-bg-white);color:var(--color-primary);border:var(--border-width) var(--border-style) var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-light);border-color:var(--color-primary)}.btn-secondary:active{background-color:var(--color-bg-light);transform:translateY(1px)}.btn-full{width:100%}.skip-link{position:absolute;left:-9999px;top:auto;z-index:200;padding:12px 24px;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.skip-link:focus{position:fixed;top:0;left:0;color:#fff}.site-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--container-padding);background-color:var(--color-bg-white);border-bottom:var(--border-width) var(--border-style) var(--color-border);position:sticky;top:0;z-index:100}.site-header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary)}.site-header__logo-icon{width:24px;height:24px;color:var(--color-primary)}.site-header__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.site-header__nav{display:flex;align-items:center;gap:var(--space-8)}.site-header__nav-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:8px 0;min-height:44px;display:inline-flex;align-items:center}.site-header__nav-link:hover,.site-header__nav-link--active{color:var(--color-primary)}.site-header__menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--color-text-primary)}@media(max-width:768px){.site-header{padding:0 var(--container-padding-mobile)}.site-header__nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;flex-direction:column;background-color:var(--color-bg-white);border-bottom:var(--border-width) var(--border-style) var(--color-border);padding:var(--space-4);gap:0}.site-header__nav--open{display:flex}.site-header__nav-link{padding:var(--space-3) var(--space-4);width:100%;border-radius:var(--radius-sm)}.site-header__nav-link:hover{background-color:var(--color-bg-light)}.site-header__menu-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}}@media(max-width:1024px)and (min-width:769px){.site-header{padding:0 var(--container-padding-tablet)}}.site-footer{background-color:var(--color-footer-bg);padding:var(--space-12) var(--container-padding) var(--space-8)}.site-footer__grid{display:flex;justify-content:space-between;gap:var(--space-20);max-width:var(--container-max);margin-left:auto;margin-right:auto}.site-footer__column{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__column-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-footer-heading)}.site-footer__link{font-size:var(--font-size-sm);color:var(--color-footer-text);text-decoration:none;transition:color var(--transition-fast)}.site-footer__link:hover{color:var(--color-footer-heading)}.site-footer__bottom{display:flex;justify-content:center;padding-top:var(--space-4);margin-top:var(--space-8);border-top:var(--border-width) var(--border-style) var(--color-border-dark);max-width:var(--container-max);margin-left:auto;margin-right:auto}.site-footer__copyright{font-size:var(--font-size-xs);color:var(--color-footer-copyright)}@media(max-width:768px){.site-footer{padding:var(--space-8) var(--container-padding-mobile) var(--space-6)}.site-footer__grid{flex-direction:column;gap:var(--space-6)}}@media(max-width:1024px)and (min-width:769px){.site-footer{padding:var(--space-12) var(--container-padding-tablet) var(--space-8)}}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;padding:4px 0;min-height:44px;display:inline-flex;align-items:center}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__separator{color:var(--color-text-tertiary)}.breadcrumb__current{color:var(--color-text-secondary);padding:4px 0;min-height:44px;display:inline-flex;align-items:center}.state-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-bg-white);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);text-decoration:none;cursor:pointer}.state-card:hover{border-color:var(--color-primary)}.state-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.state-card__meta{display:flex;flex-direction:column;gap:6px}.state-card__row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.state-card__row-label{color:var(--color-text-secondary)}.state-card__row-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.state-card__row-value--success{color:var(--color-success)}.state-card__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.state-card__link:hover{text-decoration:underline}.quick-facts{display:flex;gap:var(--space-4)}.quick-facts__item{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md)}.quick-facts__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.quick-facts__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media(max-width:640px){.quick-facts{flex-direction:column}}.fee-table{width:100%;border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);overflow:hidden;border-collapse:separate;border-spacing:0}.fee-table thead th{padding:10px var(--space-4);background-color:var(--color-bg-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:left;border-bottom:var(--border-width) var(--border-style) var(--color-border)}.fee-table tbody td{padding:10px var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:var(--border-width) var(--border-style) var(--color-border)}.fee-table tbody tr:last-child td{border-bottom:none}.fee-table tbody tr:nth-child(2n){background-color:var(--color-bg-light)}.fee-table__total{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.fee-table__link{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.fee-table__link:hover{text-decoration:underline}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item__question::-webkit-details-marker,.faq-item__question::marker{display:none;content:""}.faq-item__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;list-style:none}.faq-item__question:hover{background-color:var(--color-bg-light)}.faq-item__chevron{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--transition-normal);flex-shrink:0}.faq-item[open] .faq-item__chevron{transform:rotate(180deg)}.faq-item__answer{padding:0 var(--space-4) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.sidebar-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md)}.sidebar-card--highlight{background-color:var(--color-primary-light);border-color:transparent}.sidebar-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar-card__link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.sidebar-card__link:hover{text-decoration:underline}.sidebar-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.hero{padding:var(--space-16) 0;background-color:var(--color-primary-light);width:100%}.hero__container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%}.hero--left{padding:var(--space-10) 0}.hero--left .hero__container{align-items:flex-start;gap:var(--space-2)}.hero--state{padding:var(--space-10) 0;width:100%;overflow:hidden}.hero--state .hero__container{display:flex;flex-direction:row;align-items:center;gap:var(--space-10);width:100%}.hero--state .hero__content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.hero--state .hero__title{font-size:var(--font-size-4xl);line-height:var(--line-height-snug);text-align:left;max-width:800px}.hero--state .hero__subtitle{font-size:var(--font-size-sm);text-align:left;max-width:none}.hero__image{width:280px;height:280px;object-fit:cover;border-radius:var(--radius-lg);flex-shrink:0}.hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;max-width:720px}.hero--left .hero__title{font-size:var(--font-size-4xl);line-height:var(--line-height-snug);text-align:left;max-width:800px}.hero__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);text-align:center;max-width:560px;line-height:var(--line-height-relaxed)}.hero--left .hero__subtitle{font-size:var(--font-size-sm);text-align:left}.hero__actions{display:flex;gap:var(--space-3)}@media(max-width:768px){.hero{padding:var(--space-10) 0}.hero--left,.hero--state{padding:var(--space-8) 0}.hero--state .hero__container{flex-direction:column;gap:var(--space-6)}.hero--state .hero__title{font-size:var(--font-size-3xl)}.hero__image{width:100%;height:200px;order:-1}.hero__title{font-size:var(--font-size-4xl)}.hero--left .hero__title{font-size:var(--font-size-3xl)}.hero__subtitle{font-size:var(--font-size-lg)}}@media(max-width:480px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}}@media(max-width:1024px)and (min-width:769px){.hero{padding:var(--space-12) 0}.hero--left,.hero--state{padding:var(--space-10) 0}.hero--state .hero__container{gap:var(--space-8)}.hero__image{width:220px;height:220px}}.section{padding:var(--space-12) 0}.section--alt{background-color:var(--color-bg-light)}.section__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.section__subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}@media(max-width:768px){.section{padding:var(--space-8) 0}}@media(max-width:1024px)and (min-width:769px){.section{padding:var(--space-10) 0}}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-bar__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.filter-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-white);border:var(--border-width) var(--border-style) var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-pill--active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-field__input,.form-field__select{width:100%;height:40px;padding:0 var(--space-3);background-color:var(--color-bg-white);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-field__input:focus,.form-field__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.result-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-primary-light);border-radius:var(--radius-md)}.result-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.result-card__total{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.result-card__row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.result-card__row-label{color:var(--color-text-secondary)}.result-card__row-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.result-card__note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background-color:var(--color-bg-white);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--transition-fast)}.tool-card:hover{border-color:var(--color-primary)}.tool-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-card__icon{width:24px;height:24px;color:var(--color-primary)}.tool-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tool-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);margin-top:var(--space-8)}.content h2:first-child{margin-top:0}.content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);margin-top:var(--space-6)}.content p{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:var(--line-height-loose);margin-bottom:var(--space-4)}.content ul,.content ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.content ul{list-style:disc}.content ol{list-style:decimal}.content li{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-loose);margin-bottom:var(--space-2)}.content a{color:var(--color-primary);text-decoration:underline}.content a:hover{color:var(--color-primary-dark)}.content a.btn{text-decoration:none}.content a.btn-primary,.content a.btn-primary:hover{color:#fff}.content a.btn-secondary{color:var(--color-primary)}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.notice--info{background-color:var(--color-primary-light);color:var(--color-text-primary)}.notice--warning{background-color:#fff7ed;color:#9a3412}.notice--success{background-color:#dcfce7;color:#166534}.notice__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.badge--success{background-color:#dcfce7;color:#166534}.badge--warning{background-color:#fff7ed;color:#9a3412}.badge--neutral{background-color:var(--color-bg-light);color:var(--color-text-secondary)}.badge--primary{background-color:var(--color-primary-light);color:var(--color-primary)}.fee-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:var(--radius-md)}@media(max-width:640px){.fee-table-wrapper:after{content:"";position:sticky;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8));pointer-events:none;flex-shrink:0}}.calculator__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.calculator__inputs{display:flex;flex-direction:column;gap:var(--space-4)}.calculator__results{position:sticky;top:calc(var(--header-height) + var(--space-4))}.calculator__radio-group{display:flex;gap:var(--space-6)}.calculator__radio-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer}.calculator__radio-label input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px}.result-card__breakdown{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width) var(--border-style) var(--color-border)}@media(max-width:768px){.calculator__grid{grid-template-columns:1fr}.calculator__results{position:static}}.cost-comparison__controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.cost-comparison__count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}@media(max-width:640px){.filter-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}@media print{.site-header,.site-footer,.hero__actions,.skip-link,.site-header__menu-btn{display:none!important}body{color:#000;background:#fff}a{color:#000;text-decoration:underline}.hero{background-color:#fff;padding:var(--space-6) 0}.section{padding:var(--space-4) 0}.state-card,.sidebar-card,.faq-item{break-inside:avoid}.fee-table{border:1px solid #000}.fee-table thead th{background-color:#eee;color:#000;border-bottom:1px solid #000}.fee-table tbody td{border-bottom:1px solid #ccc}}.infographic{display:block;width:100%;max-width:100%;height:auto;margin:var(--space-6) 0;border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);overflow:hidden}.infographic--no-border{border:none}@media(max-width:640px){.infographic{margin:var(--space-4) 0;overflow-x:auto}}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.guide-card{display:flex;flex-direction:column;background-color:var(--color-bg-white);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.guide-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000000f}.guide-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.guide-card__image{width:100%;height:180px;object-fit:cover;background-color:var(--color-bg-light)}.guide-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);flex:1}.guide-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.guide-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex:1}.guide-card__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:var(--border-width) var(--border-style) var(--color-border)}.guide-card__reading-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.guide-card__cta{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}@media(max-width:768px){.guide-grid{grid-template-columns:1fr}.guide-card__image{height:160px}}@media(min-width:1024px){.guide-grid--home{grid-template-columns:repeat(4,1fr)}.guide-grid--home .guide-card__image{height:140px}}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@media(max-width:768px){.container{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}}@media(max-width:1024px)and (min-width:769px){.container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}.layout-full{width:100%}.layout-two-col{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--sidebar-gap);padding-top:var(--space-8);padding-bottom:var(--space-8)}.layout-two-col__main{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.layout-two-col__sidebar{display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:1024px){.layout-two-col{grid-template-columns:1fr}.layout-two-col__sidebar{order:-1}}.layout-centered{max-width:896px;margin-left:auto;margin-right:auto;padding-top:var(--space-8);padding-bottom:var(--space-8)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex-row{display:flex;gap:var(--space-4)}.flex-col{display:flex;flex-direction:column;gap:var(--space-4)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.main-content{flex:1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}