/* Bayatna: global header, sub-nav, menu, footer */
.gn{background:rgba(250,250,252,.82);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);position:relative;z-index:70}
.gn .w{display:flex;align-items:center;justify-content:space-between;height:48px;max-width:1024px}
.gn .logo img{width:24px;height:24px;border-radius:6px}
.gn nav{display:flex;gap:34px}
.gn nav a,.gn .get{font-size:12.5px;color:rgba(29,29,31,.82);letter-spacing:-.01em;transition:color .2s}
.gn nav a:hover,.gn .get:hover{color:var(--ink)}
.burger{display:none;background:none;border:0;width:44px;height:44px;margin-right:-10px;cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:17px;height:1.2px;background:var(--ink);position:relative;transition:transform .3s,top .3s,background .3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.menu{display:none}
.sn{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.78);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(0,0,0,.12)}
.sn .w{display:flex;align-items:center;height:52px;max-width:1024px}
.sn .name{font-family:var(--head);font-size:22px;font-weight:650;letter-spacing:-.03em;display:flex;align-items:center;gap:8px;font-variation-settings:"opsz" 24}
.sn .name i{font:600 17px/1 'ReadexAr',sans-serif;font-style:normal;color:var(--ink-2)}
.sn nav{display:flex;gap:24px;margin-inline-start:auto;margin-inline-end:22px}
.sn nav a{font-size:12.5px;color:rgba(29,29,31,.8)}
.sn nav a:hover{color:var(--blue)}
.sn .btn{min-height:28px;padding:0 12px;font-size:12.5px}
.ft{background:var(--tile);margin-top:12px;font-size:12px;color:var(--ink-2);letter-spacing:-.01em;line-height:1.33}
.ft .w{max-width:1024px;padding-top:18px;padding-bottom:22px}
.ft .notes{border-bottom:1px solid var(--line);padding-bottom:14px}
.ft .notes p+p{margin-top:8px}
.ft .crumb{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.ft .crumb img{width:16px;height:16px;border-radius:4px}
.ft-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}
.ft-cols h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--ink)}
.ft-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft-cols a:hover{text-decoration:underline;color:var(--ink)}
.ft-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);padding-top:16px}
.ft-legal nav a{padding:0 10px;border-inline-start:1px solid var(--line)}
.ft-legal nav a:first-child{border:0;padding-inline-start:0}
@media (max-width:1068px){.gn nav{gap:22px}}
@media (max-width:834px){.gn nav,.gn .get,.sn nav{display:none}.sn .btn{margin-inline-start:auto}.burger{display:inline-flex}.menu{display:block;position:fixed;inset:48px 0 0;background:rgba(250,250,252,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:69;padding:20px 40px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.menu.o{opacity:1;visibility:visible}.menu a{display:block;font-family:var(--head);font-size:30px;font-weight:650;letter-spacing:-.035em;padding:8px 0}}
@media (max-width:600px){.ft-cols{grid-template-columns:1fr 1fr}}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:10px 16px;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.15)}
.skip:focus{left:12px}
.ft .crumb a:hover{text-decoration:underline}
.ft .crumb span{color:var(--ink-2)}
.ft-cols a{color:inherit}
.sn .name+.btn{margin-inline-start:auto}
.sn .name{display:block;flex:0 1 auto;min-width:0;margin-inline-end:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn .btn{flex:none;white-space:nowrap}
body.admin-bar .sn{top:32px}
@media (max-width:782px){body.admin-bar .sn{top:46px}}
