.content-page{padding:var(--space-8) 0 var(--space-16)}@media(min-width:768px){.content-page{padding:var(--space-12) 0 var(--space-20)}}.content-page__header{margin-bottom:var(--space-8)}@media(min-width:768px){.content-page__header{margin-bottom:var(--space-12)}}.content-page__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.content-page__breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.content-page__breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}.content-page__breadcrumb-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.content-page__breadcrumb-separator{color:var(--color-text-subtle)}.content-page__breadcrumb-current{color:var(--color-text-secondary)}.content-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}@media(min-width:768px){.content-page__title{font-size:var(--font-size-4xl)}}.content-page__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:var(--measure-base)}.content-page__body{max-width:800px}.content-page__body h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4)}@media(min-width:768px){.content-page__body h2{font-size:var(--font-size-2xl)}}.content-page__body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.content-page__body p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.content-page__body ul,.content-page__body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.content-page__body ul{list-style:disc}.content-page__body ol{list-style:decimal}.content-page__body li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.content-page__body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.content-page__body a:hover{color:var(--color-primary-hover)}.content-page__body a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.content-page__cards{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8)}@media(min-width:640px){.content-page__cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.content-page__cards{grid-template-columns:repeat(3,1fr)}}.content-card{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.content-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-card__icon{width:48px;height:48px;padding:var(--space-3);background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.content-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.content-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.content-card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.content-card__link:hover{text-decoration:underline}.content-card__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.contact-form{max-width:600px;margin-top:var(--space-8)}.contact-form__group{margin-bottom:var(--space-5)}.contact-form__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.contact-form__label--required:after{content:" *";color:var(--color-danger)}.contact-form__input,.contact-form__textarea,.contact-form__select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-form__input:focus,.contact-form__textarea:focus,.contact-form__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.contact-form__textarea{min-height:150px;resize:vertical}.contact-form__submit{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-base);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);min-height:var(--touch-target-min)}.contact-form__submit:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.contact-form__submit:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
