
.perm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; }
.perm-card { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 28px; box-shadow: var(--shadow-sm); }
.perm-card h3 { font-size: 1.1rem; font-family: var(--font-body); font-weight: 600; color: var(--color-primary); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--color-accent); }
.perm-table { width: 100%; border-top: 1px solid var(--color-border); }
.perm-table th { width: 140px; padding: 10px 12px; background: var(--color-bg); font-size: 0.8rem; font-weight: 600; color: var(--color-primary); text-align: left; border-bottom: 1px solid var(--color-border); white-space: nowrap; }
.perm-table td { padding: 10px 12px; font-size: 0.84rem; color: var(--color-text); border-bottom: 1px solid var(--color-border); }
.perm-tm-section { margin-top: 56px; }
.perm-tm-section h3 { font-size: 1.2rem; font-family: var(--font-body); font-weight: 600; color: var(--color-primary); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--color-accent); display: inline-block; }
.perm-tm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; }
.perm-tm-card { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 24px; }
@media(max-width:768px){ .perm-grid,.perm-tm-grid{grid-template-columns:1fr;} }
