.logo-lockup{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;text-decoration:none;color:#785e3e}
.logo-lockup .logo-mark{width:58px;height:66px;object-fit:contain;display:block;flex:none}
.logo-lockup .logo-type{display:flex;flex-direction:column;gap:6px}
.logo-lockup .logo-word{display:block;font:300 36px/1.05 'Noto Serif TC',Georgia,serif;letter-spacing:.04em}
.logo-lockup .logo-name{display:block;font:400 12px/1.2 Ubuntu,Arial,sans-serif;letter-spacing:.03em;color:#565c50}
.site-header .logo-lockup .logo-word{font-family:Lora,Georgia,serif;letter-spacing:-.06em;color:#283d33}
.site-header .logo-lockup .logo-name{font-family:Manrope,Arial,sans-serif}
footer .logo-lockup{margin-bottom:12px}
footer .logo-lockup .logo-mark{width:80px;height:92px}
footer .logo-lockup .logo-word{font-size:32px}
@media(max-width:1150px) and (min-width:1025px){.site-header nav{gap:14px}.site-header .logo-lockup{gap:9px}.site-header .logo-mark{width:45px;height:54px}.site-header .logo-word{font-size:29px}}
@media(max-width:640px){.logo-lockup{gap:10px}.logo-lockup .logo-mark{width:40px;height:46px}.logo-lockup .logo-word{font-size:27px}.logo-lockup .logo-type{gap:4px}.logo-lockup .logo-name{font-size:10px}.topic-header{min-height:70px}.site-header{min-height:76px}footer .logo-lockup .logo-mark{width:64px;height:74px}footer .logo-lockup .logo-word{font-size:30px}}
.site-header ~ main .method-list .topic-entry{display:inline-block;margin-top:14px;color:#785e3e;text-decoration:underline;text-underline-offset:4px}