:root{--pink:#ff4f9a;--aqua:#27dce0;--ink:#172261;--lav:#eeeaff;--cream:#fffdf7}*{box-sizing:border-box}html{background:#b7f4ee}body{margin:0;background:radial-gradient(circle at 10% 0,#fff9c6 0,transparent 25%),linear-gradient(135deg,#9cf6f0,#cab5ff 55%,#ffadd2);color:var(--ink);font:13px "Trebuchet MS",Arial,sans-serif}.pop-page{width:min(970px,calc(100% - 22px));margin:13px auto;border:3px solid #fff;box-shadow:0 0 0 3px var(--pink),0 9px 24px #4d408280;background:#fff}.pop-top{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:linear-gradient(90deg,#43dde0,#bfa8ff 55%,#ff6ba7);border-bottom:4px solid #fff}.pop-logo{color:#fff;font:bold 27px/1 Arial,sans-serif;text-decoration:none;text-shadow:2px 2px #49418d}.pop-logo b{color:#fff9b7}.pop-logo small{display:block;margin-top:4px;font:bold 9px Arial,sans-serif;letter-spacing:1px}.pop-bubble{padding:6px 9px;border:2px solid #fff;color:#fff;background:#ff4f9a;border-radius:16px;font:bold 10px Arial,sans-serif;text-align:center;box-shadow:2px 2px #644c9a}.pop-nav{padding:8px;background:#fff9bf;text-align:center;border-bottom:2px dotted #ff63a7}.pop-nav a{display:inline-block;margin:0 3px;padding:5px 9px;border:2px solid #6f56b4;color:#40317d;background:#fff;text-decoration:none;font-weight:bold;box-shadow:2px 2px #c9b9f8}.pop-hero{display:grid;grid-template-columns:1fr 265px;gap:18px;padding:23px;background:#f3f0ff}.pop-tag{margin:0 0 8px;color:#ec3a85;font:bold 10px Arial,sans-serif;letter-spacing:1px}.pop-hero h1,.pop-article h1{margin:0;color:#24317a;font:bold 34px/.98 "Trebuchet MS",Arial,sans-serif;letter-spacing:-1.5px}.pop-hero h1 span,.pop-article h1 span{color:#fa438e}.pop-lead{margin:13px 0 15px;max-width:550px;font-size:14px;line-height:1.45}.pop-button{display:inline-block;padding:10px 15px;border:3px outset #ffd5e7;color:#fff;background:linear-gradient(#ff72b4,#e22d7e);font:bold 12px Arial,sans-serif;text-decoration:none;text-shadow:1px 1px #8f1a51}.pop-button:hover{background:#fa478f}.pop-sticker{padding:19px 14px;background:#fff;border:3px solid var(--aqua);outline:3px solid #fff;box-shadow:5px 5px #a18cdf;transform:rotate(2deg)}.pop-sticker strong{display:block;color:#ec3a85;font:bold 24px/.95 "Trebuchet MS",Arial,sans-serif}.pop-sticker p{font-size:12px;line-height:1.4}.pop-sticker a,.pop-box a{color:#313580;font-weight:bold;text-decoration:underline}.pop-directory{padding:20px 23px;background:#fff9c9;border-top:3px dashed #ff63a7;border-bottom:3px dashed #ff63a7}.pop-directory h2{margin:0;color:#24478f;font:bold 22px "Trebuchet MS",Arial,sans-serif}.pop-directory>p{margin:5px 0 12px;font-size:11px}.pop-frame{height:700px;border:5px ridge #68dfdc;background:#15144d}.pop-frame iframe{display:block;width:100%;height:100%;border:0}.pop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:22px;background:#f7f4ff}.pop-box{padding:0 11px 11px;border:2px solid #8c6ed2;background:#fff;box-shadow:3px 3px #c5b6ed}.pop-box:nth-child(2){border-color:#ff64a7}.pop-box:nth-child(3){border-color:#51d6d6}.pop-box h2{margin:0 -11px 9px;padding:7px 9px;color:#fff;background:#7d62c6;font:bold 11px Arial,sans-serif}.pop-box:nth-child(2) h2{background:#f25898}.pop-box:nth-child(3) h2{background:#2ebfc3}.pop-box p,.pop-box li{font-size:11px;line-height:1.45}.pop-box ul{margin:0;padding-left:16px}.pop-footer{padding:13px;color:#fff;background:#484091;border-top:4px solid #ff6da9;text-align:center;font-size:10px}@media(max-width:650px){.pop-page{width:100%;margin:0;border-left:0;border-right:0}.pop-top{padding:12px}.pop-bubble{display:none}.pop-nav{line-height:2.5}.pop-hero{display:block;padding:18px 14px}.pop-hero h1,.pop-article h1{font-size:30px}.pop-sticker{margin:18px 4px 5px}.pop-directory,.pop-grid{padding:16px 14px}.pop-grid{grid-template-columns:1fr}.pop-frame{height:820px}.pop-article{padding:16px!important}}