.case-hero-section {background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}
.case-hero-section h1 {font-size: 2.5rem;}
@media (max-width: 767.98px) {.case-hero-section h1 {font-size: 1.9rem;}}
.case-hero-section .lead {color: #4a5568;font-size: 1.1rem;}
.case-tool {border-radius: 1rem;overflow: hidden;}
@media (max-width: 767.98px) {.case-tool .card-body {padding: 1.25rem !important;}}
.case-textarea {min-height: 17rem;padding: 1rem;border-color: #cbd5e1;font-size: 1rem;line-height: 1.6;resize: vertical;}
.case-textarea:focus {border-color: #0d6efd;box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);}
.case-textarea--result {background: #f8fafc;}
.case-actions .case-action-btn {display: flex;flex-direction: column;width: 100%;min-height: 5.75rem;padding: .9rem 1rem;border: 1px solid #dee2e6;border-radius: .75rem;background: #fff;text-align: left;transition: all .2s ease;}
@media (hover: hover) {.case-actions .case-action-btn:hover {border-color: #0d6efd;background: #f0f6ff;transform: translateY(-2px);box-shadow: 0 .5rem 1rem rgba(13,110,253,.1);}}
.case-actions .case-action-btn:focus-visible {outline: 0;border-color: #0d6efd;box-shadow: 0 0 0 .2rem rgba(13,110,253,.2);}
.case-actions .case-action-btn.is-active {border-color: #0d6efd;background: #e7f1ff;}
.case-actions .case-action-btn__example {color: #1e293b;font-weight: 700;}
.case-actions .case-action-btn__description {margin-top: .25rem;color: #64748b;font-size: .875rem;}
.case-benefits-section .card {border-radius: 1rem;transition: all .2s ease;}
@media (hover: hover) {.case-benefits-section .card:hover {transform: translateY(-4px);box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;}}
.case-benefits-section .case-benefit-icon {display: flex;align-items: center;justify-content: center;width: 3.5rem;height: 3.5rem;margin: 0 auto;border-radius: 1rem;font-size: 1.6rem;}
.case-seo-section {color: #334155;line-height: 1.7;}
.case-seo-section h2 {color: #1e293b;scroll-margin-top: 1.5rem;}
.case-seo-section a {color: #0d6efd;}
@media (hover: hover) {.case-seo-section a:hover {color: #0a58ca;}}
.case-seo-section .case-contents {margin-top: 1.5rem;padding: 1.25rem 1.5rem;border-left: 4px solid #0d6efd;border-radius: 0 .75rem .75rem 0;background: #f8fafc;}
.case-seo-section .case-contents ol {padding-left: 1.25rem;}
.case-seo-section .case-contents li + li {margin-top: .35rem;}
.case-seo-section .case-modes-table {min-width: 42rem;}
.case-seo-section .case-modes-table thead th {border-bottom-width: 1px;background: #e7f1ff;color: #1e3a5f;}
.case-seo-section .case-modes-table th, .case-seo-section .case-modes-table td {padding: .85rem 1rem;}
.case-seo-section .case-important-note {margin-top: 2rem;padding: 1.25rem 1.5rem;border: 1px solid #ffe69c;border-left: 4px solid #ffc107;border-radius: .75rem;background: #fff9e6;}
@media (max-width: 767.98px) {.case-hero-section .lead {font-size: 1rem;}
	.case-textarea {min-height: 13rem;}
	.case-actions .case-action-btn {min-height: 5.25rem;}
	.case-seo-section .case-contents {padding: 1rem;}}