.about-tabs{display:flex;border:1px solid #c5b48f;margin:0 0 23px;background:#e6dac159}.about-tabs button{flex:1;min-width:0;background:transparent;padding:14px 10px;color:#8c7c5c;font-size:9px;font-weight:700;letter-spacing:1px;border-bottom:3px solid transparent;line-height:1.4}.about-tabs button+button{border-left:1px solid #c5b48f}.about-tabs button[aria-selected=true]{color:#f0d99d;background:linear-gradient(#234355,#122e40);border-bottom-color:#bd9e5f}.about-tabs button span{display:inline-block;font-size:8px;padding:2px 5px;margin-left:7px;border:1px solid #b0a28566;border-radius:2px;min-width:22px;line-height:1.2}.about-tabs button:hover{filter:brightness(1.1)}
.about-focus{padding:27px 23px;margin-bottom:24px;background:linear-gradient(120deg,#0c283bdd,#143c52ec),url('/assets/guides-ai/realm.webp') center/cover;color:#c0d1d7;border:1px solid #b6995b;box-shadow:inset 0 0 0 5px #c0a35e12;position:relative}.about-focus:after{content:'◆';color:#c7ac6a;position:absolute;top:13px;right:17px;font-size:7px}.about-focus .eyebrow{font-size:7px;letter-spacing:1.5px;color:#c9b477}.about-focus h3{font:normal 29px/1.18 Georgia,serif;color:#f3dfa8;margin:14px 0}.about-focus p{font-size:12px;line-height:1.85;margin:0 0 18px;max-width:450px}.about-focus-footer{display:flex;gap:10px;align-items:center;font-size:6px;letter-spacing:1px;color:#c6b579;border-top:1px solid #b4a77a44;padding-top:12px}.about-focus-footer i{font-size:4px;font-style:normal}
.about-search-wrap{display:flex;align-items:center;gap:12px;margin:18px 0 5px;padding-bottom:15px;border-bottom:1px solid #d0c0a0}.about-search-wrap input{flex:1;min-width:0;font-size:11px;padding:10px 12px;background:#fffaf0;border:1px solid #c5b38f;color:#3c5360;border-radius:2px}.about-search-wrap>span{white-space:nowrap;font-size:9px;color:#99886b}
.topic-card{display:flex;align-items:flex-start;gap:15px;padding:24px 0;border-bottom:1px solid #d9ccb3}.topic-card:last-child{border-bottom:0;padding-bottom:5px}.topic-icon{display:grid;place-items:center;flex-shrink:0;width:39px;height:47px;background:linear-gradient(#234354,#173145);border:1px solid #b69b62;color:#e5c987;font:normal 24px Georgia,serif;box-shadow:inset 0 0 0 3px #132e3c}.topic-card>div{min-width:0}.topic-card .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.6}.topic-card h3{font:normal 21px/1.3 Georgia,serif;margin:7px 0 9px;color:#304956;overflow-wrap:anywhere}.topic-card h3 a:hover{color:#9c793c}.topic-card p{font-size:12px;line-height:1.85;color:#788072;margin:0 0 7px}.topic-card .read-more{font-size:7px;letter-spacing:1px}
.topic-back{display:block;color:#a38348;font-size:8px;font-weight:700;letter-spacing:1px;margin:3px 0 24px}.topic-back:hover{color:#354e60}.about-reader>.eyebrow{font-size:8px}.about-reader .topic-title{font:normal 31px/1.2 Georgia,serif;color:#294454;margin:12px 0 21px;overflow-wrap:anywhere}.topic-intro{font:normal 16px/1.8 Georgia,serif!important;color:#66756f!important;margin:0 0 24px!important}.about-reader h3:not(.topic-title){font:normal 22px/1.4 Georgia,serif;color:#345061;margin:27px 0 12px}.about-reader p:not(.topic-intro){font-size:13px;line-height:1.95;color:#71796f;margin:0 0 19px}.topic-facts{margin:21px 0 26px;padding:15px 17px;background:#e4d9c16b;border:1px solid #ccba95;display:grid;grid-template-columns:1fr 1fr;gap:16px}.topic-facts>div{min-width:0}.topic-facts dt{font-size:7px;letter-spacing:.8px;font-weight:700;text-transform:uppercase;color:#998253;margin:0 0 5px}.topic-facts dd{margin:0;font-size:11px;line-height:1.7;color:#405a65;overflow-wrap:anywhere}#dialog-content>.topic-intro{font-size:15px!important}#dialog-content .topic-facts{gap:12px;padding:13px}
@media(max-width:1100px){.about-focus{padding:24px 18px}.about-focus h3{font-size:26px}.about-focus-footer{font-size:5px;gap:7px;letter-spacing:.7px}.topic-card{gap:12px}.topic-card h3{font-size:20px}.topic-icon{width:32px;height:41px;font-size:21px}.topic-facts{grid-template-columns:1fr}.about-search-wrap{gap:8px}.about-search-wrap>span{font-size:8px}}
@media(max-width:600px){.about-tabs button{font-size:8px;padding:13px 7px;letter-spacing:.6px}.about-tabs button span{font-size:7px;padding:2px 4px;margin-left:4px;min-width:19px}.about-focus{padding:23px 17px}.about-focus h3{font-size:27px}.about-focus .eyebrow{font-size:6px;letter-spacing:1px}.about-focus-footer{gap:6px;letter-spacing:.5px}.about-reader .topic-title{font-size:28px}.about-reader h3:not(.topic-title){font-size:21px}.topic-facts{grid-template-columns:1fr}.about-search-wrap input{padding:10px 8px;font-size:10px}.topic-card .eyebrow{font-size:6px;letter-spacing:.6px}.topic-card{gap:11px}.topic-card h3{font-size:20px}.topic-card p{font-size:12px}.topic-card .read-more{font-size:7px}}

/* Illustrated realm library with locally hosted artwork. */
.about-groups{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 5px;padding-bottom:16px;border-bottom:1px solid #cdbb97}.about-groups[hidden]{display:none}.about-groups button{border:1px solid #c9b991;background:#ede4d1;color:#52636a;font-size:10px;padding:7px 10px;line-height:1.35;border-radius:2px}.about-groups button[aria-pressed=true]{background:#19394a;border-color:#a58c52;color:#f1d99b}.about-groups button:hover{border-color:#8d7546}.about-groups button:focus-visible,.topic-contents button:focus-visible{outline:2px solid #2b6b8a;outline-offset:3px}
.topic-card{display:grid;grid-template-columns:152px minmax(0,1fr);align-items:start;gap:20px;padding:24px 0}.topic-card-photo{display:block;overflow:hidden;border:1px solid #b49c68;background:#142c3c;box-shadow:0 3px 10px #3d38251a;aspect-ratio:4/3}.topic-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.topic-card:hover .topic-card-photo img{transform:scale(1.035)}.topic-card .eyebrow{font-size:8px;letter-spacing:.65px}.topic-card h3{font-size:21px;margin-top:6px}.topic-card p{line-height:1.75;color:#64746e}.topic-card .read-more{font-size:8px;letter-spacing:.7px}.topic-reading{font-size:9px!important;letter-spacing:1.1px;color:#987b42!important;text-transform:uppercase;margin:18px 0 15px!important}
.topic-figure{margin:0 0 20px;border:1px solid #c2ae83;background:#e8ddc6;padding:5px}.topic-image-link{display:block;position:relative;background:#142b39;overflow:hidden}.topic-figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.topic-image-hint{position:absolute;right:7px;bottom:7px;border:1px solid #e6d09d99;background:#0c263ce8;color:#f3dfab;font-size:8px;padding:6px 8px;letter-spacing:.7px;opacity:0;transition:opacity .2s}.topic-image-link:hover .topic-image-hint,.topic-image-link:focus-visible .topic-image-hint{opacity:1}.topic-figure figcaption{font-size:10px;line-height:1.7;color:#77796c;padding:7px 5px 3px}.topic-figure figcaption a{color:#806431;text-decoration:underline;text-underline-offset:2px}.topic-figure figcaption a:hover{color:#244d65}.topic-gallery{margin-top:30px;padding-top:4px;border-top:1px solid #c7b691}
.topic-contents{border:1px solid #c9b48a;background:#ece1cb80;margin:22px 0 29px;padding:13px 15px}.topic-contents summary{cursor:pointer;color:#806a3d;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.7}.topic-contents nav{display:flex;flex-direction:column;gap:4px;margin-top:10px}.topic-contents button{text-align:left;color:#3b5866;background:none;font-size:12px;line-height:1.6;padding:4px 0}.topic-contents button:hover{color:#956d24;text-decoration:underline}.about-reader h3[id]{scroll-margin-top:20px}.about-reader h3[id]:focus{outline:0}.topic-related{margin:30px 0 23px;padding:0 17px 15px;border:1px solid #c6b38d;background:#e7ddc980}.topic-related h3{margin-top:17px!important;font-size:21px!important}.topic-related a{display:block;font-size:12px;line-height:1.6;color:#506e7b;padding:9px 0;border-top:1px solid #d1c2a5}.topic-related a:hover{color:#9c7534}.topic-bottom-back{margin:26px 0 5px}
.topic-table-wrap{width:100%;overflow-x:auto;margin:17px 0 28px;border:1px solid #c6b18a}.topic-table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.6;text-align:left;color:#405962}.topic-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.topic-table th{background:#19394a;color:#f1dbab;font-size:10px;font-weight:600}.topic-table th,.topic-table td{padding:10px 11px;border-bottom:1px solid #d4c6ab;vertical-align:top;overflow-wrap:anywhere}.topic-table tr:nth-child(even) td{background:#e8ddc96b}.topic-table tbody tr:last-child td{border-bottom:0}
@media(max-width:1100px) and (min-width:851px){.topic-card{grid-template-columns:112px minmax(0,1fr);gap:13px}.topic-card-photo{aspect-ratio:1}.topic-card h3{font-size:19px}.topic-card .eyebrow{font-size:7px}}
@media(max-width:600px){.topic-card{grid-template-columns:1fr;gap:14px;padding:23px 0}.topic-card-photo{width:100%;aspect-ratio:16/9}.topic-card h3{font-size:23px;line-height:1.3}.topic-card .eyebrow{font-size:8px}.topic-card p{font-size:13px;line-height:1.8}.topic-card .read-more{font-size:9px}.about-groups button{font-size:11px;padding:8px 10px}.topic-figure figcaption{font-size:10px}.topic-image-hint{opacity:1;font-size:7px}.topic-facts{gap:14px}.topic-facts dt{font-size:8px}.topic-facts dd{font-size:12px}.topic-table th,.topic-table td{padding:9px 8px}.topic-contents button{font-size:13px}.topic-related a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.topic-card-photo img,.topic-image-hint{transition:none}.topic-card:hover .topic-card-photo img{transform:none}}