.ancient-collection-guide { color:#ded6c7; }
.ancient-collection-guide [id] { scroll-margin-top:20px; }
.ac-header { margin:24px 0; }
#content .ac-header h1 { color:#f1e1c3; font:600 clamp(30px,3vw,43px)/1.12 var(--serif); margin:7px 0 10px; }
.ac-header p { max-width:80ch; margin:0; color:#c7c0b3; font-size:16px; line-height:1.65; }
.ac-nav, .ac-months { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.ac-nav a, .ac-months a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 13px; border:1px solid #665438; border-radius:3px; background:#121a15; color:#e6c99b; font-size:14px; line-height:1.3; }
.ac-nav a:hover, .ac-months a:hover, .ac-months a[aria-current=page] { background:#3f3020; border-color:#b2915f; color:#fff0d7; }
.ancient-collection-guide a:focus-visible { outline:2px solid #ecc889; outline-offset:3px; }
.ac-summary { display:flex; align-items:center; gap:16px; padding:16px 20px; border:1px solid #695439; background:#191e17; }
.ac-summary > img, .ac-chest > img { flex:0 0 64px; width:64px; height:64px; object-fit:contain; background:#0b110d; border:1px solid #6d5738; padding:4px; }
.ac-summary strong { color:#f0dfc2; font:600 20px/1.2 var(--serif); }
.ac-summary p { margin:5px 0 0; color:#c9bfad; line-height:1.5; }
.ac-quality { display:inline-block; color:#f2b757; font:700 12px/1.2 var(--font); vertical-align:middle; }
.ac-section { margin:16px 0; padding:20px 22px; border:1px solid #504633; background:#101814; }
#content .ac-section h2 { color:#eddbbb; font:600 clamp(23px,2vw,28px)/1.2 var(--serif); margin:0 0 14px; }
#content .ac-section h3 { color:#ead3ac; font:600 18px/1.3 var(--serif); margin:16px 0 8px; }
.ac-section p, .ac-section li { color:#d0c6b7; font-size:15px; line-height:1.65; }
.ac-section p:last-child { margin-bottom:0; }
.ac-section a:not(.ac-index-card) { color:#edca92; text-decoration:underline; text-underline-offset:3px; }
.ac-section a:hover { color:#fff0d7; }
.ac-bonuses { display:grid; gap:8px; margin:0; padding-left:20px; }
.ac-bonuses li::marker, .ac-obtain li::marker { color:#c49b61; }
.ac-example { margin:16px 0 0; padding:11px 14px; border-left:2px solid #b08e5d; background:#24271c; }
.ac-abilities { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:10px; }
.ac-ability { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:14px; border:1px solid #473e2d; background:#0c130f; }
.ac-ability img { width:46px; height:46px; flex:none; object-fit:contain; }
#content .ac-ability h3 { margin:0 0 4px; }
.ac-ability p { margin:0; }
.ac-obtain { display:grid; grid-template-columns:minmax(200px,.7fr) minmax(0,2fr); gap:20px; align-items:start; }
.ac-chest { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid #4e4633; background:#0c130f; }
.ac-chest span, .ac-rewards span { min-width:0; }
.ac-chest strong, .ac-chest small, .ac-rewards strong, .ac-rewards small { display:block; }
.ac-chest small, .ac-rewards small { color:#b8ad9c; margin-top:4px; line-height:1.4; }
.ac-obtain ol { display:grid; gap:10px; margin:0 0 16px; padding-left:22px; }
.ac-fragments { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:8px; padding:0; margin:16px 0 0; list-style:none; }
.ac-fragments li { display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0; padding:10px 6px; border:1px solid #514632; background:#0b120f; text-align:center; font-size:13px; line-height:1.3; }
.ac-fragments img { width:48px; height:48px; object-fit:contain; }
.ac-fragments small { display:block; color:#ada38e; font-size:12px; }
.ac-rewards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:8px; list-style:none; padding:0; margin:12px 0 0; }
.ac-rewards li { display:flex; align-items:center; gap:10px; padding:9px; background:#0b120f; border:1px solid #504632; }
.ac-rewards img { width:44px; height:44px; flex:none; object-fit:contain; }
.ac-index { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:10px; }
.ac-index-card { display:flex; align-items:center; gap:12px; min-width:0; min-height:74px; padding:12px; border:1px solid #514633; background:#121a15; color:#ead9ba; }
.ac-index-card:hover { border-color:#b08d5c; background:#1d241a; }
.ac-index-card img { flex:0 0 48px; width:48px; height:48px; object-fit:contain; }
.ac-index-card span { min-width:0; }
.ac-index-card small, .ac-index-card strong { display:block; }
.ac-index-card small { color:#c5a97d; font-size:12px; margin-bottom:3px; }
.ac-index-card strong { font-size:15px; line-height:1.3; }
.ac-index-arrow { margin-left:auto; color:#b49b71; }
.ac-return { display:inline-flex; align-items:center; min-height:44px; }
.ac-pagination { display:flex; flex-wrap:wrap; gap:12px 20px; justify-content:space-between; }
.ac-pagination a { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:700px) {
 .ac-header { margin:20px 0; }
 .ac-section { padding:16px; margin:14px 0; }
 .ac-summary { padding:14px; gap:12px; align-items:flex-start; }
 .ac-obtain { grid-template-columns:minmax(0,1fr); gap:14px; }
 .ac-fragments { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ac-abilities { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:380px) {
 .ac-summary > img, .ac-chest > img { width:56px; height:56px; flex-basis:56px; }
 .ac-nav, .ac-months { gap:6px; }
 .ac-nav a, .ac-months a { padding:8px 10px; }
 .ac-pagination { display:grid; }
}