.xn-header .xn-bar{gap:20px}.xn-header .xn-nav{gap:20px}.xn-account{color:#242424;text-decoration:none;white-space:nowrap;font-size:14px;min-height:44px;display:flex;align-items:center;padding:8px}.xn-account:hover{text-decoration:underline}.xn-header .xn-logo img{filter:none!important}.xn-footer{background:#f8f8f8;color:#242424;border-top:1px solid #e6e6e6;padding:64px 0 24px;font:15px/1.6 Inter,"PingFang SC",sans-serif}.xn-footer *{box-sizing:border-box}.xn-footer-grid,.xn-footer-bottom{width:min(1280px,calc(100% - 80px));margin:auto}.xn-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.xn-footer-brand img{width:140px;height:auto;display:block;filter:none!important}.xn-footer-brand p{max-width:300px;margin:24px 0;color:#606060}.xn-footer h2{font-size:14px;font-weight:650;margin:0 0 20px;line-height:1.5}.xn-footer nav>a{display:block;width:fit-content;padding:7px 0;color:#555;text-decoration:none;font-size:14px}.xn-footer nav>a:hover{text-decoration:underline;text-underline-offset:4px;color:#111}.xn-footer a:focus-visible,.xn-account:focus-visible{outline:2px solid #242424;outline-offset:4px}.xn-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #dedede;margin-top:48px;padding-top:24px;font-size:13px;color:#666}.xn-footer-bottom nav{display:flex;gap:24px}.xn-hub{max-width:1040px;margin:auto;padding:72px 32px;font:17px/1.7 Inter,sans-serif;color:#242424}.xn-hub h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.025em}.xn-hub-lead{max-width:700px;color:#555}.xn-hub-start{color:#242424;text-underline-offset:5px}.xn-article-directory{width:min(1040px,calc(100% - 48px));margin:64px auto}.xn-hub .xn-article-directory{width:100%}.xn-article-directory h2{font-size:28px;line-height:1.3}.xn-article-directory p{color:#555;line-height:1.7}.xn-article-list{border-top:1px solid #ddd;margin-top:24px}.xn-article-list>a{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #ddd;color:#242424;text-decoration:none;font-size:17px;line-height:1.5}.xn-article-list>a:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}.xn-article-label{font-size:13px;flex:none;color:#666}.member-frontend .member-google{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:4px;padding:12px 16px;font-size:14px;line-height:20px;min-height:44px;box-shadow:none}.member-google img{width:20px;height:20px;flex:none;object-fit:contain}.member-frontend .member-google:hover{background:#f4f4f4}@media(max-width:1240px){.xn-footer-grid,.xn-footer-bottom{width:calc(100% - 40px)}}@media(max-width:760px){.xn-footer{padding-top:40px}.xn-footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.xn-footer-brand{grid-column:1/-1}.xn-footer-brand p{max-width:420px}.xn-header .xn-bar{gap:8px}.xn-header .xn-controls{gap:6px}.xn-account{font-size:12px;padding:4px}.xn-header .xn-logo img{width:110px}.xn-header .xn-language>summary{width:44px}.xn-hub{padding:40px 20px}.xn-footer-bottom{align-items:flex-start}.xn-footer-bottom nav{gap:16px}}@media(max-width:360px){.xn-header .xn-bar{width:calc(100% - 24px)}.xn-header .xn-logo img{width:92px}.xn-header .xn-controls{gap:4px}.xn-header .xn-language>summary,.xn-header .xn-mobile-nav>summary{width:40px}.xn-account{font-size:11px}.xn-footer-grid{grid-template-columns:1fr}.xn-footer-brand{grid-column:auto}}
body:has(> .xn-hub){margin:0}

/* 2026-10-14 keep Google sign-in label readable on hover (CSP blocks inline styles on member.php) */
.member-frontend .member-google:hover,.member-frontend .member-google:focus-visible{color:#111!important;border-color:#111}