/* Original 2012/2013 CSS is loaded first. These rules only connect live features
   and make the same restrained interface fit smaller screens. */
:root { --nuda-font: "굴림",sans-serif; --nuda-small: "돋움",dotum,sans-serif; }
html,body { min-width:0; }
body,th,td,pre,button,input,select,textarea { font-family:var(--nuda-font); font-size:12px; color:#333; }
button,input,select,textarea { font-weight:normal; }
[hidden] { display:none !important; }
#logo { display:block; background:#6fbfe0 url('/img/200811/0logo.gif') no-repeat; }
#logo:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:1px dotted #1a4a88; outline-offset:2px; }
#topmenuTable { display:table; width:100%; height:32px; table-layout:fixed; border-collapse:collapse; border-spacing:0; }
#topmenuTable.is-hidden { display:none !important; }
#topmenuTable > tbody > tr > td { padding:0; vertical-align:middle; }
#topmenuTable .archive-topmenu-cap { width:6px; }
#topmenuTable .archive-billboard-cell { min-width:0; overflow:hidden; }
#topmenuTable .archive-topmenu-cell { position:relative; width:290px; }
#billboard { box-sizing:border-box; width:100%; min-width:0; max-width:670px; margin:0 auto; padding:0 8px; }
#pscroller1 { box-sizing:border-box; width:100%; min-width:0; height:24px; padding:0 3px; line-height:20px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#topmenu { position:static; float:none; width:auto; height:auto; min-width:0; margin:0 6px 0 18px; }
#topmenu ul { display:flex; align-items:center; justify-content:flex-end; flex-wrap:nowrap; min-width:0; min-height:32px; }
#topmenu li { float:none; flex:0 0 auto; background-position:left center; }
#topmenu li a { display:block; line-height:20px; white-space:nowrap; }
#topmenu_off { position:absolute; left:2px; top:6px; float:none; width:14px; height:20px; margin:0; background-position:center; }
#topmenu_on:focus-visible,#topmenu_off:focus-visible { outline:1px dotted #1a4a88; outline-offset:1px; }
#topmenu_off,#topmenu_on,[data-href],[data-user] { cursor:pointer; }
#mainWrapper { table-layout:fixed; }
#mainWrapper > tbody > tr > td:first-child { width:170px; }
#mainWrapper > tbody > tr > td:last-child { width:130px; }
#centerMain { min-width:0; min-height:420px; }
#rightMain:empty { min-height:0; }
#leftMain .side_infobox_content { padding:3px; padding-top:10px; }
#side_info1 .solid_line,#side_info2 .solid_line { margin:10px 0; }
#side_info1 .group_line { margin:10px 0 0; }
#side_info1 li,#side_info2 li { box-sizing:border-box; line-height:normal; }
.login_idpw #id,.login_idpw #enpw { box-sizing:content-box; height:15px; font:11px var(--nuda-small); }
.login_idpw #id:focus,.login_idpw #enpw:focus { background-image:none; }
.login_idpw #sid { margin:0 2px 0 4px; }
.login_idpw .type_button { width:49px; height:18px; padding:0; border:0; }
.login_idpw p { white-space:nowrap; }
.login_memInfo { line-height:normal; }
.archive-search { margin:0; }
.archive-search table { width:150px; max-width:100%; table-layout:fixed; }
/* The live text input omits type="text", so include the browser's default text
   case instead of leaving its intrinsic size to widen the narrow sidebar. */
.archive-search input:not([type]),.archive-search input[type=text],.archive-search select { box-sizing:border-box; width:125px; max-width:125px; min-width:0; font:12px var(--nuda-font); padding:0 2px; height:19px; border:1px solid gray; background:#fff; }
.archive-search-options { padding:5px 0 0 7px; white-space:nowrap; }
.archive-search-options > label { display:inline; font:12px var(--nuda-font); }
.archive-search-select,.archive-search-query { padding:5px 0 0 10px; text-align:left; }
.archive-search-submit { padding:3px 20px 2px 0; text-align:right; }
.archive-search input[type=radio] { margin:3px 3px 0 2px; vertical-align:middle; }
.archive-search input[type=image] { width:60px; height:17px; border:0; padding:0; }
.archive-home-clear,.archive-entry-clear { clear:both; }
#nuda_notice .head a,.home_list td.head a,#bbs_memo_list .head a { color:#333; font-weight:bold; }
.home_list td.id { white-space:nowrap; }
.home_list td.id a { color:#006600; }
.home_list img { vertical-align:middle; }
.home_list td.title,.home_list td.title1 { white-space:nowrap; }
.home_list .content { white-space:normal; }
#nuda_notice ul { min-height:60px; }
#bbs_memo_list { margin-top:4px; }
.archive-memo-input { margin:5px 0; display:flex; gap:4px; }
.archive-memo-input input { flex:1; min-width:0; height:19px; padding:0 3px; border:1px solid #777; }
.archive-memo-input button { height:21px; }
.archive-home-memos td { padding:5px; border-bottom:1px solid #cecece; line-height:1.4; }
.archive-home-memos .writer { width:110px; color:#006600; }
.archive-home-memos .date { font:11px var(--nuda-small); color:#777; }
/* New DB forms use the original small text, squared controls and thin rules. */
.restore-panel { margin:0 10px 16px 0; padding:0; line-height:1.5; }
.restore-panel h1 { font-size:13px; font-weight:bold; margin:0 10px 10px 10px; padding-bottom:10px; border-bottom:1px dashed #e8e8e8; }
.restore-panel h2 { font-size:12px; font-weight:bold; margin:15px 0 8px; padding-bottom:6px; border-bottom:1px dashed #e8e8e8; }
.restore-panel h3 { font-size:12px; font-weight:bold; }
.restore-panel p { margin:8px 0; }
.restore-panel ul { margin:6px 0; }
.restore-panel li { margin:4px 0; }
.restore-note { font:11px var(--nuda-small); color:#777; line-height:1.5; margin:8px 0; }
.restore-meta,.community-meta,.post_info { font:11px var(--nuda-small); color:#6e6e6e; line-height:normal; }
.small_time { font-family:Tahoma,var(--nuda-small); font-size:11px; }
.restore-button,button:where(:not(.mobile-overlay):not(#mobile-menu-toggle):not(#mobile-search-toggle)) { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; font:12px var(--nuda-small); color:#666; padding:2px 8px; min-height:23px; line-height:1.3; border:1px solid #aaa; border-radius:0; background:linear-gradient(#fff,#eee); cursor:pointer; text-decoration:none; vertical-align:middle; }
.restore-button:hover,button:hover { color:#1a4a88; }
button:disabled,.restore-button[aria-disabled=true] { opacity:.55; cursor:default; }
.restore-panel input,.restore-panel select,.restore-panel textarea { font:12px var(--nuda-font); padding:2px 3px; border:1px solid #b8bce2; border-radius:0; background:#fff; box-sizing:border-box; max-width:100%; }
.restore-panel input,.restore-panel select { min-height:21px; }
.restore-panel input[type=checkbox],.restore-panel input[type=radio] { width:auto; min-height:0; }
.restore-panel textarea { display:block; width:100%; min-height:160px; resize:vertical; line-height:1.5; }
.restore-field { display:flex; align-items:flex-start; gap:10px; margin:10px 0; }
.restore-field > label { width:80px; flex:0 0 80px; padding-top:3px; }
.restore-field > input { width:340px; }
.restore-field > select { width:180px; }
.restore-field > div { min-width:0; flex:1; }
.restore-field small { display:block; font:11px var(--nuda-small); color:#777; margin-top:3px; }
.restore-actions { clear:both; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:5px; margin:8px 0; align-items:center; }
.restore-empty { padding:30px 10px; text-align:center; color:#777; line-height:1.7; }
.restore-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 0; border-bottom:1px dotted #ddd; }
.restore-row > * { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.restore-body { white-space:pre-wrap; line-height:1.5; padding:10px; min-height:130px; overflow-wrap:anywhere; }
.community-error { border:1px solid #e0b8b8; color:#9b3434; background:#fff8f8; padding:7px; margin:8px 0; line-height:1.5; }
.community-success { border:1px solid #bad5c1; color:#356848; padding:6px; margin:8px 0; }
.community-account p { margin-bottom:5px; line-height:1.5; }
.community-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:10px 0; }
.community-toolbar input { min-width:0; }
.community-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.community-card { border:0; padding:0; min-width:0; }
.community-card h2 { background:#faffff; border:1px solid #eee; text-align:center; font-size:12px; height:25px; line-height:25px; font-weight:bold; margin:0 0 10px; }
.community-profile { display:block; }
.community-diary-description,.community-profile-bio { overflow-wrap:anywhere; }
.profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.community-stats { display:flex; flex-wrap:wrap; gap:12px; padding:8px 0; border-bottom:1px solid #eee; }
.community-message { padding:10px 0; border-bottom:1px dashed #ced0b8; }
.community-inline-edit { clear:both; padding:8px 0; }
.community-inline-edit textarea,#comment-form textarea { min-height:62px; }
.community-board-nav { padding:6px 0; }
.community-board-nav a[aria-current=page] { font-weight:bold; }
.community-attachment,.entry-image { display:block; max-width:100%; height:auto; margin:10px auto; }
.post_list_table th { font-weight:normal; font-size:12px; font-family:var(--nuda-font); text-align:center; height:25px; padding:6px 5px 0; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }
.post_list_table th.number,.post_list_table th.category,.post_list_table th.date,.post_list_table th.hit { font:11px var(--nuda-small); }
.post_list_table .number,.post_list_table .category,.post_list_table .date,.post_list_table .hit { font-family:var(--nuda-small); }
.post_list_table .writer a { color:#333; }
.post_list_table .date { white-space:nowrap; }
.restore-paging { margin:10px 0; text-align:center; }
.restore-paging a,.restore-paging strong { margin:0 5px; }
.restore-source-table { width:100%; border-collapse:collapse; }
.restore-source-table th,.restore-source-table td { text-align:left; font-weight:normal; border:1px solid #ddd; padding:5px; font-size:12px; overflow-wrap:anywhere; }
.restore-source-table th { background:#f4ffff; }
/* Original diary paper and the blue 20px comment strips. */
.archive-post-meta { width:435px; max-width:100%; margin:10px auto 3px; table-layout:fixed; }
.archive-post-info { width:auto; overflow-wrap:anywhere; }
.archive-post-icons { width:88px; text-align:right; white-space:nowrap; }
.archive-post-meta td { vertical-align:bottom !important; }
.archive-post-info .post_info { font-family:var(--nuda-small); font-size:11px; }
.archive-post-info .url_txt { display:inline-block; max-width:calc(100% - 46px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-size:11px; }
.archive-post-info img { vertical-align:middle; }
#postBox { width:435px; max-width:100%; margin:0 auto; background:#ccc; }
.archive-paper { background:#fff; padding:0; }
.post_title { box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere; font-family:"맑은 고딕",sans-serif; font-size:16px; font-weight:normal; text-align:center; padding:5px 8px 0; text-shadow:4px 4px 4px #f1f098; margin:0; }
.diary_title,.diary_type { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.bbs_memo_body { box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere; }
#postContent { padding:10px; line-height:1.5; min-height:130px; white-space:pre-wrap; overflow-wrap:anywhere; }
.archive-paper .post-signature { text-align:right; padding:0 15px 5px; font-style:italic; }
.archive-entry-actions { width:435px; max-width:100%; margin:5px auto 20px; }
.post_menu .post_menu_inner { float:none; width:100%; min-width:0; }
.post_menu .restore-actions > .restore-button,.post_menu .restore-actions > button { flex:0 0 auto; white-space:nowrap; }
#post-copy { border:0; padding:0; min-height:15px; background:none; }
#post-copy img { width:41px; height:15px; }
.comment_wrapper { margin:10px 0; }
.comment_title,.comment_title2 { height:20px; }
.comment_title_left,.comment_title_right { min-width:0; max-width:100%; overflow-wrap:anywhere; font-size:12px; }
.comment_body { line-height:1.3; overflow-wrap:anywhere; }
@media (min-width:761px) {
 .comment_title,.comment_title2 { display:flow-root; height:auto; min-height:20px; }
}
.community-inline-edit textarea { width:100%; box-sizing:border-box; font:12px var(--nuda-font); }
.restore-chatlog { min-height:260px; max-height:400px; overflow:auto; border:1px solid #ccc; padding:8px; background:#faffff; }
.restore-chatlog p { margin:5px 0; line-height:1.5; overflow-wrap:anywhere; }
.chat-compose,.message-compose { display:flex; gap:5px; flex-wrap:wrap; margin:8px 0; }
.chat-compose input { flex:1; min-width:0; }
.restore-calendar { width:100%; table-layout:fixed; border-collapse:collapse; }
.restore-calendar th,.restore-calendar td { border:1px solid #ddd; height:60px; vertical-align:top; padding:5px; font-size:12px; overflow-wrap:anywhere; }
.restore-calendar th { height:20px; text-align:center; background:#e7f6fa; font-weight:normal; }
.calendar-day { display:block; }
.calendar-count { font:10px var(--nuda-small); color:#777; display:block; }
.restore-calendar a { display:block; font:11px var(--nuda-small); margin-top:3px; line-height:1.4; }
.restore-footer { clear:both; text-align:center; font:11px var(--nuda-small); color:#888; padding:12px 10px 18px; }
.restore-footer a { color:#777; }
.session-logout-link { appearance:none; display:inline-block; margin:0; padding:0; min-height:0; border:0; background:none; color:#1a4a88; font:inherit; line-height:inherit; vertical-align:baseline; cursor:pointer; }
.session-logout-link:hover { text-decoration:underline; }
.session-logout-link:disabled { color:#888; cursor:wait; }
.restore-footer .session-logout-link { color:#777; }
#restore-toast { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); padding:7px 12px; max-width:85vw; background:#f2fcfd; border:1px solid #66c6de; color:#28516e; z-index:9999; font-size:12px; line-height:1.5; }
.mobile-header,.mobile-nav,.mobile-overlay,.mobile-search,.mobile-bottom-nav { display:none; }
@media (min-width:761px) { html { overflow-y:scroll; } }
/* Keep each desktop search label beside its control when the center column
   narrows; flat flex wrapping otherwise strands labels on the previous line. */
@media (min-width:761px) {
 #full-search { display:grid; grid-template-columns:max-content minmax(118px,1fr) max-content minmax(76px,.7fr) max-content minmax(122px,1fr); gap:6px 8px; align-items:center; width:100%; max-width:760px; min-width:0; }
 #full-search > label { margin:0; min-width:0; white-space:nowrap; }
 #full-search > select,#full-search > input { box-sizing:border-box; width:100%; max-width:100%; min-width:0; }
 #full-search > label[for=search-scope] { grid-area:1 / 1; }
 #full-search > #search-scope { grid-area:1 / 2; }
 #full-search > label[for=search-field] { grid-area:1 / 3; }
 #full-search > #search-field { grid-area:1 / 4; }
 #full-search > label[for=search-board] { grid-area:1 / 5; }
 #full-search > #search-board { grid-area:1 / 6; }
 #full-search > label[for=search-text] { grid-area:2 / 1; }
 #full-search > #search-text { grid-area:2 / 2 / 3 / 6; }
 #full-search > button[type=submit] { grid-area:2 / 6; justify-self:start; white-space:nowrap; }
}
@media (max-width:1000px) and (min-width:761px) {
 #mainWrapper > tbody > tr > td:last-child { width:0; }
 #rightMain { display:none; }
}
/* Mobile keeps the same typefaces, rectangular modules and table hierarchy. */
@media (max-width:760px) {
 html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
 body { width:100%; max-width:100%; background:#fff; }
 body,th,td,pre,button,input,select,textarea,div,p,h1,h2,h3 { font-family:var(--nuda-font); font-size:12px; }
 *,*::before,*::after { box-sizing:border-box; }
 #logo,#topmenuTable,#topmenu_on,#topmenubar,#temp_div { display:none !important; }
 body > table:not(#mainWrapper) { display:none; }
 #mainWrapper,#mainWrapper > tbody,#mainWrapper > tbody > tr,#mainWrapper > tbody > tr > td { display:block; width:100% !important; min-width:0; max-width:100%; margin:0; padding:0; border:0; }
 #mainWrapper { border-spacing:0; }
 #mainWrapper > tbody > tr > td:first-child,#mainWrapper > tbody > tr > td:last-child,#leftMain,#rightMain { display:none; }
 #centerMain { width:100%; min-height:55vh; padding:8px; }
 .mobile-header { position:relative; z-index:1102; display:flex; align-items:center; gap:4px; height:50px; padding:3px 6px; background:#6fbfe0; border-bottom:1px solid #66c6de; }
 .mobile-header .mobile-brand { display:block; flex:1; min-width:0; height:44px; max-width:280px; overflow:hidden; text-indent:-9999px; }
 .mobile-header .mobile-brand::before { content:""; display:block; width:210px; max-width:100%; height:44px; background:url('/img/200811/0logo.gif') no-repeat left center; background-size:auto 44px; }
 .mobile-header button { flex:0 0 38px; width:38px; height:38px; padding:0; border:1px solid #97c8d8; border-radius:0; background:#faffff; color:#1a4a88; font:12px var(--nuda-font); cursor:pointer; }
 .mobile-header button[aria-expanded=true] { background:#c2e8f2; }
 .mobile-nav { position:absolute; z-index:1101; top:50px; left:6px; right:6px; width:auto; max-height:calc(100dvh - 60px); overflow-y:auto; display:none; padding:8px; background:#fff; border:1px solid #66c6de; }
 .mobile-nav-account { display:flex; gap:5px; align-items:center; flex-wrap:wrap; border-bottom:1px solid #c2e8f2; padding-bottom:6px; margin-bottom:6px; }
 .mobile-nav a { display:block; min-height:32px; padding:8px 6px 7px 18px; border-bottom:1px dotted #e5e5e5; color:#444; background:url('/img/200811/document_b.gif') no-repeat 2px 10px; text-decoration:none; }
 .mobile-nav a[aria-current=page] { background-color:#f4ffff; font-weight:bold; }
 .mobile-nav-account a,.mobile-nav-account .session-logout-link { display:inline-flex; align-items:center; box-sizing:border-box; min-height:32px; padding:7px 5px; border:0; background:none; }
 .mobile-nav-account .mobile-nav-close { margin-left:auto; width:32px; min-height:28px; padding:0; }
 .mobile-overlay { position:fixed; z-index:1100; inset:50px 0 0; width:100%; height:calc(100% - 50px); padding:0; border:0; background:#fff8; }
 body.mobile-menu-open .mobile-nav,body.mobile-menu-open .mobile-overlay { display:block; }
 .mobile-search { padding:7px 8px; border-bottom:1px solid #66c6de; background:#faffff; }
 body.mobile-search-open .mobile-search { display:block; }
 .mobile-search form { display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin:0; }
 .mobile-search input { flex:1; width:150px; min-width:0; height:29px; padding:3px; border:1px solid #b8bce2; font:16px var(--nuda-font); }
 .mobile-search button { height:29px; }
 .mobile-bottom-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin:10px 8px; padding:5px; border-top:1px solid #c2e8f2; border-bottom:1px solid #c2e8f2; }
 .mobile-bottom-nav a,.mobile-bottom-nav .session-logout-link { display:inline-flex; align-items:center; box-sizing:border-box; padding:8px 5px; min-height:36px; }
 #nuda_notice,.home_list,#recent_post,#hit_best_post,#exchange_list,#bbs_memo_list { float:none; width:100%; max-width:100%; margin:0 0 8px; }
 .home_list td.id { width:83px; font-size:12px; }
 .home_list col:first-child { width:83px; }
 .home_list td.title,.home_list td.title1 { font-size:12px; }
 #nuda_notice ul { margin:8px; }
 #nuda_notice li { height:auto; min-height:20px; }
 #bbs_memo_list { margin-top:4px; }
 .archive-home-memos { table-layout:fixed; width:100%; }
 .archive-home-memos .writer { width:83px; }
 .archive-home-memos td { overflow-wrap:anywhere; }
 .restore-panel { margin:0 0 14px; padding:0; }
 .restore-panel h1 { font-size:13px; margin:0 0 10px; padding-bottom:8px; }
 .restore-panel h2 { font-size:12px; }
 .restore-panel textarea,.restore-panel input,.restore-panel select { max-width:100%; font-family:var(--nuda-font); }
 .restore-panel input,.restore-panel select { min-height:30px; font-size:16px; }
 .restore-panel textarea { font-size:16px; min-height:150px; line-height:1.5; }
 .restore-panel input[type=checkbox],.restore-panel input[type=radio] { width:18px; min-height:18px; }
 .restore-field { display:block; margin:10px 0; }
 .restore-field > label { display:block; width:auto; padding:0; margin-bottom:4px; }
 .restore-field > input,.restore-field > select,.restore-field > div > input,.restore-field > div > select { width:100%; max-width:100%; }
 .restore-actions { gap:5px; justify-content:flex-start; }
 .restore-button,button:where(:not(.mobile-overlay):not(#mobile-menu-toggle):not(#mobile-search-toggle)) { min-height:30px; padding:5px 8px; font:12px var(--nuda-small); border-radius:0; }
 .restore-empty { padding:25px 8px; }
 .community-toolbar { gap:5px; }
 .community-toolbar input { flex:1; width:100px; min-width:0; }
 .community-toolbar select { max-width:100%; min-width:0; }
 .community-grid,.profile-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
 .restore-row { flex-wrap:wrap; }
 .post_list_table { table-layout:fixed; width:100%; }
 .post_list_table .number,.post_list_table .category,.post_list_table .hit,.post_list_table .publicflag { display:none; }
 .post_list_table .writer { width:65px; }
 .post_list_table .date { width:73px; font:11px var(--nuda-small); white-space:nowrap; }
 .post_list_table td,.post_list_table th { padding:6px 3px 2px; font-size:12px; overflow-wrap:anywhere; }
 .post_list_table tbody .title { line-height:1.5; }
 .post_list_table td a { display:inline-block; padding:3px 0; }
 .post_list_table .date { padding-left:1px; padding-right:1px; }
 .restore-paging { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:3px; }
 .restore-paging a,.restore-paging strong { min-width:28px; min-height:30px; padding:7px 4px; margin:0; }
 .archive-post-meta,#postBox,.archive-entry-actions,.post_menu { width:100%; max-width:435px; }
 .archive-post-info { width:auto; }
 .post_title { font:16px "맑은 고딕",sans-serif; }
 .archive-paper { width:100%; }
 #postContent { padding:10px; font-size:12px; }
 .comment_wrapper { padding:7px; }
 .comment_title,.comment_title2 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px; height:auto; min-height:20px; padding:3px 5px; }
 .comment_title_left,.comment_title_right { float:none; width:auto; margin:0; padding:0; font-size:12px; }
 .comment_body { font-size:12px; }
 .community-inline-edit textarea,#comment-form textarea { min-height:74px; }
 .community-message { overflow-wrap:anywhere; }
 .community-attachment,.entry-image { max-width:100%; }
 .restore-calendar th,.restore-calendar td { height:58px; padding:4px 2px; font-size:11px; }
 .restore-calendar th { height:24px; }
 .restore-calendar a { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:3em; font-size:10px; }
 .restore-source-table { table-layout:fixed; }
 .restore-source-table td,.restore-source-table th { padding:4px; font-size:11px; }
 .restore-footer { padding:8px 8px 18px; font:11px var(--nuda-small); line-height:2; }
 .restore-footer a,.restore-footer .session-logout-link { display:inline-block; padding:3px; }
 #restore-toast { max-width:calc(100vw - 16px); padding:7px 10px; font-size:12px; }
}
@media print { #leftMain,#topmenuTable,.restore-footer,.restore-actions,.mobile-header,.mobile-nav,.mobile-bottom-nav { display:none !important; } }
/* Original zbLayer.js used a 127px nickname layer with two 107x15px actions.
   Missing bitmap buttons are represented with small, classic text controls. */
.archive-member-layer { position:absolute; z-index:1200; width:127px; box-sizing:border-box; padding:4px 8px; }
.archive-member-layer a { display:block; box-sizing:border-box; width:107px; height:15px; padding:0 4px; margin:0 auto 2px; border:1px solid #aaa; background:#fff; color:#1a4a88; text-decoration:none; white-space:nowrap; font:11px/13px "돋움",dotum,sans-serif; }
.archive-member-layer a:hover,.archive-member-layer a:focus { background:#c2e8f2; color:#1a4a88; }
/* Shared forms, support privacy, and classic administrator controls. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.settings-links { padding:4px 0 8px; border-bottom:1px solid #ddd; }
.settings-links a[aria-current=page] { font-weight:bold; }
.site-announcement,.inquiry-privacy-note,.admin-warning { margin:0 0 12px; padding:7px 9px; border:1px solid #9dcbdc; background:#f4ffff; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.inquiry-status { display:inline-block; border:1px solid #b7c9d9; color:#1a4a88; padding:1px 5px; margin-left:6px; }
.admin-area { min-width:0; width:100%; }
.admin-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:5px 0 9px; margin-bottom:12px; border-bottom:1px solid #c2e8f2; }
.admin-tabs a { display:inline-block; padding:4px 7px; border:1px solid #c0c0c0; background:#fff; color:#1a4a88; text-decoration:none; line-height:1.5; }
.admin-tabs a[aria-current=page],.admin-tabs .active { background:#c2e8f2; border-color:#66c6de; color:#17496c; font-weight:bold; }
.admin-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:7px 0; }
.admin-toolbar input,.admin-toolbar select { max-width:100%; min-width:0; font:12px var(--nuda-font); padding:3px; border:1px solid #aaa; background:#fff; }
.admin-toolbar input { width:180px; }
.admin-table-wrap { width:100%; max-width:100%; overflow-x:auto; margin:7px 0; border-top:1px solid #b5c6d9; }
.admin-table { width:100%; border-collapse:collapse; font-size:12px; }
.admin-table th { background:#a8c4e7; font-weight:normal; white-space:nowrap; }
.admin-table th,.admin-table td { padding:6px 5px; border-bottom:1px solid #d5dce0; text-align:left; vertical-align:top; line-height:1.5; font-size:12px; }
.admin-table tbody tr:nth-child(even) { background:#f4ffff; }
.admin-table td { overflow-wrap:anywhere; }
.admin-table a.admin-upload-preview-link,.admin-table a.admin-upload-preview-link:visited { color:#174b91; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.admin-table a.admin-upload-preview-link:hover { color:#092c62; }
.admin-table a.admin-upload-preview-link:focus-visible,.admin-table .admin-upload-open:focus-visible { outline:2px solid #2476a8; outline-offset:3px; }
.admin-table .admin-upload-open { display:inline-flex; align-items:center; justify-content:center; min-height:32px; box-sizing:border-box; padding:6px 10px; margin-bottom:5px; white-space:nowrap; }
.admin-table td:first-child:has(input[type=checkbox]) { width:24px; }
.admin-table input[type=checkbox] { vertical-align:middle; margin:2px; }
.admin-table details { min-width:150px; }
.admin-table summary { color:#1a4a88; cursor:pointer; white-space:nowrap; }
.admin-detail { width:100%; max-width:640px; margin:8px 0; padding:8px; border:1px solid #c2e8f2; background:#fff; }
.admin-detail input:not([type=checkbox]),.admin-detail select,.admin-detail textarea { max-width:100%; box-sizing:border-box; font:12px var(--nuda-font); }
.admin-detail input:not([type=checkbox]),.admin-detail textarea { width:100%; }
.admin-detail textarea { display:block; min-height:100px; resize:vertical; }
.admin-detail label { display:block; margin:6px 0 3px; }
.admin-detail label:has(input[type=checkbox]) { display:inline-block; margin:5px 8px 5px 0; }
.admin-access-detail { box-sizing:border-box; }
.admin-access-detail[open] { width:340px; max-width:80vw; }
.admin-access-detail .admin-table { min-width:300px; }
.admin-access-detail .admin-table-wrap { max-height:420px; overflow:auto; overscroll-behavior:contain; }
.admin-access-detail thead th { position:sticky; top:0; z-index:1; }
.admin-access-detail .admin-table td { white-space:nowrap; }
#admin-upload-statistics { margin-bottom:20px; }
.admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:10px 0; }
.admin-card { border:1px solid #c2e8f2; padding:9px; background:#faffff; min-width:0; overflow-wrap:anywhere; }
.admin-card h2,.admin-card h3 { margin:0 0 6px; font-size:12px; font-weight:bold; }
.admin-card strong { font-size:16px; color:#1a4a88; }
.admin-actions { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:7px 0; }
.admin-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; padding:10px 0; }
.admin-pagination a,.admin-pagination span { display:inline-block; padding:3px 5px; }
.admin-text-preview { max-width:260px; white-space:pre-wrap; overflow-wrap:anywhere; }
.admin-settings { max-width:680px; }
.admin-settings textarea { width:100%; min-height:110px; }
.admin-health-result { max-width:100%; overflow-wrap:anywhere; }
.admin-health-result pre { white-space:pre-wrap; padding:8px; background:#f6f6f6; border:1px solid #ddd; }
.admin-inquiry-body,.admin-inquiry-comment { white-space:pre-wrap; line-height:1.6; padding:8px 0; border-bottom:1px dashed #ddd; overflow-wrap:anywhere; }
.admin-private-reader { max-width:920px; margin:0 auto; min-width:0; overflow-wrap:anywhere; }
.admin-private-reader h2 { line-height:1.6; }
.admin-post-meta { color:#666; font-size:12px; line-height:1.8; margin:8px 0 14px; }
.admin-post-meta > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; padding:3px 0; }
.admin-post-meta dt { font-weight:bold; }
.admin-post-meta dd { min-width:0; margin:0; }
.admin-private-notice { padding:10px 12px; margin:12px 0; border:1px solid #e7d3a3; background:#fffaf0; color:#654a1a; line-height:1.7; }
.admin-post-body { margin:16px 0; padding:16px; border:1px solid #d4e1e8; background:#fff; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.85; }
.admin-post-attachment { max-width:100%; margin:16px 0; }
.admin-post-attachment img { display:block; max-width:100%; height:auto; margin:8px auto; }
.admin-post-inline-image { margin:12px 0; max-width:100%; }
.admin-post-inline-image img { display:block; width:auto; height:auto; max-width:100%; margin:0 auto; }
.captcha-field { display:block; margin:12px 0; padding:8px; border:1px solid #c2e8f2; max-width:100%; }
.captcha-field legend { display:block; font-size:12px; padding:0 4px; }
#signup-captcha { min-height:65px; max-width:100%; }
#signup-captcha iframe { max-width:100%; }
.dev-email { border:1px solid #c2e8f2; margin:12px 0; padding:10px; }
.dev-email pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.5 var(--nuda-font); }
@media (max-width:760px) {
 .admin-tabs { gap:3px; }
 .admin-tabs a { min-height:30px; padding:6px; }
 .admin-toolbar { align-items:stretch; }
 .admin-toolbar input { flex:1 1 120px; width:100%; }
 .admin-toolbar select { flex:1 1 100px; width:auto; }
 .admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .admin-table { min-width:620px; }
 .admin-table td,.admin-table th { padding:6px 4px; }
 .admin-table a.admin-upload-preview-link { display:inline-flex; align-items:center; min-height:44px; }
 .admin-table .admin-upload-open { min-height:44px; }
 .admin-detail { min-width:160px; max-width:300px; }
 .admin-actions { gap:4px; }
 .admin-settings .restore-field { display:block; }
 .admin-settings input:not([type=checkbox]),.admin-settings textarea,.admin-settings select { width:100%; max-width:100%; }
 .site-announcement,.inquiry-privacy-note,.admin-warning { padding:7px; font-size:12px; }
 .captcha-field { padding:6px 3px; margin:10px 0; }
 .dev-email { padding:7px; }
 #verification-token { width:100%; }
}
/* Keep each original bitmap at its own native size; align menu symbols with
   the text row instead of the font-dependent top edge of an li background. */
#side_info1 .nuda_bbs li,#side_info2 .my_diaries li { padding-left:0; background-image:none; }
#side_info1 .nuda_bbs li > a,#side_info2 .my_diaries li > a {
 display:grid;
 grid-template-columns:11px minmax(0,1fr);
 align-items:center;
 column-gap:3px;
 min-width:0;
 min-height:16px;
 line-height:16px;
 white-space:nowrap;
 overflow:hidden;
}
#side_info1 .nuda_bbs li > a::before,#side_info2 .my_diaries li > a::before {
 content:"";
 display:block;
 width:11px;
 height:11px;
 background:url('/img/200811/document_b.gif') no-repeat center / 11px 11px;
}
/* The nickname markers are 9px bitmaps, independently of the 11px menu icon. */
.home_list td.id > img,.comment_title_left > img {
 display:inline-block;
 width:9px;
 height:9px;
 margin:0;
 padding:0;
 vertical-align:-1px;
}
/* The 34x28 feeling icon and its text share the original 88px metadata cell. */
.archive-post-icons > img { width:34px; height:28px; margin:0 4px 0 0; vertical-align:middle; }
.archive-post-icons > .post_info {
 display:inline-block;
 max-width:calc(100% - 38px);
 vertical-align:middle;
 white-space:normal;
 overflow-wrap:anywhere;
 text-align:left;
 line-height:1.3;
}
/* The one-column paper has a fixed declared width, so large intrinsic images
   must not widen its automatic table layout before max-width is resolved. */
#postBox { table-layout:fixed; }
/* Uploaded photos may be much larger than the original 435px diary paper. */
.community-attachment > img,.entry-image > img {
 display:block;
 width:auto;
 height:auto;
 max-width:100%;
 margin:0 auto;
}
@media (max-width:760px) {
 .mobile-nav > a {
  display:grid;
  grid-template-columns:11px minmax(0,1fr);
  align-items:center;
  column-gap:5px;
  padding:8px 6px;
  background-image:none;
 }
 .mobile-nav > a::before {
  content:"";
  display:block;
  width:11px;
  height:11px;
  background:url('/img/200811/document_b.gif') no-repeat center / 11px 11px;
 }
}
/* Member markers preserve the original 9px sphere. Gender is data-driven:
   female red, male sky blue, unspecified the original blue. */
img.member-gender-marker { display:inline-block; width:9px; height:9px; min-width:9px; max-width:none; margin:0 3px 0 0; padding:0; border:0; vertical-align:-1px; object-fit:contain; }
img.member-gender-male { filter:hue-rotate(-15deg) saturate(.85) brightness(1.4); }
img.member-gender-female,img.member-gender-unspecified { filter:none; }
.gender-choice { margin:10px 0; padding:7px 8px; border:1px solid #c2e8f2; }
.gender-choice legend { display:block; padding:0 4px; font-size:12px; }
.gender-options { display:flex; flex-wrap:wrap; align-items:center; gap:5px 16px; }
.gender-options label { display:inline-flex; align-items:center; gap:3px; min-height:24px; cursor:pointer; }
.gender-options input[type=radio] { width:13px; height:13px; min-height:0; margin:0 3px 0 0; padding:0; }
.gender-options .member-gender-marker { flex:0 0 9px; margin:0; vertical-align:middle; }
.image-drop-area { margin:12px 0; padding:8px; border:1px solid #c2e8f2; background:#faffff; }
.image-drop-area.is-dragover { border-color:#4587ab; background:#e7f6fa; }
.image-drop-area[aria-busy=true] { border-color:#8bafc4; }
.image-drop-area .restore-field { margin:0 0 6px; }
.image-drop-area input[type=file] { width:100%; max-width:100%; }
.image-drop-area:focus-visible { outline:1px dotted #1a4a88; outline-offset:2px; }
#image-upload-status { overflow-wrap:anywhere; }
.attachment-figure { margin:0 0 6px; }
.attachment-figure > img { display:block; width:auto; height:auto; max-width:100%; max-height:420px; margin:0 auto; object-fit:contain; }
.attachment-filename { margin-top:5px; font:11px/1.5 "돋움",dotum,sans-serif; overflow-wrap:anywhere; }
.has-photo-placement #attachment-preview .attachment-figure > img { display:none; }
.entry-photo-placement { box-sizing:border-box; width:100%; min-width:0; margin:10px 0; padding:10px; border:1px solid #c8dce4; background:#f7fbfd; }
.entry-photo-placement[hidden] { display:none; }
.photo-placement-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.photo-placement-actions > span { color:#526d7b; font-weight:bold; margin-right:2px; }
.photo-placement-actions button { min-height:30px; padding:4px 8px; }
.entry-photo-preview > summary { cursor:pointer; color:#315e80; padding:4px 0; }
.entry-photo-preview-body { min-width:0; padding:10px; border:1px solid #d2e2e8; background:#fff; font:12px/1.7 var(--nuda-font); overflow-wrap:anywhere; }
.photo-preview-text { white-space:pre-wrap; }
.entry-inline-image { display:block; clear:both; margin:12px auto; max-width:100%; }
.entry-inline-image > img { display:block; width:auto; height:auto; max-width:100%; margin:0 auto; }
.entry-photo-preview-body .entry-inline-image > img { max-height:440px; object-fit:contain; }
.restore-body .entry-inline-image { white-space:normal; }
@media(max-width:760px) { .entry-photo-placement { padding:8px; } .photo-placement-actions { gap:5px; } .photo-placement-actions button { min-height:44px; padding:7px 9px; } .entry-photo-preview-body { padding:8px; } .entry-photo-preview-body .entry-inline-image > img { max-height:340px; } }
@media (max-width:760px) {
 .gender-options { gap:5px 12px; }
 .gender-options label { min-height:30px; }
 .gender-options input[type=radio] { width:16px; height:16px; min-height:16px; }
 .image-drop-area { padding:7px; }
 .attachment-figure > img { max-height:320px; }
}
.diary-main-image { box-sizing:border-box; width:100%; max-width:435px; margin:0 auto 12px; padding:0; border:0; background:transparent; }
.diary-main-image > img { display:block; width:auto; height:auto; max-width:100%; max-height:360px; margin:0 auto; object-fit:contain; }
@media (max-width:760px) { .diary-main-image > img { max-height:280px; } }
/* Diary cover, list and calendar share the archived tabs and 130px owner rail. */
.archive-diary-tabs { display:flex; flex-wrap:wrap; justify-content:flex-end; }
.archive-diary-tabs .btn { float:none; }
.archive-diary-tabs a[aria-current=page] { font-weight:bold; text-decoration:underline; }
.diary-cover-intro { box-sizing:border-box; width:98%; margin:10px auto; padding:15px; border:1px solid #e7e5e5; background:#f2fcfd; text-align:center; }
.diary-cover-intro .community-profile-name { font-size:12px; margin:0 0 8px; padding:0; border:0; }
.diary-cover-intro .community-profile-bio { margin-top:12px; }
.diary-cover-intro .community-profile-bio h3 { font-size:11px; }
/* The archived cover used a 280px frame with full-width, compact text rows. */
.archive-diary-info { box-sizing:border-box; width:280px; max-width:100%; margin:20px auto 8px; border:1px solid #848684; border-collapse:collapse; background:#fff; font:12px/18px var(--nuda-font); }
.archive-diary-info caption { padding:3px; border:1px solid #848684; border-bottom:0; color:#666; background:#efefef; text-align:left; font:12px/18px var(--nuda-font); }
.archive-diary-info caption img { width:20px; height:15px; margin:0; vertical-align:middle; }
.archive-diary-info td { padding:0 3px; font:12px/18px var(--nuda-font); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.archive-diary-info tbody tr:first-child td { padding-top:3px; }
.archive-diary-info tbody tr:last-child td { padding-bottom:3px; }
.diary-info-label { font:inherit; }
.archive-diary-cover > .restore-note { box-sizing:border-box; width:280px; max-width:100%; margin:6px auto; text-align:left; font:11px/16px var(--nuda-small); }
body.has-diary-sidebar #rightMain { display:block; }
.diary-stat-help { margin:4px 8px 8px; font:11px/1.4 var(--nuda-small); }
.diary-stat-help summary { cursor:pointer; }
.diary-stat-help p { margin:5px 0; overflow-wrap:anywhere; }
#rightMain .foot_box { box-sizing:border-box; width:128px; max-width:100%; background:#fff; }
#rightMain .foot_box li { margin-right:8px; overflow-wrap:anywhere; }
#diary_management button { min-height:18px; padding:0; border:0; background:none; color:#444; font:12px var(--nuda-font); justify-content:flex-start; text-align:left; }
#diary_management button:hover { text-decoration:underline; }
#diary_member .master { font:12px/18px var(--nuda-font); }
#diary_member .master .member-profile-link { display:inline; color:#444; font:inherit; white-space:normal; overflow-wrap:anywhere; }
#diary_member .diary-owner-meta { display:inline-block; margin:0; color:#444; font:11px/18px var(--nuda-small); letter-spacing:-1px; vertical-align:baseline; }
#diary_member .member { line-height:1.5; }
.diary-list-search input:not([type=hidden]) { min-width:0; max-width:100%; }
.diary-list-search input[name=q] { width:160px; }
.calendar-all-posts { padding-top:3px; border-top:1px dotted #ddd; }
/* Match the supplied signup reference while allowing every row to stack. */
.archive-registration { box-sizing:border-box; max-width:100%; padding:12px; background:#fdf9ed; }
.archive-registration-table { width:100%; table-layout:fixed; border:1px solid #dfc18d; border-collapse:collapse; background:#fff; }
.archive-registration-table caption { margin-bottom:12px; padding:7px 9px; background:#c0e7f0; color:#a32b20; text-align:left; font-weight:bold; font-size:12px; }
.archive-registration-table th,.archive-registration-table td { padding:9px 10px; border:1px solid #dfc18d; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.archive-registration-table th { width:130px; background:#fffdf3; font-weight:normal; }
.archive-registration-table td input:not([type=radio]),.archive-registration-table td > select { width:260px; max-width:100%; }
.archive-registration-table small { display:block; margin-top:5px; font:11px/1.5 var(--nuda-small); color:#777; }
.archive-registration-table .gender-choice { border:0; margin:0; padding:0; }
.archive-registration-table .gender-choice legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.archive-registration-table .captcha-field { min-width:0; max-width:100%; margin:0; }
.birth-date-inputs { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-bottom:5px; }
.birth-date-inputs input[name=birthDateDigits],.archive-registration-table .birth-date-inputs input[name=birthDateDigits] { width:170px; max-width:100%; }
.admin-member-private { padding:5px 0 10px; border-bottom:1px dashed #ddd; }
@media (max-width:1000px) and (min-width:761px) {
 body.has-diary-sidebar #mainWrapper > tbody > tr > td:last-child { width:130px; }
}
@media (max-width:760px) {
 body.has-diary-sidebar #mainWrapper > tbody > tr > td:last-child { display:block; }
 body.has-diary-sidebar #rightMain { float:none; width:100%; max-width:451px; margin:0 auto; padding:8px; }
 #rightMain .foot_box { width:100%; margin-bottom:10px; }
 #rightMain .foot_box .title { margin:8px 10px; padding-bottom:8px; }
 #rightMain .foot_box .body { padding:0 10px 8px; }
 #rightMain .foot_box li { margin:0; line-height:1.7; }
 #rightMain .diary-stat-help { margin:6px 0 0; }
 #rightMain #diary_participants .diary-participant-roster { margin:0; }
 #diary_management li { padding-left:16px; background-position:left center; }
 #diary_management li > a,#diary_management li > button { box-sizing:border-box; display:flex; align-items:center; justify-content:flex-start; width:100%; min-width:0; max-width:100%; min-height:44px; margin:0; padding:8px 0; font:12px/18px var(--nuda-font); text-align:left; white-space:normal; overflow-wrap:anywhere; }
 .archive-diary-tabs { float:none; margin:0 0 8px; }
 .diary-cover-intro { padding:12px 8px; }
 .archive-registration-table,.archive-registration-table caption,.archive-registration-table tbody,.archive-registration-table tr,.archive-registration-table th,.archive-registration-table td { display:block; box-sizing:border-box; width:100%; max-width:100%; }
 .archive-registration-table th { padding:7px 8px; border-bottom:0; }
 .archive-registration-table td { padding:8px; }
 .archive-registration-table td input:not([type=radio]),.archive-registration-table td > select { width:100%; }
 .archive-registration-table .birth-date-inputs input[name=birthDateDigits] { width:100%; }
 .diary-list-search input[name=q] { flex:1; width:120px; }
}
@media (min-width:761px) {
 #full-search > label[for=search-age-group] { grid-area:3 / 1; }
 #full-search > #search-age-group { grid-area:3 / 2; }
}
/* The diary drawer follows the original folder-and-table menus, one row per book. */
.archive-diary-shelf,.archive-diary-members { width:100%; table-layout:fixed; border-collapse:collapse; border:1px solid #c4d9de; background:#fff; }
.archive-diary-shelf caption,.archive-diary-members caption { padding:7px 8px; text-align:left; background:#d5edf2; color:#444; font-weight:bold; }
.archive-diary-shelf th,.archive-diary-shelf td,.archive-diary-members th,.archive-diary-members td { padding:8px 6px; border-bottom:1px solid #d5e5e8; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.archive-diary-shelf th,.archive-diary-members th { background:#f4fbfc; font-weight:normal; }
.archive-diary-shelf th:first-child { width:36%; }
.archive-diary-shelf th:nth-child(2) { width:32%; }
.archive-diary-shelf small,.archive-diary-members small { display:block; margin-top:5px; color:#777; font:11px/1.5 var(--nuda-small); }
.diary-shelf-title { display:flex; align-items:flex-start; gap:4px; min-width:0; font-weight:bold; line-height:18px; overflow-wrap:anywhere; }
.diary-shelf-title > span,.subscription-title > a > span { flex:1; min-width:0; overflow-wrap:anywhere; }
.diary-shelf-title > img { display:block; flex:0 0 19px; width:19px; min-width:19px; height:16px; margin:1px 0 0; border:0; object-fit:contain; }
.archive-diary-shelf .restore-actions { margin:0; justify-content:flex-start; gap:4px; }
/* The server exposes active rosters only to the book's current participants. */
.diary-participant-roster { min-width:0; max-width:100%; margin-top:6px; text-align:left; }
.diary-participant-roster .diary-participant-heading { margin:0 0 4px; color:#666; font:11px/1.5 var(--nuda-small); }
.diary-participant-roster .diary-participant-list { list-style:none; margin:0; padding:0; }
.diary-participant-roster .diary-participant-list > li { margin:3px 0; padding:0; line-height:1.5; overflow-wrap:anywhere; }
.diary-participant-list .member-profile-link { white-space:normal; overflow-wrap:anywhere; }
.diary-participant-list img.member-gender-marker { width:9px; height:9px; min-width:9px; margin:0 3px 0 0; vertical-align:-1px; }
.diary-participant-role { display:inline-block; color:#777; font:10px/1.4 var(--nuda-small); }
.diary-participant-more { min-width:0; margin-top:5px; }
.diary-participant-more > summary { padding:2px 0; color:#1a4a88; cursor:pointer; overflow-wrap:anywhere; font:11px/1.5 var(--nuda-small); }
.diary-participant-more > summary:focus-visible { outline:1px dotted #1a4a88; outline-offset:2px; }
#diary_participants .diary-participant-roster { margin:8px 9px; }
#rightMain #diary_participants .diary-participant-list > li { margin:4px 0; }
.diary-create,.diary-owner-transfer { margin:14px 0; border:1px solid #dfc18d; background:#fdf9ed; padding:10px; }
.diary-create > summary,.diary-owner-transfer > summary { padding:2px; font-weight:bold; cursor:pointer; }
.diary-create .community-form,.diary-owner-transfer .community-form { margin-top:12px; }
.diary-invitation { margin:10px 0; padding:9px; border:1px solid #d5e5e8; background:#faffff; overflow-wrap:anywhere; }
.diary-invitation h3 { font-size:12px; margin:0 0 7px; }
.diary-invitation-message { margin:8px 0; padding:8px; background:#fff; border-top:1px dotted #ddd; }
.diary-invitation p,.diary-invitation .restore-actions { margin:7px 0 0; }
.diary-participation,.diary-lifecycle { margin:14px 0 8px; padding:10px; border:1px solid #c4d9de; }
.diary-participation > h2,.diary-lifecycle > h2 { margin-top:0; font-size:12px; }
.diary-book-type { color:#777; text-align:right; font-size:11px; }
.diary-search-result,.diary-subscription { gap:6px; flex-wrap:wrap; align-items:center; }
.diary-search-title { font-weight:bold; }
.diary-invitation .member-profile-link { display:inline; }
#diary-shelf { line-height:2; overflow-wrap:anywhere; }
#diary-shelf [aria-current=page] { font-weight:bold; }
#entry-diary,#settings-diary-select,#diary-next-owner { max-width:100%; min-width:0; }
#entry-diary-field > div { flex:1; min-width:0; }
#entry-privacy-help { padding:6px 8px; background:#f4fbfc; border:1px dotted #b7dbe4; }
#diary-invitations { margin-top:12px; }
@media (max-width:760px) {
 .archive-diary-shelf,.archive-diary-shelf tbody,.archive-diary-shelf tr,.archive-diary-shelf td { display:block; box-sizing:border-box; width:100%; max-width:100%; }
 .archive-diary-shelf thead { display:none; }
 .archive-diary-shelf tr { padding:7px 6px; border-bottom:1px solid #c4d9de; }
 .archive-diary-shelf td { border:0; padding:5px 3px; }
 .archive-diary-shelf .restore-actions { margin-top:2px; }
 .archive-diary-members th,.archive-diary-members td { padding:7px 4px; font-size:11px; }
 .archive-diary-members th:nth-child(3),.archive-diary-members td:nth-child(3) { display:none; }
 .archive-diary-members th:first-child { width:35%; }
 .archive-diary-members th:nth-child(2) { width:20%; }
 .archive-diary-members button { max-width:100%; white-space:normal; }
 .diary-create,.diary-owner-transfer,.diary-participation,.diary-lifecycle { padding:8px; }
 .diary-invitation { padding:8px; }
 #settings-diary-select,#diary-next-owner { width:100%; }
 #diary-shelf { display:flex; flex-wrap:wrap; gap:4px 10px; font-size:0; }
 #diary-shelf a { font-size:12px; padding:4px 0; }
}
.post-diary-link { display:block; padding-top:3px; font:11px/1.4 var(--nuda-small); color:#777; overflow-wrap:anywhere; }
.post-diary-link a { color:#777; }
/* Keep the entire comment editor in normal flow. The archived textarea floated
   a content-box 100% width plus its padding/border past the comment wrapper. */
.community-comments { box-sizing:border-box; min-width:0; max-width:100%; margin:10px 10px 10px 0; padding:10px; }
.community-comments .archive-comment-heading { margin:0 0 8px; padding-bottom:6px; border-bottom:1px dashed #e8e8e8; font-size:12px; }
#comment-form.archive-comment-compose { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; width:auto; min-width:0; max-width:100%; margin:10px 0 0; padding:0; }
#comment-form .comment-compose-field { display:grid; grid-template-columns:minmax(0,1fr); gap:5px; min-width:0; }
#comment-form label { display:block; margin:0; line-height:1.5; }
#comment-form textarea { box-sizing:border-box; display:block; float:none; width:100%; min-width:0; max-width:100%; height:76px; min-height:76px; margin:0; padding:6px; border:1px solid #aaa; border-radius:0; background:#fff; font:12px/1.5 var(--nuda-font); letter-spacing:0; resize:vertical; }
#comment-help { color:#777; font:11px/1.5 var(--nuda-small); overflow-wrap:anywhere; }
#comment-form .community-error { box-sizing:border-box; margin:0; max-width:100%; }
#comment-form .archive-comment-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; clear:none; gap:5px; min-width:0; margin:0; padding:0; }
#comment-form .archive-comment-actions button { margin:0; flex:0 0 auto; }
.community-comments .comment-secret-choice { display:grid; gap:4px; min-width:0; }
.community-comments .comment-secret-option,#comment-form .comment-secret-option { display:inline-flex; align-items:center; gap:5px; width:fit-content; min-height:24px; margin:0; font:12px/1.5 var(--nuda-font); cursor:pointer; }
.community-comments .comment-secret-option input { width:14px; height:14px; min-height:0; margin:0; padding:0; flex:0 0 14px; }
.community-comments .comment-secret-choice small,.community-comments .comment-secret-help { color:#777; font:11px/1.5 var(--nuda-small); overflow-wrap:anywhere; }
.community-comments .comment-secret-icon { display:inline-block; flex:0 0 12px; vertical-align:-2px; margin-right:4px; color:#6d8290; }
.community-comments .comment-secret-label { display:inline-flex; align-items:center; color:#617a88; font-size:11px; }
.community-comments .comment-secret-label[hidden] { display:none; }
.community-comments .comment-locked { display:flex; align-items:center; margin:0 0 3px; color:#667985; }
.community-comments .comment_box.is-reply { box-sizing:border-box; max-width:calc(100% - 22px); margin-left:22px; padding-left:10px; border-left:2px solid #d1e7ed; }
.community-comments .comment-reply-mark { margin-right:5px; color:#779aaa; }
.community-comments .comment-reply-to { padding:4px 6px 0; color:#79909a; font:11px/1.5 var(--nuda-small); }
.community-comments .comment-tombstone { color:#899398; font-size:12px; }
.community-comments .comment-row-actions { margin:5px 0 8px; }
.community-comments .comment-reply-form { display:grid; gap:7px; clear:both; box-sizing:border-box; min-width:0; width:100%; margin:8px 0; padding:10px; border:1px solid #c5dce4; background:#f5fbfd; }
.community-comments .comment-reply-form label { line-height:1.5; }
.community-comments .comment-reply-form textarea,.community-comments .community-inline-edit textarea { box-sizing:border-box; float:none; display:block; width:100%; max-width:100%; min-width:0; min-height:76px; margin:0; padding:6px; font:12px/1.6 var(--nuda-font); resize:vertical; }
.community-comments .comment-reply-form .restore-actions { margin:0; }
.home-request-card { display:flex; flex-direction:column; align-items:stretch; gap:10px; box-sizing:border-box; min-width:0; max-width:100%; margin:0 0 14px; padding:13px 14px; border:1px solid #e4d5ba; background:#fffaf0; box-shadow:2px 2px 0 #ebdcb82b; font:12px/1.6 var(--nuda-font); }
.home-request-heading { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-width:0; }
.home-request-card .request-sticker { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; padding:9px 10px; border:1px dashed #df9b8e; background:#ffe3d9; color:#9c4e45; transform:rotate(-4deg); font-weight:bold; font-size:14px; text-decoration:none; }
.home-request-card .request-sticker::before { position:absolute; top:-7px; left:calc(50% - 16px); width:32px; height:11px; border:1px solid #dfd09a80; background:#f7e9b8b3; content:""; }
.home-request-copy { flex:1 1 250px; min-width:0; overflow-wrap:anywhere; }
.home-request-card .home-request-copy h2 { margin:0 0 3px; padding:0; border:0; background:none; font:700 12px/1.6 var(--nuda-font); }
.home-request-copy p { margin:0 0 5px; }
.home-request-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
.home-request-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:2px 7px; color:#365e7e; }
.home-request-actions .request-write-link { border:1px solid #cb9c8e; background:#fff0e8; color:#925345; font-weight:bold; }
.home-request-recent { min-width:0; max-width:100%; }
.home-request-list { list-style:none; margin:0; padding:0; min-width:0; }
.home-request-list li { margin:0; padding:0; border-top:1px dotted #e3d6bd; min-width:0; }
.home-request-list a { display:flex; align-items:center; gap:7px; box-sizing:border-box; min-width:0; max-width:100%; min-height:32px; padding:4px 1px; color:#365e7e; text-decoration:none; }
.home-request-subject { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home-request-list a:hover .home-request-subject { text-decoration:underline; }
.home-request-list a:focus-visible,.request-sticker:focus-visible,.request-write-link:focus-visible { outline:2px solid #4381a4; outline-offset:2px; }
.home-request-list .request-status { flex:0 0 auto; }
.home-request-privacy { flex:0 0 auto; font:11px/1.5 var(--nuda-small); color:#917361; white-space:nowrap; }
.home-request-empty { margin:0; padding:6px 0 0; border-top:1px dotted #e3d6bd; color:#8a7c69; line-height:1.7; overflow-wrap:anywhere; }
.request-status-links { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0 12px; }
.request-status-links a { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:3px 12px; border:1px solid #b9d3df; background:#f6fbfd; color:#365c79; }
.request-status-links a[aria-current=page] { border-color:#78afc4; background:#d9edf5; font-weight:bold; }
.request-status { display:inline-block; padding:1px 5px; border:1px solid #c4d6df; background:#f1f7fa; color:#527184; font:11px/1.5 var(--nuda-small); white-space:nowrap; }
.request-kind-badge { display:none; }
@media(max-width:760px) { .request-kind-badge { display:inline-flex; align-items:center; margin-right:3px; padding:1px 5px; border:1px solid #dfc7b1; background:#fff4e7; color:#8b6651; font:11px/1.5 var(--nuda-small); vertical-align:1px; white-space:nowrap; } }
.request-status-in_progress { border-color:#dfca94; background:#fff7dd; color:#85651f; }
.request-status-reviewing { border-color:#cab8dc; background:#f5eefb; color:#70528a; }
.request-status-completed { border-color:#a4c9a9; background:#ecf7e9; color:#3b7044; font-weight:bold; }
.request-status-declined { border-color:#d7b9bb; background:#f8eeee; color:#8a5a60; }
.request-detail-info { box-sizing:border-box; min-width:0; max-width:100%; margin:12px 0; padding:12px; border:1px solid #c6dce4; background:#f4fbfd; overflow-wrap:anywhere; }
.request-detail-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:9px; }
.request-detail-info h2 { margin:0 0 5px; padding:0; border:0; background:none; font:700 12px/1.6 var(--nuda-font); }
.request-resolution { padding:8px 10px; border:1px solid #dde7eb; background:white; line-height:1.7; overflow-wrap:anywhere; }
.request-write-help { padding:9px 10px; border:1px solid #e1d7bd; background:#fffaf0; line-height:1.6; }
#write-form #request-kind-field[hidden],#write-form #request-write-help[hidden],#write-form.request-write-mode .restore-field[hidden],#write-form.request-write-mode .mobile-write-options { display:none; }
.admin-request-state { display:inline-block; padding:3px 8px; border:1px solid #c9dce6; border-radius:4px; background:#f1f8fb; font-size:12px; line-height:1.5; }
.admin-request-state.is-completed { background:#eef8ed; border-color:#b7d5b4; color:#376234; }
.admin-request-state.is-in_progress { background:#fff7e5; border-color:#e1cb90; color:#785a17; }
.admin-request-state.is-reviewing { border-color:#cab8dc; background:#f5eefb; color:#70528a; }
.admin-request-state.is-declined { border-color:#d7b9bb; background:#f8eeee; color:#8a5a60; }
.admin-request-resolution { margin:10px 0; padding:12px; border:1px solid #d5e2e8; background:#fff; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.admin-request-editor { min-width:240px; max-width:420px; }
.admin-request-editor textarea { box-sizing:border-box; width:100%; max-width:100%; min-height:100px; }
@media(max-width:760px) { .home-request-card { gap:10px; padding:13px 10px; } .home-request-heading { gap:10px; } .home-request-copy { flex-basis:calc(100% - 95px); } .home-request-actions { width:100%; justify-content:flex-end; } .home-request-actions a,.request-status-links a { min-height:38px; } .home-request-list a { min-height:44px; gap:5px; } .request-status-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; } .request-status-links a { box-sizing:border-box; min-width:0; min-height:44px; padding-inline:7px; } .request-detail-info { padding:10px; } .admin-request-editor { min-width:0; width:100%; } }
@media(max-width:760px) { .community-comments .comment_box.is-reply { max-width:calc(100% - 12px); margin-left:12px; padding-left:7px; } .community-comments .comment-reply-form { padding:8px; } .community-comments .comment-row-actions button,.community-comments .comment-reply-form button,.community-comments .community-inline-edit button { min-height:44px; padding:7px 10px; } .community-comments .comment-secret-option,#comment-form .comment-secret-option { min-height:36px; } }
/* Subscription and message folders use the site's small type, pale headers,
   and thin table rules; creation stays on a separate writing tab. */
.archive-account-tabs { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 12px; padding:0 0 4px; border-bottom:1px solid #a6c1ce; }
.archive-account-tabs a { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:3px 10px; border:1px solid #b8cbd3; background:#f6fafb; font:12px/1.4 var(--nuda-small); white-space:nowrap; }
.archive-account-tabs a[aria-current=page] { border-color:#7eafc2; background:#d5edf2; color:#333; font-weight:bold; }
.archive-folder-summary { padding:5px 0; font:11px/1.5 var(--nuda-small); color:#666; }
.archive-subscription-list,.archive-message-list,.archive-message-info,.archive-compose-table { box-sizing:border-box; width:100%; max-width:100%; table-layout:fixed; border-collapse:collapse; border:1px solid #c4d9de; }
.archive-subscription-list caption,.archive-message-list caption,.archive-message-info caption,.archive-compose-table caption { padding:6px 8px; text-align:left; background:#d5edf2; color:#444; font-weight:bold; }
.archive-subscription-list th,.archive-subscription-list td,.archive-message-list th,.archive-message-list td,.archive-message-info th,.archive-message-info td,.archive-compose-table th,.archive-compose-table td { padding:7px 6px; border-bottom:1px solid #d5e5e8; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.archive-subscription-list thead th,.archive-message-list thead th { background:#f4fbfc; font-weight:normal; text-align:center; }
.archive-subscription-list .subscription-number { width:28px; text-align:center; font:11px/1.5 var(--nuda-small); }
.archive-subscription-list .subscription-owner { width:100px; }
.archive-subscription-list .subscription-actions { width:166px; }
.subscription-title > a { display:flex; align-items:flex-start; gap:4px; min-width:0; font-weight:bold; line-height:18px; }
.subscription-title > a > img { display:block; flex:0 0 19px; width:19px; min-width:19px; height:16px; margin:1px 0 0; border:0; object-fit:contain; }
.subscription-title small { display:block; margin-top:5px; color:#777; font:11px/1.5 var(--nuda-small); }
.archive-subscription-list .restore-actions { justify-content:flex-start; gap:4px; margin:0; }
.archive-folder-empty td { padding:28px 8px; text-align:center; color:#777; line-height:1.6; }
.archive-message-list .community-message { padding:0; border:0; }
.archive-message-list .message-number { width:22px; text-align:center; font:11px/1.5 var(--nuda-small); }
.archive-message-list .message-writer { width:70px; }
.archive-message-list .message-date { width:85px; font:11px/1.5 var(--nuda-small); color:#777; }
.archive-message-list .message-status { width:65px; font:11px/1.5 var(--nuda-small); }
.archive-message-list .message-delete { width:36px; text-align:center; }
.archive-message-list .message-preview a { display:block; min-width:0; line-height:1.5; overflow-wrap:anywhere; }
.archive-message-list .message-delete button { min-width:0; padding:2px 5px; font-size:11px; }
.archive-message-list .message-confirmed-at { display:block; margin-top:3px; font:10px/1.4 var(--nuda-small); color:#777; }
.archive-message-detail { margin:12px 0 18px; }
.archive-message-info th { width:90px; background:#f7fbfc; font-weight:normal; }
.archive-message-info td { line-height:1.5; }
.archive-message-body { box-sizing:border-box; min-width:0; max-width:100%; min-height:110px; padding:12px; border:1px solid #c4d9de; border-top:0; overflow-wrap:anywhere; line-height:1.6; }
.archive-compose-table th { width:90px; background:#fffdf3; font-weight:normal; }
.archive-compose-table small { display:block; margin-top:5px; color:#777; font:11px/1.5 var(--nuda-small); }
.archive-compose-table select { min-width:0; width:260px; max-width:100%; }
.archive-compose-table textarea { box-sizing:border-box; display:block; float:none; width:100%; min-width:0; max-width:100%; min-height:160px; margin:0; resize:vertical; }
.archive-recipient-search input { width:200px; max-width:100%; }
.archive-recipient-search .community-error { box-sizing:border-box; flex:1 0 100%; margin:0; }
@media (max-width:760px) {
 .community-comments { margin-right:0; padding:7px; }
 #comment-form textarea { min-height:90px; height:90px; font-size:16px; }
 #comment-form .archive-comment-actions button { min-height:44px; padding:8px 12px; }
 .archive-account-tabs { gap:4px; }
 .archive-account-tabs a { min-height:32px; padding:5px 8px; }
 .archive-subscription-list,.archive-subscription-list tbody,.archive-subscription-list tr,.archive-subscription-list td { box-sizing:border-box; display:block; width:100%; max-width:100%; }
 .archive-subscription-list thead { display:none; }
 .archive-subscription-list tr[data-subscribed-diary] { padding:6px; border-bottom:1px solid #c4d9de; }
 .archive-subscription-list td { padding:5px 3px; border:0; }
 .archive-subscription-list .subscription-number { display:none; }
 .archive-subscription-list .subscription-owner,.archive-subscription-list .subscription-actions { width:100%; }
 .archive-subscription-list .restore-actions { margin:3px 0 0; }
 .archive-message-list .message-number,.archive-message-list .message-date { display:none; }
 .archive-message-list .message-writer { width:25%; }
 .archive-message-list .message-status { width:40px; }
 .archive-message-list .message-delete { width:40px; }
 .archive-message-list th,.archive-message-list td { padding:6px 4px; }
 .archive-message-list .message-delete button { min-height:30px; max-width:100%; }
 .archive-message-list .message-preview a { padding:2px 0; }
 .archive-message-info th { width:70px; }
 .archive-message-info th,.archive-message-info td { padding:7px 5px; }
 .archive-message-body { padding:9px; }
 .archive-compose-table,.archive-compose-table tbody,.archive-compose-table tr,.archive-compose-table th,.archive-compose-table td { box-sizing:border-box; display:block; width:100%; max-width:100%; }
 .archive-compose-table th { padding:7px 8px; border-bottom:0; }
 .archive-compose-table td { padding:8px; }
 .archive-compose-table select { width:100%; }
 .archive-compose-table textarea { min-height:170px; font-size:16px; }
 .archive-recipient-search input { flex:1 1 120px; width:120px; }
}