/* Support-only composition. Shared shell and interactions remain canonical. */
.bepic-support-hero { overflow:hidden; position:relative; padding:72px 0 105px; background:radial-gradient(ellipse at 96% 15%,#e6efdc 0,transparent 48%),linear-gradient(135deg,#f4f8f3,#fff 70%); }
.bepic-support-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:72px; align-items:center; }
.bepic-support-intro > p:not([class]) { max-width:560px; color:var(--editorial-muted); }
.bepic-support-hero h1 { max-width:650px; }
.bepic-support-text-link { color:var(--editorial-ink); font-weight:600; text-decoration:none; }
.bepic-support-text-link span { margin-inline-start:8px; color:var(--editorial-accent); }
.bepic-support-art { position:relative; padding:0 0 55px 20px; }
.bepic-support-photo { height:470px; border-radius:180px 36px 36px 36px; overflow:hidden; background:#dbe6d9; box-shadow:0 25px 60px #173d231c; }
.bepic-support-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:64% center; }
.bepic-support-art-caption { position:absolute; inset:auto 25px 8px -18px; display:flex; align-items:center; gap:20px; padding:25px 28px; border:1px solid #d6e3d3; border-radius:24px; color:var(--editorial-ink); background:#fff; box-shadow:0 20px 45px #173d2317; }
.bepic-support-art-caption > div > span { display:block; margin-bottom:6px; color:var(--editorial-muted); font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.bepic-support-art-caption strong { font-size:25px; line-height:1.18; letter-spacing:-.025em; }
.bepic-support-art-icon { display:grid; flex:0 0 66px; place-items:center; height:66px; border-radius:50%; color:var(--bepic-link); background:#eef4e8; font-size:27px; }
.bepic-support-art-label { position:absolute; inset:18px 15px auto auto; color:#fff; font-size:12px; letter-spacing:.2em; background:#183a2ae8; padding:8px 16px; border-radius:30px; }
.bepic-support-section { padding-block:88px; }
.bepic-support-section-heading { display:flex; justify-content:space-between; align-items:end; gap:48px; margin-bottom:36px; }
.bepic-support-section-heading > p { flex:0 1 350px; color:var(--editorial-muted); }
.bepic-support-start-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:28px; }
.bepic-support-card { min-width:0; padding:35px; border:1px solid #dfe8de; border-radius:26px; background:#fff; box-shadow:0 15px 40px #152d2409; }
.bepic-support-card-icon { width:52px; height:52px; margin-bottom:23px; display:grid; place-items:center; border-radius:16px; background:#eaf3e6; color:var(--bepic-link); font-size:22px; }
.bepic-support-card h3 { margin:0 0 25px; }
.bepic-support-links { list-style:none; padding:0; margin:0; }
.bepic-support-links > li { margin:0; }
.bepic-support-links > li + li { border-top:1px solid #e1e9df; }
.bepic-support-links a { display:flex; align-items:center; gap:12px; min-height:54px; padding:13px 0; color:var(--editorial-ink); text-decoration:none; overflow-wrap:anywhere; }
.bepic-support-links a::after { content:'↗'; flex-shrink:0; margin-inline-start:auto; color:#b44b06; transition:transform .2s ease; }
.bepic-support-links a:hover { color:var(--bepic-link); }
.bepic-support-links a:hover::after { transform:translate(2px,-2px); }
.bepic-support-file { margin-inline-start:auto; padding:2px 6px; flex-shrink:0; color:#556b5b; background:#f0f5ee; border-radius:5px; font-size:10px; letter-spacing:.06em; }
.bepic-support-links a:has(.bepic-support-file)::after { margin-inline-start:0; }
.bepic-support-login { position:relative; overflow:hidden; display:flex; flex-direction:column; background:radial-gradient(ellipse at 95% 0,#365c30 0,transparent 65%),#122c23; color:#fff; }
.bepic-support-login > *:not(.bepic-support-login-mark) { z-index:1; }
.bepic-support-login .bepic-support-card-icon { background:#ffffff1c; color:#fba65f; }
.bepic-editorial-page main .bepic-support-login h3 { color:#fff; }
.bepic-support-login p { max-width:300px; color:#e0eadd; }
.bepic-support-login-link { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:auto; padding:15px 20px; border:1px solid #ffffff55; border-radius:16px; color:#fff; text-decoration:none; background:#ffffff0d; }
.bepic-support-login-link:hover { color:#fff; background:#ffffff1c; }
.bepic-support-login-link > span { color:#fba65f; }
.bepic-support-login-mark { position:absolute; inset:auto -10px -80px auto; font-size:300px; font-weight:800; color:#ffffff05; line-height:1; pointer-events:none; }
.bepic-support-help-band { padding-block:80px; background:#f3f7f1; border-block:1px solid #e0e9dc; }
.bepic-support-help-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:70px; }
.bepic-support-contact { padding:38px; border:1px solid #dce6d6; border-radius:28px; background:#fff; }
.bepic-editorial-page main .bepic-support-contact h2 { font-size:38px; }
.bepic-support-contact > p { color:var(--editorial-muted); font-size:14px; }
.bepic-support-email { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:14px 0; color:var(--bepic-link); font-size:24px; font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.bepic-support-email i { font-size:18px; color:#b44b06; }
.bepic-support-hours { display:flex; align-items:start; gap:14px; margin-top:14px; padding-top:24px; border-top:1px solid #e0e9dc; font-size:14px; }
.bepic-support-hours > i { padding-top:6px; color:var(--bepic-link); }
.bepic-support-hours p { color:var(--editorial-muted); }
.bepic-support-regional { border-top:1px solid #e0e9dc; padding-top:22px; font-size:14px; }
.bepic-support-regional strong { display:block; margin-bottom:7px; }
.bepic-support-regional a { color:var(--bepic-link); }
.bepic-support-orders { padding-top:10px; }
.bepic-support-orders h2 { max-width:500px; }
.bepic-support-order-links a { min-height:67px; }
.bepic-support-order-icon { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; color:var(--bepic-link); background:#e3eddc; border-radius:11px; }
.bepic-support-disclosure { margin-top:24px; padding:5px 22px; border:1px solid #d9e4d5; border-radius:17px; background:#fff; }
.bepic-support-disclosure summary { padding:13px 0; cursor:pointer; font-weight:600; color:var(--editorial-ink); }
.bepic-support-disclosure[open] summary { border-bottom:1px solid #dfe8dc; }
.bepic-support-resource-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.bepic-support-resource-accent { background:linear-gradient(135deg,#fff,#fff9f1); }
.bepic-support-resource-accent .bepic-support-card-icon { color:#b44b06; background:#fff0df; }
.bepic-support-recognition summary i { margin-inline-end:12px; color:#b44b06; }
.bepic-support-recognition .bepic-support-links { display:grid; grid-template-columns:1fr 1fr; column-gap:35px; }
.bepic-support-outro { padding:65px 0 75px; text-align:center; background:radial-gradient(ellipse at 100% 100%,#e9eddc,transparent 60%),#f2f7f0; }
.bepic-support-outro h2 { margin-bottom:15px; }
.bepic-support-outro .bepic-editorial-button { margin-top:10px; }
@media (max-width:1000px) {
    .bepic-support-hero-grid { gap:35px; }
    .bepic-support-photo { height:430px; }
    .bepic-support-art-caption { padding:22px; inset-inline-start:0; }
    .bepic-support-art-caption strong { font-size:21px; }
    .bepic-support-help-grid { gap:30px; }
    .bepic-support-contact { padding:28px; }
    .bepic-support-section-heading { gap:30px; }
}
@media (max-width:800px) {
    .bepic-support-hero { padding-top:50px; }
    .bepic-support-hero-grid { grid-template-columns:1fr; gap:28px; }
    .bepic-support-intro { max-width:620px; }
    .bepic-support-art { width:min(100%,600px); justify-self:center; padding-inline-start:0; }
    .bepic-support-photo { height:330px; border-radius:120px 28px 28px 28px; }
    .bepic-support-art-caption { inset-inline:20px; }
    .bepic-support-help-grid { grid-template-columns:1fr; gap:45px; }
    .bepic-support-section-heading { display:block; }
    .bepic-support-section-heading > p { max-width:550px; }
}
@media (max-width:600px) {
    .bepic-support-section { padding-block:60px; }
    .bepic-support-start-grid, .bepic-support-resource-grid { grid-template-columns:1fr; gap:20px; }
    .bepic-support-card, .bepic-support-contact { padding:26px; border-radius:22px; }
    .bepic-support-hero .bepic-editorial-actions { align-items:start; flex-direction:column; }
    .bepic-support-hero .bepic-editorial-button { gap:15px; font-size:14px; padding-inline:20px; }
    .bepic-support-photo { height:300px; }
    .bepic-support-art-caption { padding:20px; gap:14px; inset-inline:12px; }
    .bepic-support-art-caption strong { font-size:20px; }
    .bepic-support-art-icon { flex-basis:48px; height:48px; font-size:20px; }
    .bepic-support-art-caption > div > span { font-size:10px; }
    .bepic-support-help-band { padding-block:55px; }
    .bepic-support-email { font-size:22px; }
    .bepic-support-recognition .bepic-support-links { grid-template-columns:1fr; }
    .bepic-support-links a { gap:9px; }
    .bepic-support-outro { padding-block:55px; }
}
@media (prefers-reduced-motion:reduce) { .bepic-support-links a::after { transition:none; } .bepic-support-links a:hover::after { transform:none; } }