/* BibliaREM — Principles clean-room foundation, BRW014A */
.principles-main{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:clamp(40px,8vw,96px) 20px 90px;position:relative;overflow:hidden}
.principles-main::before{content:"";position:absolute;inset:8% 8% auto;height:55%;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 67%);pointer-events:none}
.principles-panel{position:relative;width:min(780px,100%);padding:clamp(34px,6vw,64px);text-align:center;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));border-radius:28px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel-2) 92%,transparent));box-shadow:0 24px 70px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px)}
.principles-mark{width:72px;height:72px;margin:0 auto 24px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:22px;color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--gold) 6%,transparent)}
.principles-mark svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.principles-kicker{margin:0 0 10px;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.principles-title{margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.05;letter-spacing:-.035em}
.principles-status{display:inline-flex;align-items:center;gap:8px;margin:24px 0 0;padding:8px 13px;border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));border-radius:999px;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.05em}
.principles-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.principles-message{max-width:610px;margin:22px auto 0;color:var(--muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.72}
html[dir="rtl"] .principles-panel{text-align:center}
@media(max-width:680px){.principles-main{padding:28px 14px 80px}.principles-panel{border-radius:22px;padding:36px 20px}.principles-mark{width:62px;height:62px;border-radius:19px}}