/* A playful old web directory: pixel city, bright banner slots and a dotted webring sheet. */
body.kh-world-links{--kh-world-hero:url(../images/worlds/links.webp);--kh-world-accent:#0765bb;--kh-world-dark:#f4fbff;--kh-world-paper:#fff;--kh-world-line:#329ed1;--kh-world-ink:#133d73;--kh-footer-ink:#133d73;--kh-link:#064daf;background-color:#fffad1;background-image:radial-gradient(#dfc044b0 1px,transparent 1px),linear-gradient(#fffbc7,#fffbe1);background-size:8px 8px,auto;font-family:"MS PGothic","Yu Gothic",sans-serif}
.kh-world-links .kh-site-header{background:linear-gradient(#fff,#edfbff);border-top:2px solid #1388e3;border-bottom:3px solid #0b7bd1;box-shadow:0 4px 0 #fae66380}
.kh-world-links :is(.kh-brand-text,.kh-hero-title,.kh-local-menu a,.kh-page-content h2,.kh-page-content h3,.kh-footer-note,.kh-site-header .kh-menu a){font-family:"DotGothic16","MS Gothic",monospace;font-weight:400}
.kh-world-links .kh-brand-text strong{font-size:28px;font-weight:400;color:#062b71;letter-spacing:.04em;text-shadow:1px 1px #fff,2px 2px #9eddf1}
.kh-world-links .kh-brand-text span{font-weight:700;letter-spacing:.1em}
.kh-world-links .kh-site-header .kh-menu{gap:0}
.kh-world-links .kh-site-header .kh-menu a{flex-direction:column;gap:1px;border-left:1px dotted #5dc7f4;min-height:55px;padding:3px 11px;font-size:13px;font-weight:400;border-radius:0;color:#073a8b}
.kh-world-links .kh-site-header .kh-menu .kh-world-icon{width:23px;height:23px;flex-basis:23px}
.kh-world-links .kh-site-header .kh-menu a:hover{background:#d7f3ff}
.kh-world-links .kh-site-header .current-menu-item>a{background:#d2f4fe;box-shadow:inset 0 -3px #087ad1}
.kh-world-links .kh-hero-copy{width:57%;background:#fffdf4f5;border:8px ridge #bc8d51;padding:12px 24px 12px 76px;box-shadow:0 6px 0 #50392645;transform:rotate(-.6deg)}
.kh-world-links .kh-hero-emblem{color:#144c92;left:20px;width:43px;height:43px}
.kh-world-links .kh-hero-title{font-weight:400;color:#073474;text-shadow:2px 2px #bce9ff;font-size:56px;letter-spacing:.08em}
.kh-world-links .kh-hero-eyebrow{color:#176c9d;letter-spacing:.16em}
.kh-world-links .kh-hero-description{color:#21466e;text-shadow:none}
.kh-world-links .kh-hero-mascot{right:8%;width:230px;height:250px;filter:drop-shadow(3px 3px 0 #24486f66)}
.kh-world-links .kh-local-nav{background:radial-gradient(#e7cf6170 1px,transparent 1px),#fffbc7;background-size:8px 8px;border-bottom:2px solid #419ed0}
.kh-world-links .kh-local-menu a{background:#fdfef2;border:2px solid #65b9d5;border-radius:0;box-shadow:2px 2px 0 #dec96a;color:#144b8d}
.kh-world-links .kh-local-menu li:first-child a{background:#c9f0ff}
.kh-world-links .kh-local-menu a:hover{background:#dcf6fe;box-shadow:2px 2px 0 #7da6c4}
.kh-world-links .kh-breadcrumb{font-family:Consolas,"MS PGothic",sans-serif;color:#254583}
.kh-world-links .kh-world-article{background:#fff;border:1px solid #2299d4;padding:24px}
.kh-world-links .kh-world-article:has(.kh-page-enhanced){background:transparent;border:0;padding:0}
.kh-world-links .kh-page-section{border:2px solid #138dd0;border-radius:3px;background:radial-gradient(#94c5e52a .7px,transparent .8px) top/5px 5px,linear-gradient(#d6f1ff,#fff 135px);box-shadow:3px 3px 0 #b4d7cc;position:relative;padding:26px}
.kh-world-links .kh-page-section:after{content:"";position:absolute;top:15px;right:19px;width:60px;height:27px;background:linear-gradient(#1d8ad7,#1d8ad7) 0 100%/14px 15px no-repeat,linear-gradient(#3da1e6,#3da1e6) 19px 100%/14px 25px no-repeat,linear-gradient(#1c73d0,#1c73d0) 38px 100%/18px 19px no-repeat;opacity:.5}
.kh-world-links .kh-page-section:nth-child(2n){background:radial-gradient(#e683b92a .7px,transparent .8px) top/5px 5px,linear-gradient(#ffe0f0,#fff 135px);border-color:#e482b5}
.kh-world-links .kh-page-section:nth-child(3n){background:radial-gradient(#e5cc732a .7px,transparent .8px) top/5px 5px,linear-gradient(#fff4b1,#fff 135px);border-color:#baa439}
.kh-world-links .kh-page-content h2{color:#073b83;font-weight:400;border-bottom:2px dotted #4da7d1;padding:0 60px 14px 0}
.kh-world-links .kh-page-section:nth-child(2n) h2{color:#922953;border-color:#df8eb6}
.kh-world-links .kh-section-symbol{width:41px;height:41px;flex-basis:41px}
.kh-world-links .kh-content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kh-world-links .kh-content-card{border:2px solid #749ec6;box-shadow:3px 3px 0 #e3d995;padding:15px;border-radius:0;background:#fffdf5}
.kh-world-links .kh-content-card h3{font-size:20px;border:0;margin-top:10px;font-weight:400}
.kh-world-links .kh-content-card p{font-size:14px;line-height:1.8}
.kh-world-links .kh-card-art{margin:-13px -13px 13px;height:128px;background:linear-gradient(#349ce763,#379ade2f),url(../../images/worlds/links.webp) center/auto 240px;border-bottom:3px ridge #89b3da}
.kh-world-links .kh-card-symbol{width:68px;height:68px;color:#fff;filter:drop-shadow(3px 3px 0 #104d95);stroke-width:2.3}
.kh-world-links .kh-content-card:nth-child(1) .kh-card-art{background:repeating-linear-gradient(0deg,#e7d3ae 0 3px,#f8e4c3 3px 5px);color:#654924}
.kh-world-links .kh-content-card:nth-child(1) .kh-card-symbol{color:#28517c;filter:drop-shadow(3px 3px 0 #fff6dc)}
.kh-world-links .kh-content-card:nth-child(3) .kh-card-art{background:linear-gradient(#143b5522,#143b5522),repeating-linear-gradient(0deg,#d1ead7 0 4px,#c4e2d0 4px 5px)}
.kh-world-links .kh-content-card:nth-child(3) .kh-card-symbol{color:#174d52;filter:drop-shadow(3px 3px 0 #fff)}
.kh-world-links .kh-content-card:nth-child(4) .kh-card-art{background:radial-gradient(#fff1a4 1px,transparent 2px) 0 0/30px 30px,linear-gradient(#152958,#082245)}
.kh-world-links .kh-content-card:nth-child(4) .kh-card-symbol{color:#a6ef62;filter:drop-shadow(3px 3px 0 #193d6e)}
.kh-world-links [data-kh-section=social] p>a{display:inline-flex;min-height:44px;align-items:center;gap:12px;background:#fff1f6;border:2px solid #de87b5;color:#8c2451;font-weight:750;text-decoration:none;padding:9px 20px;box-shadow:2px 2px 0 #f6d3e5}
.kh-world-links [data-kh-section=recommended]{min-height:190px}
.kh-world-links .kh-footer-scene{height:100px;background:url(../../images/worlds/links.webp) center 75%/cover;border-top:3px solid #188be1}
.kh-world-links .kh-footer-note{border:2px solid #2087bf;box-shadow:3px 3px 0 #17639b45;border-radius:0;background:#ffffffef;color:#063b89}
.kh-world-links .kh-footer-base{background:linear-gradient(#fff,#ebfaff);border-top:3px solid #2388d0;color:#163b73}
.kh-world-links .kh-footer-menu a,.kh-world-links .kh-footer-menu .kh-menu-pending{color:#123e7d;border:2px solid #89b8da;border-radius:0;background:#fff;box-shadow:2px 2px 0 #ccdef0}
.kh-world-links .kh-footer-menu a:hover{background:#e8f6ff}
@media(max-width:1099px){.kh-world-links .kh-site-header .kh-menu a{flex-direction:row;justify-content:flex-start;min-height:44px;border:0;gap:10px;font-size:15px}#kh-mobile-slot .kh-menu a{color:#163b73}}
@media(max-width:999px){.kh-world-links .kh-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:799px){
 .kh-world-links .kh-brand-text strong{font-size:23px}
 .kh-world-links .kh-hero-copy{width:calc(100% - 100px);border-width:4px;padding:14px 10px}.kh-world-links .kh-hero-emblem{display:none}.kh-world-links .kh-hero-title{font-size:32px}.kh-world-links .kh-hero-description{font-size:12px}.kh-world-links .kh-hero-mascot{width:110px;height:155px;right:-5px}
 .kh-world-links .kh-page-section{padding:24px 18px}.kh-world-links .kh-page-content h2{padding-right:0;font-size:24px}
 .kh-world-links .kh-page-section:after{display:none}.kh-world-links .kh-section-symbol{width:32px;height:32px;flex-basis:32px}
 .kh-world-links .kh-card-art{height:125px;margin:-13px -13px 13px}
}
@media(max-width:599px){.kh-world-links .kh-content-grid{grid-template-columns:1fr}.kh-world-links .kh-content-card{padding:15px}.kh-world-links .kh-card-art{height:140px}}
