/* Scoped to the catalogue landing; shared header, background, bottom menu and articles stay untouched. */
#app .am-grimoire-home{--gm-gold:#f2d28f;--gm-text:#eee5f5;--gm-border:#c39177;max-width:1150px;margin:0 auto 28px;color:var(--gm-text);font-size:17px;line-height:1.55;min-width:0}
.am-grimoire-home *{box-sizing:border-box}
.am-grimoire-home .am-grimoire-hero{position:relative;isolation:isolate;overflow:hidden;min-height:310px;border-radius:22px;border:1px solid #bd8a7866;background:#180a29;display:flex;align-items:center}
.am-grimoire-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.am-grimoire-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11051def,#170a29b5 35%,#170a2920 66%)}
.am-grimoire-hero-copy{max-width:58%;padding:30px}
#app .am-grimoire-hero h1{font:500 clamp(36px,4.8vw,55px)/1.12 Georgia,serif;letter-spacing:-.5px;color:#ffe2a3;margin:0 0 12px;text-shadow:0 0 12px #dca83b35}
#app .am-grimoire-hero p{font-size:18px;line-height:1.5;color:#f3eaf6;margin:8px 0;max-width:490px}
#app .am-grimoire-hero p:first-of-type{color:#f1cf94;font-size:19px}
#app .am-grimoire-search{display:flex;align-items:center;gap:13px;position:relative;z-index:1;width:min(68%,740px);min-height:52px;margin:-62px 0 26px 25px;padding:0 20px;border:1px solid #ac74b7;border-radius:30px;background:linear-gradient(115deg,#3b174ddd,#1b092dee);box-shadow:inset 0 1px 4px #d9a2ed25,0 5px 15px #0b031b66}
.am-grimoire-search>svg{flex:0 0 23px;width:23px;height:25px;color:#ecdcf7}
#app .am-grimoire-search input{width:100%;min-width:0;padding:14px 0;min-height:50px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#fff5ff;font:16px/1.4 system-ui;margin:0;outline-offset:4px}
.am-grimoire-search input::placeholder{color:#dac6e4;opacity:1}
.am-grimoire-filters{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 2px 16px;scrollbar-width:thin;scrollbar-color:#9462a1 transparent;-webkit-overflow-scrolling:touch}
#app .am-grimoire-filters button{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:9px 15px;border-radius:25px;border:1px solid #84519b;background:linear-gradient(125deg,#3d1950,#1b0a2c);box-shadow:inset 0 1px 4px #bf7fd529;color:#f4e7fa;font:500 14px/1.3 system-ui;white-space:nowrap;margin:0}
.am-grimoire-filters svg{width:22px;height:24px;color:#e9c985}
#app .am-grimoire-filters button[aria-pressed=true]{border-color:#f1d18d;background:linear-gradient(135deg,#6e4f45,#382347);color:#ffe7ad;box-shadow:0 0 12px #edbf6d65,inset 0 0 7px #e9c18455}
#app .am-grimoire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
#app .am-grimoire-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--gm-border);border-radius:20px;text-decoration:none;color:var(--gm-text);background:linear-gradient(130deg,#251038,#170c2e 60%,#241238);box-shadow:0 0 9px #c7837d40,inset 0 0 10px #d1a17612;transition:border-color .15s,box-shadow .15s;isolation:isolate}
.am-grimoire-picture{overflow:hidden;aspect-ratio:2.85;background:#1b0a2c;border-bottom:1px solid #bc8b8270}
.am-grimoire-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.am-grimoire-card:first-child .am-grimoire-picture img{object-position:center 44%}
.am-grimoire-copy{position:relative;display:flex;flex-direction:column;flex:1;padding:15px 18px 18px;isolation:isolate}
#app .am-grimoire-copy small{font-size:14px;color:#cfc1df;line-height:1.4;margin-bottom:4px;display:block}
#app .am-grimoire-copy h2{font:500 26px/1.17 Georgia,serif;color:#f5d796;margin:0 0 9px;max-width:95%;overflow-wrap:break-word}
#app .am-grimoire-copy p{font-size:16px;line-height:1.45;margin:0 0 12px;color:#e7dcee;padding-right:20px}
#app .am-grimoire-open{font-size:16px;color:#f8d58b;line-height:1.5;margin-top:auto;font-weight:550;display:block;padding-top:2px}
.am-grimoire-open>span{font-size:23px;line-height:1;display:inline-block;vertical-align:-1px;margin-left:7px}
.am-grimoire-ornament{position:absolute;right:13px;bottom:14px;width:52px;height:91px;color:#bd7d7759;z-index:-1;transform:rotate(-18deg);pointer-events:none}
.am-grimoire-ornament svg{width:100%;height:100%}
#app .am-grimoire-card:focus-visible,#app .am-grimoire-filters button:focus-visible{outline:3px solid #ffe7ab;outline-offset:3px}
@media(hover:hover){#app .am-grimoire-card:hover{border-color:#ffdf9f;box-shadow:0 0 17px #daa16366}}
.am-grimoire-empty{grid-column:1/-1;border:1px solid #a270ad;padding:26px;border-radius:20px;background:#2f163f}
.am-grimoire-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){
 #app .am-grimoire-home{font-size:17px;margin-top:0}
 .am-grimoire-home .am-grimoire-hero{min-height:260px;align-items:flex-start;border-radius:18px}
 .am-grimoire-hero>img{object-position:64% center}
 .am-grimoire-hero:after{background:linear-gradient(90deg,#12071edc,#170a29aa 42%,#170a2922),linear-gradient(0deg,#180a29ee,transparent 40%)}
 .am-grimoire-hero-copy{padding:23px 19px 68px;max-width:88%}
 #app .am-grimoire-hero h1{font-size:36px;margin-bottom:9px}
 #app .am-grimoire-hero p{font-size:16px;line-height:1.5}
 #app .am-grimoire-hero p:first-of-type{font-size:17px}
 #app .am-grimoire-search{width:calc(100% - 24px);margin:-63px 12px 17px;padding-inline:15px;min-height:48px}
 #app .am-grimoire-search input{font-size:16px;min-height:48px}
 .am-grimoire-filters{margin:0 -2px;padding-bottom:16px;gap:7px}
 #app .am-grimoire-filters button{font-size:14px;padding:10px 14px}
 .am-grimoire-filters svg{display:none}
 #app .am-grimoire-grid{grid-template-columns:minmax(0,1fr);gap:15px}
 .am-grimoire-picture{aspect-ratio:2.2}
 .am-grimoire-copy{padding:16px 18px 19px}
 #app .am-grimoire-copy h2{font-size:25px}
 #app .am-grimoire-copy p{font-size:17px;line-height:1.5;padding-right:16px}
 #app .am-grimoire-copy small{font-size:14px}
 #app .am-grimoire-open{font-size:17px;min-height:28px}
}
@media(prefers-reduced-motion:reduce){#app .am-grimoire-card{transition:none}}