.container.tr-problem-shell {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.tr-problem-shell > .section-inner,
.tr-problem-shell > .section-inner > .section-body { width: 100%; }

.tr-problem-page {
    --tr-amber-50: #fffbeb;
    --tr-amber-100: #fef3c7;
    --tr-amber-200: #fde68a;
    --tr-amber-300: #fcd34d;
    --tr-amber-500: #f59e0b;
    --tr-amber-600: #d97706;
    --tr-amber-700: #b45309;
    --tr-amber-800: #92400e;
    --tr-amber-950: #451a03;
    --tr-ink: #1c1917;
    --tr-muted: #57534e;
    color: var(--tr-ink);
}

.tr-problem-hero {
    position: relative;
    overflow: hidden;
    padding: 6.5rem 0 6rem;
    background:
        radial-gradient(circle at 15% 22%, rgba(245,158,11,.22), transparent 34%),
        linear-gradient(135deg, #1c1917 0%, #292524 58%, #451a03 135%);
    color: #fff;
}

.tr-problem-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image: radial-gradient(rgba(255,255,255,.95) 1px, transparent 1px);
    background-size: 27px 27px;
    pointer-events: none;
}

.tr-problem-glow {
    position: absolute;
    border-radius: 999px;
    filter: blur(4px);
    opacity: .35;
}
.tr-problem-glow-one { width: 340px; height: 340px; right: -100px; top: -160px; background: var(--tr-amber-500); }
.tr-problem-glow-two { width: 230px; height: 230px; left: 42%; bottom: -170px; background: var(--tr-amber-800); }

.tr-problem-eyebrow,
.tr-problem-kicker {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--tr-amber-700);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.tr-problem-eyebrow { color: var(--tr-amber-200); margin-bottom: 1.15rem; }

.tr-problem-hero h1 {
    max-width: 800px;
    margin: 0 0 1.35rem;
    color: #fff;
    font-size: clamp(2.55rem, 5.2vw, 4.85rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.tr-problem-hero-copy {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.76);
    font-size: 1.08rem;
    line-height: 1.8;
}

.tr-problem-hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.tr-problem-btn-ghost { color: #fff; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.07); }
.tr-problem-btn-ghost:hover { color: #fff; border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.12); }

.tr-problem-hero-card {
    position: relative;
    padding: 2rem;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 1.5rem;
    background: rgba(255,255,255,.075);
    box-shadow: 0 24px 60px rgba(0,0,0,.2);
    backdrop-filter: blur(14px);
}
.tr-problem-hero-icon,
.tr-problem-side-icon {
    display: inline-grid;
    place-items: center;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 1rem;
    color: var(--tr-amber-950);
    background: linear-gradient(135deg, var(--tr-amber-200), var(--tr-amber-500));
    font-size: 1.3rem;
}
.tr-problem-hero-icon { margin-bottom: 1.35rem; }
.tr-problem-card-label { display:block; color: var(--tr-amber-200); font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.55rem; }
.tr-problem-hero-card h2 { color:#fff; font-size:1.6rem; line-height:1.25; margin-bottom:.85rem; }
.tr-problem-hero-card p { margin:0; color:rgba(255,255,255,.7); line-height:1.75; }

.tr-problem-main {
    padding: 5.5rem 0 6.5rem;
    background: linear-gradient(180deg, #fff 0%, var(--tr-amber-50) 100%);
}

.tr-problem-success {
    display: flex;
    gap: 1.15rem;
    align-items: flex-start;
    margin-bottom: 3rem;
    padding: 1.5rem;
    border: 1px solid #bbf7d0;
    border-radius: 1.25rem;
    background: #f0fdf4;
    box-shadow: 0 14px 38px rgba(22,101,52,.06);
}
.tr-problem-success > span { display:grid; place-items:center; flex:0 0 3rem; width:3rem; height:3rem; border-radius:1rem; background:#dcfce7; color:#15803d; font-size:1.35rem; }
.tr-problem-success small { display:block; margin-bottom:.2rem; color:#15803d; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.tr-problem-success h2 { margin:0 0 .45rem; font-size:1.35rem; }
.tr-problem-success p { margin:0; color:#3f6212; line-height:1.65; }

.tr-problem-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 2rem;
    align-items: start;
    margin-bottom: 4rem;
}
.tr-problem-intro-grid h2,
.tr-problem-form-heading h2 {
    margin: .55rem 0 .85rem;
    font-size: clamp(1.9rem, 3vw, 2.75rem);
    line-height: 1.12;
    letter-spacing: -.035em;
}
.tr-problem-intro-grid > div:first-child > p,
.tr-problem-form-heading p { color:var(--tr-muted); line-height:1.78; }

.tr-problem-tip-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
}
.tr-problem-tip-grid article {
    padding:1.35rem;
    border:1px solid #eee9df;
    border-radius:1.1rem;
    background:#fff;
    box-shadow:0 12px 30px rgba(69,26,3,.04);
}
.tr-problem-tip-grid i { display:block; color:var(--tr-amber-600); font-size:1.35rem; margin-bottom:.8rem; }
.tr-problem-tip-grid strong { display:block; margin-bottom:.35rem; }
.tr-problem-tip-grid span { color:var(--tr-muted); font-size:.92rem; line-height:1.55; }

.tr-problem-form-card {
    padding: 2rem;
    border: 1px solid #ece6da;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 22px 55px rgba(69,26,3,.055);
}
.tr-problem-form .form-label { font-weight:700; color:#292524; }
.tr-problem-form .form-label span { color:#78716c; font-size:.8rem; font-weight:600; }
.tr-problem-form .form-control,
.tr-problem-form .form-select { border-color:#ddd6ce; border-radius:.85rem; background:#fffdf9; }
.tr-problem-form .form-control:focus,
.tr-problem-form .form-select:focus { border-color:var(--tr-amber-500); box-shadow:0 0 0 .2rem rgba(245,158,11,.14); background:#fff; }
.tr-problem-field-help { margin-top:.5rem; color:#78716c; font-size:.85rem; }

.tr-problem-safety-inline {
    display:flex;
    gap:.8rem;
    padding:1rem 1.1rem;
    border:1px solid #fed7aa;
    border-radius:1rem;
    background:#fff7ed;
    color:#7c2d12;
    line-height:1.6;
}
.tr-problem-safety-inline i { margin-top:.15rem; color:#ea580c; }
.tr-problem-submit-note { color:#78716c; font-size:.88rem; line-height:1.5; }
.tr-problem-submit-note i { margin-right:.4rem; color:var(--tr-amber-600); }

.tr-problem-side-stack { display:grid; gap:1rem; }
.tr-problem-side-card {
    padding:1.5rem;
    border:1px solid #eee9df;
    border-radius:1.25rem;
    background:#fff;
    box-shadow:0 14px 34px rgba(69,26,3,.045);
}
.tr-problem-side-card .tr-problem-side-icon { width:2.75rem; height:2.75rem; margin-bottom:1rem; }
.tr-problem-side-card h3 { margin-bottom:.55rem; font-size:1.15rem; }
.tr-problem-side-card p { color:var(--tr-muted); line-height:1.65; }
.tr-problem-side-card a { color:var(--tr-amber-700); font-weight:800; }
.tr-problem-side-card-dark { color:#fff; border-color:#292524; background:linear-gradient(145deg,#292524,#451a03); }
.tr-problem-side-card-dark h3 { color:#fff; }
.tr-problem-side-card-dark p { color:rgba(255,255,255,.68); }
.tr-problem-side-card-dark a { color:var(--tr-amber-200); }

.tr-problem-admin-copy {
    margin-top:3rem;
    padding:1.5rem 1.75rem;
    border-left:4px solid var(--tr-amber-500);
    border-radius:0 1rem 1rem 0;
    background:var(--tr-amber-100);
    color:#57534e;
    line-height:1.75;
}
.tr-problem-admin-copy > :last-child { margin-bottom:0; }

@media (max-width: 1199.98px) {
    .tr-problem-hero { padding:5.5rem 0; }
    .tr-problem-intro-grid { grid-template-columns:1fr; }
}

@media (max-width: 767.98px) {
    .tr-problem-hero { padding:4.5rem 0; }
    .tr-problem-main { padding:4rem 0 5rem; }
    .tr-problem-tip-grid { grid-template-columns:1fr; }
    .tr-problem-form-card { padding:1.25rem; border-radius:1.15rem; }
    .tr-problem-hero-card { padding:1.5rem; }
}
