/* CardVerse discovery: a shared identity for the catalogue and collections. */
:root { --discovery-gold:#e9c47d; --discovery-muted:#b6bec2; --discovery-line:#ffffff16; }
body.portal-body { background:radial-gradient(ellipse at 85% 0,#163b342b,transparent 800px),#101618; color:#f5f0e6; }
body.portal-body::before { display:none; }
.site-header { background:#101618ed; border-bottom:1px solid var(--discovery-line); box-shadow:none; backdrop-filter:blur(16px); }
.nav-shell,.section,.collection-hero,.discovery-hero,.site-footer { width:min(1360px,calc(100% - 80px)); }
.nav-shell { min-height:80px; }
.brand { gap:10px; font-size:1.45rem; letter-spacing:-.04em; }
.brand-mark { width:40px; height:40px; border-radius:12px; box-shadow:none; }
.nav-links { gap:14px; }
.nav-links a { font-size:.85rem; }
.nav-account { border:1px solid #e9c47d38; }
.section { margin:0 auto; padding:42px 0; }
.section-heading { align-items:end; margin-bottom:22px; gap:20px; }
.section-heading h2 { font-family:Georgia,serif; font-size:clamp(1.75rem,2.4vw,2.3rem); margin:8px 0 0; letter-spacing:-.035em; }
.section-heading p { color:var(--discovery-muted); font-size:.9rem; max-width:380px; margin:0 0 4px; }
.eyebrow { color:var(--discovery-gold); font-size:.65rem; letter-spacing:.18em; text-transform:uppercase; }
.button { border-radius:9px; font-size:.86rem; min-height:46px; }
.button-primary { background:linear-gradient(135deg,#f1dba9,#d4ae63); color:#292317; border:1px solid #e9c47d; box-shadow:0 7px 24px #0b111533; }
.button-secondary { background:#ffffff04; border-color:#ffffff2d; color:#eee8dc; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #f2d391!important; outline-offset:4px; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
.discovery-hero { position:relative; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; min-height:442px; margin:0 auto; border-bottom:1px solid var(--discovery-line); }
.discovery-copy { padding:42px 0; z-index:1; }
.discovery-copy h1 { font-family:Georgia,serif; font-size:clamp(2.7rem,4.25vw,4.5rem); line-height:1.05; font-weight:500; letter-spacing:-.048em; margin:21px 0; }
.discovery-copy h1 em { font-weight:500; color:var(--discovery-gold); }
.discovery-copy>p { max-width:490px; line-height:1.75; font-size:.95rem; color:#c0c8c9; }
.discovery-actions { display:flex; gap:25px; align-items:center; flex-wrap:wrap; margin-top:26px; }
.hero-secondary { color:#d5d9d6; font-size:.8rem; text-decoration:none; padding:12px 0; }
.hero-secondary span { margin-left:12px; }
.discovery-proof { display:flex; align-items:center; flex-wrap:wrap; gap:23px; margin-top:28px; font-size:.72rem; color:#a6b2b3; }
.discovery-proof strong { font-size:.9rem; color:#eee6d6; margin-right:4px; }
.discovery-proof span+span { border-left:1px solid #ffffff20; padding-left:23px; }
.discovery-art { position:relative; height:402px; }
.hero-halo { position:absolute; width:350px; height:350px; border-radius:50%; left:50%; top:45%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,#6a7e484f,#1e484833 48%,transparent 70%); }
.hero-table-line { position:absolute; inset:45px 25px 50px; border:1px solid #cfa25b28; border-radius:50%; transform:rotate(-15deg); }
.hero-table-line::after { content:''; position:absolute; inset:14px -14px; border:1px solid #cfa25b12; border-radius:50%; }
.hero-playing-card { position:absolute; width:162px; height:243px; object-fit:contain; border-radius:11px; filter:drop-shadow(0 20px 18px #0008); }
.hero-card-left { left:calc(50% - 172px); top:71px; transform:rotate(-18deg); }
.hero-card-right { left:calc(50% + 22px); top:73px; transform:rotate(19deg); }
.hero-card-center { left:calc(50% - 76px); top:56px; transform:rotate(2deg); }
.hero-art-caption { position:absolute; bottom:38px; left:0; right:0; color:#aebeb5; text-align:center; font-family:Georgia,serif; font-style:italic; font-size:.85rem; }
.web-catalog { scroll-margin-top:90px; }
.catalog-tools { display:flex; align-items:end; gap:14px; margin:26px 0 22px; }
.catalog-tools label { display:grid; gap:8px; color:#b8c3c4; font-size:.72rem; }
.catalog-search { flex:1; min-width:0; }
.search-field { display:flex; align-items:center; background:#192225; border:1px solid #ffffff20; border-radius:9px; padding-left:16px; }
.search-field svg { width:18px; height:18px; fill:none; stroke:#adbdbe; stroke-width:1.7; flex-shrink:0; }
.catalog-tools input,.catalog-tools select { border:1px solid #ffffff20; border-radius:9px; background:#192225; color:#e8ede8; padding:12px 14px; min-height:47px; font:inherit; font-size:.84rem; }
.catalog-tools input { border:0; background:none; width:100%; }
.catalog-tools input::placeholder { color:#90a0a4; }
.catalog-tools select { min-width:165px; }
.catalog-view { display:flex; align-items:center; gap:3px; padding:3px; border:1px solid #ffffff20; border-radius:9px; height:47px; }
.catalog-view button { width:42px; height:39px; border:0; border-radius:6px; background:none; color:#9dafb1; cursor:pointer; display:grid; place-items:center; }
.catalog-view svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; }
.catalog-view button[aria-pressed=true] { background:#d4bd8020; color:#ead299; }
.catalog-filter-row { display:flex; justify-content:space-between; align-items:center; gap:16px; scroll-margin-top:100px; }
.catalog-categories { display:flex; flex-wrap:wrap; gap:7px; }
.catalog-categories button,.favorites-filter { min-height:42px; border:1px solid #ffffff16; border-radius:7px; padding:9px 13px; background:none; color:#bbc7c7; font:inherit; font-size:.75rem; cursor:pointer; }
.catalog-categories i { font-style:normal; margin-right:8px; font-size:1rem; color:#c5d3ce; }
.catalog-categories button span { font-size:.65rem; color:#94a3a5; margin-left:9px; }
.catalog-categories button[aria-pressed=true],.favorites-filter[aria-pressed=true] { background:#e7d4a6; border-color:#e7d4a6; color:#292c28; }
.catalog-categories button[aria-pressed=true] span { color:#575b51; }
.favorites-filter { white-space:nowrap; }
.catalog-result-bar { display:flex; align-items:center; justify-content:space-between; margin:17px 0; min-height:24px; }
.catalog-result-bar p { margin:0; font-size:.74rem; color:#9baeb0; }
.catalog-result-bar button { background:none; border:0; color:#e3cf9f; font:inherit; font-size:.74rem; cursor:pointer; min-height:32px; }
.quick-game-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.quick-game-card { --game-tint:#5f4132; --game-accent:#e0bf83; position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #ffffff18; border-radius:15px; overflow:hidden; background:#172023; transition:border-color .18s,transform .18s,box-shadow .18s; }
.quick-game-card[data-game-hub-id=france] { --game-tint:#294c63; --game-accent:#a5cae0; }
.quick-game-card[data-game-hub-id=world] { --game-tint:#245a4c; --game-accent:#a5d5ba; }
.quick-game-card[data-game-hub-id=solitaire] { --game-tint:#483962; --game-accent:#ccb3e2; }
.quick-game-card:hover { border-color:color-mix(in srgb,var(--game-accent) 60%,transparent); transform:translateY(-3px); box-shadow:0 15px 30px #0003; }
.quick-game-card:focus-within { border-color:var(--game-accent); }
.game-identity { position:relative; isolation:isolate; display:grid; place-items:center; height:183px; text-decoration:none; background:radial-gradient(ellipse at 50% 42%,var(--game-tint),#11191d 85%); overflow:hidden; }
.game-identity::after { content:''; position:absolute; inset:auto 0 0; height:30px; background:linear-gradient(transparent,#172023); z-index:-1; }
.identity-orbit { position:absolute; width:147px; height:147px; border:1px solid #ffffff15; border-radius:50%; z-index:-1; }
.identity-orbit::after { content:''; position:absolute; inset:9px; border:1px solid #ffffff09; border-radius:50%; }
.identity-suit { position:absolute; top:14px; left:18px; font-size:1.2rem; color:var(--game-accent); opacity:.8; }
.game-emblem { width:86%; height:153px; object-fit:contain; filter:drop-shadow(0 10px 10px #0008); transform:translateY(-5px); }
.identity-category { position:absolute; bottom:8px; font-size:.57rem; letter-spacing:.16em; text-transform:uppercase; color:var(--game-accent); }
.game-favorite { position:absolute; top:9px; right:9px; display:grid; place-items:center; border:1px solid #ffffff20; border-radius:50%; background:#11191bd9; color:#e1d7bd; width:40px; height:40px; font-size:1.32rem; cursor:pointer; z-index:2; }
.game-favorite[aria-pressed=true] { color:#f3cc73; background:#3b3521; }
.game-card-copy { display:flex; flex-direction:column; flex:1; min-width:0; padding:15px 18px 18px; }
.quick-game-meta { display:flex; justify-content:space-between; gap:8px; font-size:.6rem; color:#9bb0b0; }
.quick-game-meta span:last-child { flex-shrink:0; }
.quick-game-card h3 { font-family:Georgia,serif; font-size:1.37rem; line-height:1.2; font-weight:500; margin:11px 0 8px; }
.quick-game-card h3 a { color:#f4efe4; text-decoration:none; }
.game-description { color:#b5c3c3; font-size:.75rem; line-height:1.6; margin:0; min-height:2.4em; }
.game-progress { color:var(--game-accent); font-size:.65rem; min-height:1em; margin:10px 0; }
.quick-game-links { display:flex; align-items:center; gap:20px; margin-top:auto; padding-top:8px; }
.game-play-link { display:flex; align-items:center; justify-content:space-between; flex:1; min-height:41px; padding:9px 14px; border-radius:7px; background:#e0ceb0; color:#272d29; font-weight:650; font-size:.78rem; text-decoration:none; }
.game-play-link:hover { background:#f2dfb7; color:#101618; }
.game-learn-link { color:#ccd7d3; font-size:.73rem; text-decoration:none; min-height:42px; display:flex; align-items:center; }
.game-learn-link:hover { color:#fff; text-decoration:underline; }
.catalog-empty { text-align:center; padding:40px 20px 55px; border:1px dashed #ffffff20; border-radius:16px; color:#bdc8c6; }
.catalog-empty>span { font-size:3rem; color:var(--discovery-gold); }
.catalog-empty h3 { font-family:Georgia,serif; color:#f2e9d4; font-size:1.6rem; }
[data-catalog] [hidden],.resume-section[hidden] { display:none!important; }
[data-catalog][data-view=list] .quick-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
[data-view=list] .quick-game-card { flex-direction:row; }
[data-view=list] .game-identity { width:150px; height:auto; min-height:195px; flex-shrink:0; }
[data-view=list] .game-emblem { width:130px; height:145px; }
[data-view=list] .identity-category { font-size:.48rem; bottom:17px; }
[data-view=list] .identity-orbit { width:118px; height:118px; }
[data-view=list] .game-favorite { top:8px; right:auto; left:8px; width:32px; height:32px; font-size:1.1rem; }
[data-view=list] .identity-suit { display:none; }
.resume-section { padding-bottom:0; }
.resume-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.resume-game { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #dbc28238; border-radius:12px; background:linear-gradient(110deg,#2a3328,#162123); text-decoration:none; }
.resume-game img { width:62px; height:62px; object-fit:contain; }
.resume-game div { flex:1; }
.resume-game strong { display:block; font-family:Georgia,serif; color:#f0e6d1; font-size:1.1rem; }
.resume-game small { color:#b8c7be; font-size:.7rem; }
.resume-game>span { font-size:1.5rem; color:#e2cb97; }
.world-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.world-link { position:relative; display:flex; flex-direction:column; justify-content:end; min-height:235px; padding:25px; border-radius:15px; overflow:hidden; background:linear-gradient(0deg,#0d181df5,#0b1b1f24),var(--world-art) center/cover; border:1px solid #ffffff20; text-decoration:none; }
.world-link>span:first-child { color:#ecce8f; font-size:.7rem; }
.world-link h3 { font-family:Georgia,serif; font-size:1.5rem; color:#fff2dd; font-weight:500; max-width:180px; margin:9px 0; }
.world-arrow { position:absolute; right:19px; top:17px; color:#f0ddb5; font-size:1.4rem; }
.theme-invitation { display:grid; grid-template-columns:1fr 1.4fr; gap:70px; margin-bottom:40px; border-top:1px solid var(--discovery-line); padding-top:50px; }
.theme-invitation h2 { font-family:Georgia,serif; font-size:2.5rem; line-height:1.1; letter-spacing:-.04em; margin:15px 0; }
.theme-invitation p { font-size:.87rem; color:#b7c4c1; line-height:1.7; max-width:390px; }
.theme-window-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.theme-window-grid>div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; gap:18px; border-radius:14px; border:1px solid #ffffff20; background:linear-gradient(#0b14172b,#0b1417d6),var(--theme-art) center/cover; }
.theme-window-grid img { width:91px; height:140px; object-fit:contain; filter:drop-shadow(0 12px 12px #0007); }
.theme-window-grid span { font-size:.8rem; color:#eee2c8; }
.collection-hero { display:grid; grid-template-columns:1fr 300px; gap:25px; align-items:center; min-height:300px; margin:20px auto 0; padding:32px 42px; border:1px solid #ffffff20; border-radius:18px; background:linear-gradient(90deg,#0d171aee,#0d171a70),var(--collection-art) center/cover; }
.collection-hero .eyebrow { display:block; margin-top:26px; }
.collection-hero h1 { font-family:Georgia,serif; font-size:clamp(2.5rem,4vw,4.2rem); margin:10px 0; letter-spacing:-.04em; }
.collection-hero p { max-width:700px; color:#c1ccca; font-size:.94rem; }
.collection-emblem { width:260px; height:240px; object-fit:contain; filter:drop-shadow(0 12px 15px #0007); }
.catalog-back { color:#c3cfca; text-decoration:none; font-size:.79rem; padding:8px 0; display:inline-block; }
.collection-note { display:block; color:#e3cb99; font-size:.75rem; margin-top:20px; }
.rules-game-emblem { object-fit:contain; max-width:280px; max-height:290px; }
.rule-illustrations { display:flex; gap:10px; margin:16px 0 28px; }
.rule-illustrations img { width:66px; aspect-ratio:2/3; object-fit:contain; border-radius:5px; box-shadow:0 5px 15px #0005; }
.site-footer { border-top:1px solid var(--discovery-line); color:#a9b8b7; margin:0 auto; }
@media(min-width:1700px) { .quick-game-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1150px) { .nav-links { gap:0; }.quick-game-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.catalog-filter-row { align-items:start; }.catalog-categories { gap:6px; }.catalog-categories button { padding:9px; }.discovery-actions { gap:14px; }.world-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .nav-shell,.section,.collection-hero,.discovery-hero,.site-footer { width:calc(100% - 40px); }.discovery-copy h1 { font-size:3rem; }.discovery-art { transform:scale(.85); transform-origin:center; margin-left:-25px; }.quick-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }[data-catalog][data-view=list] .quick-game-grid { grid-template-columns:1fr; }.theme-invitation { grid-template-columns:1fr; gap:25px; }.resume-grid { grid-template-columns:1fr; }.collection-hero { grid-template-columns:1fr 200px; }.collection-emblem { width:180px; height:200px; } }
@media(max-width:650px) { .nav-shell { min-height:68px; }.discovery-hero { min-height:0; grid-template-columns:1fr; }.discovery-copy { padding:32px 0 12px; }.discovery-copy h1 { font-size:2.75rem; }.discovery-copy>p { font-size:.86rem; max-width:360px; }.discovery-actions { margin-top:20px; gap:8px 18px; }.discovery-proof { gap:13px; margin-top:18px; font-size:.65rem; }.discovery-proof span+span { padding-left:13px; }.discovery-art { height:210px; transform:none; margin:0; overflow:hidden; }.hero-playing-card { width:101px; height:152px; }.hero-card-left { left:calc(50% - 114px); top:26px; }.hero-card-right { left:calc(50% + 16px); top:30px; }.hero-card-center { left:calc(50% - 48px); top:16px; }.hero-art-caption { bottom:8px; font-size:.65rem; }.hero-table-line { inset:20px 45px; }.hero-halo { width:210px; height:210px; }.section { padding:30px 0; }.section-heading { display:block; }.section-heading p { margin-top:12px; font-size:.8rem; }.section-heading h2 { font-size:1.8rem; }.catalog-tools { flex-wrap:wrap; gap:12px; margin-top:20px; }.catalog-search { flex-basis:100%; }.catalog-sort { flex:1; }.catalog-tools select { width:100%; }.catalog-filter-row { flex-direction:column; gap:10px; }.catalog-categories { display:flex; width:100%; flex-wrap:nowrap; overflow-x:auto; padding:4px 2px 10px; }.catalog-categories button { white-space:nowrap; flex-shrink:0; }.favorites-filter { min-height:42px; }.quick-game-grid { gap:12px; }.game-identity { height:143px; }.game-emblem { height:119px; width:90%; }.identity-orbit { width:113px; height:113px; }.identity-category { font-size:.44rem; bottom:7px; letter-spacing:.1em; }.identity-suit { top:10px; left:10px; font-size:.9rem; }.game-favorite { width:36px; height:36px; top:6px; right:6px; }.game-card-copy { padding:12px; }.quick-game-meta { flex-wrap:wrap; font-size:.57rem; gap:3px; }.quick-game-card h3 { font-size:1.14rem; }.game-description { font-size:.69rem; }.quick-game-links { flex-wrap:wrap; gap:2px; }.game-play-link { flex-basis:100%; min-height:42px; }.game-learn-link { font-size:.71rem; min-height:36px; }.game-progress { font-size:.59rem; }.world-links { gap:12px; }.world-link { min-height:190px; padding:17px; }.world-link h3 { font-size:1.2rem; }.theme-window-grid { gap:8px; }.theme-window-grid>div { min-height:200px; }.theme-window-grid img { width:67px; height:105px; }.theme-window-grid span { font-size:.7rem; }.collection-hero { grid-template-columns:1fr; padding:24px; min-height:0; }.collection-emblem { display:none; }.collection-hero h1 { font-size:2.5rem; }[data-view=list] .game-identity { width:112px; }[data-view=list] .game-emblem { width:104px; height:125px; }[data-view=list] .quick-game-links { flex-wrap:nowrap; gap:18px; }[data-view=list] .game-play-link { flex-basis:auto; }.theme-invitation { margin-bottom:10px; } }
@media(max-width:360px) { .quick-game-grid { grid-template-columns:1fr; }.game-identity { height:174px; }.game-emblem { height:151px; }.discovery-copy h1 { font-size:2.5rem; } }
@media(prefers-reduced-motion:reduce) { .quick-game-card { transition:none; }.quick-game-card:hover { transform:none; } }

/* Keep secondary information readable at actual device size. */
.quick-game-meta { font-size:.72rem; }
.game-description { font-size:.82rem; }
.game-progress { font-size:.72rem; }
.game-play-link { font-size:.85rem; }
.game-learn-link { font-size:.8rem; }
@media(max-width:650px) { .quick-game-meta { font-size:.68rem; }.game-description { font-size:.75rem; }.game-progress { font-size:.68rem; }.game-play-link { font-size:.8rem; }.game-learn-link { font-size:.75rem; } }
.game-emblem{height:163px;width:82%;filter:drop-shadow(0 4px 4px #0003)}
.identity-orbit{opacity:.35}.game-identity{background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--game-tint) 60%,#142126),#11191d 85%)}
.country-filter,.regional-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0;font-size:.8rem;color:#b2c5bf}.country-filter button,.regional-links a{border:1px solid #d4be873d;background:transparent;border-radius:7px;color:#e5d3ae;padding:9px 13px;min-height:40px;cursor:pointer;font:inherit;text-decoration:none}.country-filter button[aria-pressed=true]{background:#e6d6b4;color:#172224}
@media(max-width:650px){.game-emblem{height:128px}.catalog-categories{padding-bottom:12px}}

/* Every game has its own illustrated emblem, shared with its rules and table. */
.game-identity{min-height:224px}.game-emblem{width:94%;height:200px;object-fit:contain;filter:drop-shadow(0 10px 14px #0004)}.identity-orbit{opacity:.16}.identity-category{bottom:8px}.collection-emblem{object-fit:contain}.rules-game-emblem{object-fit:contain}
.rules-library-hero{min-height:380px;gap:32px}.rules-library-emblem{width:min(31vw,340px);height:330px;object-fit:contain;filter:drop-shadow(0 16px 24px #0005)}.rules-library-hero .button{margin-top:20px}
.rules-collection-nav{display:flex;flex-wrap:wrap;gap:10px;padding-top:26px;padding-bottom:0}.rules-collection-nav a{border:1px solid #d6c29635;border-radius:30px;padding:10px 16px;color:#eee1c6;background:#152322;text-decoration:none;font-size:.85rem}.rules-collection-nav a:hover{border-color:#dabd7c}.rules-collection-nav span{margin-left:9px;opacity:.6;font-size:.72rem}
.rules-library{padding-top:42px}.rules-library .rules-hub{scroll-margin-top:100px;margin-bottom:64px}.rules-library .section-heading p{max-width:650px;color:#aebcb7;line-height:1.6;margin:10px 0 0}.rules-library .section-heading>a{font-size:.82rem;white-space:nowrap}
.rules-illustrated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rules-illustrated-card{border:1px solid #d2c29229;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,#22302e,#141e20);display:flex;flex-direction:column}.rules-illustration{display:grid;place-items:center;height:230px;background:radial-gradient(ellipse at 50% 70%,#b2954824,transparent 70%)}.rules-illustration img{width:94%;height:224px;object-fit:contain;filter:drop-shadow(0 10px 18px #0004);transition:transform .3s}.rules-illustration:hover img{transform:translateY(-4px)}.rules-card-copy{padding:18px 22px 24px;display:flex;flex-direction:column;flex:1}.rules-card-copy h3{font:600 1.5rem Georgia,serif;margin:15px 0 10px}.rules-card-copy h3 a{color:#fff0d2;text-decoration:none}.rules-card-copy>p{color:#b8c7c2;line-height:1.6;font-size:.88rem;margin:0 0 24px}.rules-card-copy .quick-game-links{margin-top:auto}.rules-read-link{display:flex;justify-content:center;align-items:center;padding:13px 30px;text-decoration:none;font-size:.85rem;font-weight:650;flex:1;min-height:46px}
@media(max-width:900px){.rules-illustrated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.game-identity{min-height:196px}.game-emblem{height:174px}.rules-library-hero{min-height:0;position:relative}.rules-library-emblem{width:130px;height:150px;position:absolute;right:10px;top:12px;opacity:.4;z-index:0}.rules-library-hero>div{position:relative;z-index:1}.rules-illustrated-grid{grid-template-columns:1fr}.rules-illustration{height:220px}.rules-illustration img{height:214px}.rules-library .section-heading{display:block}.rules-library .section-heading>a{display:inline-block;margin-top:15px}.rules-collection-nav a{font-size:.73rem;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.rules-illustration img{transition:none}}