.ddnav{--n-bg:#f4f0e6;--n-line:#d8d1c0;--n-ink:#211e19;--n-soft:#5c5747;--n-faint:#8b8571;--n-aizome:#2c4a73;
  --n-seal:#b5402f;--n-hover:#ebe5d7;
  position:sticky;top:0;z-index:40;background:var(--n-bg);border-bottom:1px solid var(--n-line);color:var(--n-ink);
  font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.4;}
@media (prefers-color-scheme:dark){.ddnav{--n-bg:#211e17;--n-line:#3a352a;--n-ink:#ece6d7;--n-soft:#b6ae98;--n-faint:#7d765f;
  --n-aizome:#8faed4;--n-hover:#2b271e;}}
.ddnav *{box-sizing:border-box;}
.ddnav-in{display:flex;align-items:center;gap:1.1rem;max-width:68rem;margin:0 auto;padding:.55rem 1.25rem;min-height:3.3rem;}
.ddnav-brand{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-weight:700;white-space:nowrap;flex:0 0 auto;}
.ddnav-seal{width:1.9rem;height:1.9rem;border-radius:4px;background:var(--n-seal);color:#f4ede8;display:flex;align-items:center;
  justify-content:center;font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;}
.ddnav-links{display:flex;align-items:center;gap:.2rem;font-size:.9rem;}
.ddnav-links a{color:var(--n-soft);text-decoration:none;padding:.35rem .6rem;border-radius:6px;white-space:nowrap;}
.ddnav-links a:hover{color:var(--n-aizome);background:var(--n-hover);}
.ddnav-links a[aria-current]{color:var(--n-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--n-seal);border-radius:0;}
.ddnav-tools{display:flex;align-items:center;gap:.5rem;margin-left:auto;min-width:0;}
.ddnav-tools > *{white-space:nowrap;}
.ddnav-acct{position:relative;flex:0 0 auto;}
.ddnav-btn{display:flex;align-items:center;gap:.35rem;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;
  color:#fff;background:var(--n-seal);border:1px solid var(--n-seal);border-radius:999px;padding:.38rem .85rem;white-space:nowrap;}
.ddnav-btn.in{color:var(--n-ink);background:transparent;border-color:var(--n-line);}
.ddnav-btn:hover{filter:brightness(1.06);} .ddnav-btn.in:hover{background:var(--n-hover);filter:none;}
.ddnav-btn:focus-visible,.ddnav-menu a:focus-visible,.ddnav-menu button:focus-visible{outline:2px solid var(--n-aizome);outline-offset:2px;}
.ddnav-caret{font-size:.7rem;opacity:.8;}
.ddnav-label-m{display:none;}
.ddnav-menu{position:absolute;right:0;top:calc(100% + .45rem);min-width:15.5rem;background:var(--n-bg);border:1px solid var(--n-line);
  border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.18);padding:.4rem;z-index:45;}
.ddnav-menu a,.ddnav-menu button{display:block;width:100%;text-align:left;font:inherit;font-size:.9rem;color:var(--n-ink);
  background:none;border:0;border-radius:8px;padding:.5rem .7rem;text-decoration:none;cursor:pointer;}
.ddnav-menu a:hover,.ddnav-menu button:hover{background:var(--n-hover);}
.ddnav-menu .ddnav-strong{font-weight:700;color:var(--n-seal);}
.ddnav-menu hr{border:0;border-top:1px solid var(--n-line);margin:.35rem .3rem;}
.ddnav-who{font-size:.8rem;color:var(--n-faint);padding:.45rem .7rem .3rem;word-break:break-all;}
.ddnav-who b{color:var(--n-ink);font-weight:700;}
.ddnav-m{display:none;}
@media (max-width:1100px){ .ddnav-en{display:none;} .ddnav-in{gap:.8rem;} }
@media (max-width:900px){
  .ddnav-links{display:none;} .ddnav-m{display:block;}
  .ddnav-label{display:none;} .ddnav-label-m{display:inline;}
  .ddnav-in{gap:.6rem;padding:.5rem 1rem;}
}
@media (max-width:420px){ .ddnav-name{display:none;} .ddnav-tools{gap:.35rem;} }