﻿/* Dedicated documentation and download information pages */
.detail-page{background:radial-gradient(ellipse at 70% 0,#472323 0,transparent 34%),#100d12;color:#f6eadc}
.detail-top{border-bottom:1px solid #654737;background:#110e12df;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.detail-top-inner{max-width:1100px;margin:auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.detail-brand{font:800 19px Cinzel,Georgia,serif;color:#f5d29d;letter-spacing:1px}
.detail-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:800;color:#e0c8b5}
.detail-nav a:hover{color:#eabd7c}
.detail-langs{display:flex;gap:3px;border:1px solid #6a4936;border-radius:4px;padding:3px}
.detail-langs button{border:0;background:transparent;color:#d9bb9e;padding:5px 7px;font-size:10px;font-weight:800;border-radius:3px}
.detail-langs button[aria-pressed=true]{background:#8f2930;color:#fff}
.detail-main{max-width:1100px;margin:0 auto;padding:44px 26px 100px}
.detail-eyebrow{color:#efbb7b;font-size:11px;letter-spacing:2px;font-weight:900}
.detail-hero{background:linear-gradient(120deg,#29171c,#161117);border:1px solid #69503c;border-radius:9px;padding:38px 38px 31px;box-shadow:0 18px 48px #0009}
.detail-hero h1{margin:14px 0 16px;font-size:clamp(32px,4.8vw,55px)}
.detail-hero p{color:#d5c6c5;line-height:1.8;max-width:740px}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.detail-btn{display:inline-block;padding:12px 17px;font-size:12px;font-weight:800;border:1px solid #b48753;border-radius:4px;background:linear-gradient(#a43c32,#571b20);color:white}
.detail-btn.alt{background:#20151b;color:#f6d2a1}
.detail-btn.muted{cursor:not-allowed;pointer-events:none;opacity:.65;background:#3d3436;border-color:#6e5a4c}
.detail-status{display:inline-block;margin:8px 0;padding:10px 13px;border:1px solid #945343;background:#422124;color:#ffd8b4;font-size:12px;font-weight:800;border-radius:4px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0 36px}
.detail-stat{background:#20161b;border:1px solid #5e4540;border-radius:5px;padding:18px}
.detail-stat b{display:block;color:#f4c582;font-size:14px}.detail-stat p{color:#c1aeae;font-size:12px;line-height:1.7;margin:8px 0 0}
.detail-section-head{font:700 27px Cinzel,Georgia,serif;margin:35px 0 17px;color:#f2d49e}
.detail-accordion{border:1px solid #705040;border-radius:5px;margin:10px 0;background:#1c1419;overflow:hidden}
.detail-accordion summary{font-weight:800;cursor:pointer;padding:17px 21px;color:#f5daa7;list-style:none;display:flex;justify-content:space-between}
.detail-accordion summary:after{content:'+';color:#e7b36e;font-size:21px}
.detail-accordion[open] summary:after{content:'−'}
.detail-accordion summary::-webkit-details-marker{display:none}
.detail-accordion[open]{border-color:#b98953}
.detail-accordion .detail-answer{padding:16px 21px 21px;border-top:1px solid #573b35;color:#d2c1b9;font-size:14px;line-height:1.85}
.detail-answer a{color:#f2c48c;text-decoration:underline}.detail-answer code{color:#f5d095}
.detail-banner{width:100%;display:block;border:1px solid #a27652;border-radius:8px;box-shadow:0 18px 35px #0007}
.detail-footer{max-width:1100px;margin:auto;padding:30px 26px;border-top:1px solid #4f3b36;color:#b6a7a0;font-size:12px}
.detail-footer a{color:#efbd80}
.detail-caution{border-left:3px solid #c37d53;background:#291a1b;padding:15px 20px;color:#e4c5af;font-size:13px;line-height:1.8;margin-top:23px}
.detail-page [data-page-lang][hidden]{display:none!important}
@media(max-width:780px){.detail-top-inner{align-items:flex-start;flex-direction:column}.detail-main{padding:30px 15px 70px}.detail-hero{padding:23px 19px}.detail-grid{grid-template-columns:1fr}.detail-nav{gap:12px}}


/* Preserve artwork proportions on community page; do not stretch HTML height attribute. */
img.detail-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
