/* Fera has its own reading path; Pet presentation remains independent. */
.comp-beast .fera-context{display:flex;align-items:center;gap:10px;min-height:54px;border-bottom:1px solid var(--color-gold-line);font-size:13px;color:var(--color-text-muted)}
.fera-context a{color:var(--color-text-muted);text-decoration:none}.fera-context strong{font-weight:500;color:var(--color-primary)}
.comp-beast .comp-hero{padding-block:48px;gap:48px}
.comp-beast .comp-hero h1{font-size:clamp(38px,4.5vw,58px)!important}
.fera-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-gold-line);margin:0 0 12px}
.fera-nav a{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 12px;text-align:center;font-size:13px;color:var(--color-primary);text-decoration:none;min-height:54px;box-sizing:border-box}
.fera-nav a:hover{background:var(--color-secondary-soft)}.fera-nav a span{font-size:11px;color:var(--color-text-muted)}
.comp-beast .comp-section{padding-block:52px}
.comp-beast .fera-start{border-top:0}
.comp-beast .comp-heading{max-width:730px;margin-bottom:28px}
.comp-beast .comp-heading h2{margin-block:10px 14px}
.comp-beast .comp-heading>p{margin:0}
.comp-beast .comp-steps{gap:18px}
.comp-beast .comp-steps li{background:var(--color-surface);padding:26px}
.comp-beast .comp-steps p{font-size:14px}
.fera-start-note{font-size:13px;line-height:1.8;margin:22px 0 0;color:var(--color-text-muted)}
.fera-start-note strong{color:var(--color-primary)}
.fera-wardrobe{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center}
.fera-wardrobe .comp-heading{margin-bottom:22px}
.fera-wardrobe .comp-beast-art{display:block;width:300px;height:300px;object-fit:contain;max-width:100%;justify-self:center}
.fera-looks{margin:0}
.fera-looks>div{padding:17px 0;border-top:1px solid var(--color-gold-line);display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px}
.fera-looks dt{font-size:14px;line-height:1.65;font-weight:600;color:var(--color-primary)}
.fera-looks dd{font-size:14px;line-height:1.8;margin:0;color:var(--color-text-muted)}
.fera-wardrobe-note{padding:16px 20px;background:var(--color-secondary-soft);border-radius:8px;font-size:13px;line-height:1.8;color:var(--color-primary);margin:18px 0 0}
.fera-adventure{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.fera-adventure .comp-heading{margin:0}
.fera-adventure .comp-rules{margin:0}
.fera-adventure .comp-rules>div{padding-block:18px}
.fera-adventure .comp-rules dt{font-size:16px;margin-bottom:7px}
.fera-adventure .comp-rules dd{font-size:14px;line-height:1.85}
.fera-faq{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px}
.fera-faq .comp-heading{margin:0}
.fera-questions{border:1px solid var(--color-gold-line);border-radius:12px;background:var(--color-surface);align-self:start;overflow:hidden}
.fera-questions details+details{border-top:1px solid var(--color-gold-line)}
.fera-questions summary{position:relative;padding:20px 52px 20px 22px;list-style:none;font-size:14px;line-height:1.65;font-weight:600;color:var(--color-primary);cursor:pointer}
.fera-questions summary::-webkit-details-marker{display:none}
.fera-questions summary::after{content:'+';position:absolute;right:22px;top:17px;font-size:23px;font-weight:400}
.fera-questions details[open] summary::after{content:'−'}
.fera-questions details[open] summary,.fera-questions summary:hover{background:var(--color-secondary-soft)}
.fera-questions details>div{padding:18px 22px}
.fera-questions p{font-size:14px;line-height:1.85;margin:0;color:var(--color-text-muted)}
.fera-questions p+p{margin-top:12px}
.fera-ready{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border:1px solid var(--color-gold-line);border-radius:12px;background:var(--color-secondary-soft);margin-top:20px}
.fera-ready h2{font-size:25px;margin:8px 0 12px}
.fera-ready p{font-size:14px;line-height:1.8;margin:0;color:var(--color-text-muted)}
.fera-ready>a{flex-shrink:0;font-size:13px}
.comp-beast :is(a,button,summary):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
@media(max-width:1000px){.fera-wardrobe{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.fera-adventure{grid-template-columns:240px minmax(0,1fr);gap:32px}.fera-faq{grid-template-columns:240px minmax(0,1fr);gap:32px}}
@media(max-width:760px){
 .comp-beast .comp-hero{grid-template-columns:1fr;padding-block:32px;gap:28px}
 .fera-nav{margin-bottom:0}.fera-nav a{font-size:11px;line-height:1.5;padding:12px 4px;min-height:50px}.fera-nav a span{display:none}
 .comp-beast .comp-section{padding-block:36px}.comp-beast .comp-heading h2{font-size:28px}.comp-beast .comp-heading p{font-size:14px}
 .comp-beast .comp-steps{gap:14px}.comp-beast .comp-steps li{padding:22px}
 .fera-wardrobe{grid-template-columns:1fr;gap:22px}.fera-wardrobe .comp-beast-art{width:220px;height:220px}.fera-looks>div{grid-template-columns:1fr;gap:5px;padding-block:15px}.fera-wardrobe-note{padding:14px 16px}
 .fera-adventure{grid-template-columns:1fr;gap:26px}
 .fera-faq{grid-template-columns:1fr;gap:24px}.fera-questions summary{padding:18px 42px 18px 18px}.fera-questions summary::after{right:18px;top:14px}.fera-questions details>div{padding:18px}
 .fera-ready{align-items:flex-start;flex-direction:column;padding:24px;gap:20px}.fera-ready h2{font-size:24px}
}