/*
 * SNUAAA homepage, third edition ("3rd", design by 해리, 2008), rebuilt
 * without tables, frames or scripts. Every page is one fixed 1004px canvas,
 * as it was; phones and tablets zoom it (viewport width=1004).
 * Images under /assets/aaa/ are the original artwork.
 */

:root {
    color-scheme: light;
    /* The faces the old site was drawn with on Windows, where a visitor has
       them; elsewhere free look-alikes: 백묵 굴림/돋움 (Kim Jeong-Hwan) and
       DejaVu Sans, Bitstream Vera's heir and Verdana's near twin, whose
       condensed cut stands in for Tahoma. Hangul in Tahoma or Verdana text
       falls through to 굴림, as Windows' font linking did. */
    --gulim: Gulim, "굴림", "AAA Gulim", sans-serif;
    --dotum: Dotum, "돋움", "AAA Dotum", sans-serif;
    --tahoma: Tahoma, "AAA Tahoma", Gulim, "굴림", "AAA Gulim", sans-serif;
    --verdana: Verdana, "AAA Verdana", Gulim, "굴림", "AAA Gulim", sans-serif;
    --text: #555555;
    --link: #2f57a7;
    --hover: #ff3399;
    --theme: #0054a6;
    --line: #ccdded;
    --row: #f2f6fa;
    --sky-line: #70c0e1;
    --comment: #e66700;
}

/* ---------------------------------------------------------------- fonts */

@font-face {
    font-family: "AAA Gulim";
    src: url(fonts/baekmuk-gulim.woff2) format("woff2");
    font-display: swap;
    unicode-range: U+2010-2027, U+2030-205E, U+2100-218F, U+2190-21FF, U+2200-22FF, U+2460-24FF, U+2500-257F, U+25A0-25FF, U+2600-26FF, U+3000-303F, U+3130-318F, U+3200-32FF, U+AC00-D7A3, U+FF01-FF60, U+FFE0-FFE6;
}

/* 굴림 and 돋움 carried Arial-like Latin letters; 백묵's are monospaced. */
@font-face {
    font-family: "AAA Gulim";
    src: url(fonts/LiberationSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC;
}

/* 굴림 and 돋움 carried Arial-like Latin letters; 백묵's are monospaced. */
@font-face {
    font-family: "AAA Gulim";
    src: url(fonts/LiberationSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC;
}

@font-face {
    font-family: "AAA Dotum";
    src: url(fonts/baekmuk-dotum.woff2) format("woff2");
    font-display: swap;
    unicode-range: U+2010-2027, U+2030-205E, U+2100-218F, U+2190-21FF, U+2200-22FF, U+2460-24FF, U+2500-257F, U+25A0-25FF, U+2600-26FF, U+3000-303F, U+3130-318F, U+3200-32FF, U+AC00-D7A3, U+FF01-FF60, U+FFE0-FFE6;
}

/* 굴림 and 돋움 carried Arial-like Latin letters; 백묵's are monospaced. */
@font-face {
    font-family: "AAA Dotum";
    src: url(fonts/LiberationSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC;
}

/* 굴림 and 돋움 carried Arial-like Latin letters; 백묵's are monospaced. */
@font-face {
    font-family: "AAA Dotum";
    src: url(fonts/LiberationSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC;
}

@font-face {
    font-family: "AAA Tahoma";
    src: url(fonts/DejaVuSansCondensed.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+25B2-25BC;
}

@font-face {
    font-family: "AAA Tahoma";
    src: url(fonts/DejaVuSansCondensed-Bold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+25B2-25BC;
}

@font-face {
    font-family: "AAA Verdana";
    src: url(fonts/DejaVuSans.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+25B2-25BC;
}

@font-face {
    font-family: "AAA Verdana";
    src: url(fonts/DejaVuSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+25B2-25BC;
}

/* ----------------------------------------------------------------- page */

html {
    background: #000;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html.is-day {
    background: #f3fff0;
}

body {
    width: 1004px;
    margin: 0;
    font: 9pt/1.3 var(--gulim);
    color: var(--text);
}

a:link,
a:visited {
    color: var(--link);
    text-decoration: none;
}

a:hover,
a:focus-visible {
    color: var(--hover);
}

:focus-visible {
    outline: 2px solid #ff3399;
    outline-offset: 1px;
}

img {
    border: 0;
}

h1,
h2,
h3 {
    font-size: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

.vh {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.skip {
    position: absolute;
    top: -40px;
    left: 8px;
    z-index: 10;
    padding: 4px 8px;
    background: #fff;
}

.skip:focus {
    top: 8px;
}

/* --------------------------------------------------------------- header */

.top {
    position: relative;
    width: 1004px;
    height: 150px;
    background: url(aaa/night_bg_top.jpg) no-repeat;
}

.is-day .top {
    background-image: url(aaa/day_bg_top.jpg);
}

.top a {
    position: absolute;
    display: block;
}

.top__home {
    left: 4px;
    top: 0;
    width: 249px;
    height: 85px;
}

/* The star menu: each link covers the label painted on the sky and carries
   its star (::before), so hovering either lights the star. */
.star {
    left: var(--x);
    top: var(--y);
    width: var(--w);
    height: 16px;
    z-index: 2;
}

.star::before {
    content: "";
    position: absolute;
    left: calc(var(--sx) - var(--x));
    top: calc(var(--sy) - var(--y));
    width: 35px;
    height: 33px;
    background: url(aaa/star_night_none.gif) no-repeat;
}

.star:hover::before,
.star:focus-visible::before {
    background-image: url(aaa/star_night_none_over.gif);
}

.is-day .star::before {
    background-image: url(aaa/star_day_none.gif);
}

.is-day .star:hover::before,
.is-day .star:focus-visible::before {
    background-image: url(aaa/star_day_none_over.gif);
}

/* 히트 갤러리 has no label of its own; 추억 만들기 lies over its area. */
.star--hit {
    z-index: 1;
}

.star--pic {
    z-index: 3;
}

.is-night .star--free { --x: 449px; --y: 44px; --w: 57px; --sx: 459px; --sy: 16px; }
.is-night .star--diary { --x: 508px; --y: 79px; --w: 75px; --sx: 540px; --sy: 51px; }
.is-night .star--pic { --x: 652px; --y: 11px; --w: 75px; --sx: 668px; --sy: 24px; }
.is-night .star--hit { --x: 700px; --y: 20px; --w: 75px; --sx: 635px; --sy: 38px; }
.is-night .star--data { --x: 695px; --y: 61px; --w: 42px; --sx: 739px; --sy: 55px; }
.is-night .star--staff { --x: 680px; --y: 93px; --w: 43px; --sx: 724px; --sy: 87px; }

.is-day .star--free { --x: 560px; --y: 51px; --w: 57px; --sx: 578px; --sy: 20px; }
.is-day .star--diary { --x: 640px; --y: 74px; --w: 75px; --sx: 659px; --sy: 42px; }
.is-day .star--pic { --x: 671px; --y: 11px; --w: 75px; --sx: 705px; --sy: 22px; }
.is-day .star--hit { --x: 700px; --y: 20px; --w: 75px; --sx: 745px; --sy: 35px; }
.is-day .star--data { --x: 787px; --y: 32px; --w: 46px; --sx: 806px; --sy: 47px; }
.is-day .star--staff { --x: 807px; --y: 89px; --w: 43px; --sx: 775px; --sy: 77px; }

.tab {
    top: 128px;
    height: 22px;
}

.tab--info { left: 366px; width: 106px; }
.tab--starfind { left: 486px; width: 106px; }
.tab--astropic { left: 606px; width: 69px; }
.tab--clan { left: 689px; width: 126px; }
.tab--astroevent { left: 829px; width: 88px; }
.tab--guest { left: 930px; width: 64px; }

.tab:focus-visible,
.star:focus-visible,
.top__home:focus-visible,
.top__admin:focus-visible {
    outline-color: #fff;
}

/* Admins could open the control panel by clicking the sun (or the moon). */
.top__admin {
    left: 890px;
    top: 28px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.is-day .top__admin {
    left: 898px;
    top: 32px;
    width: 80px;
    height: 74px;
}

.login {
    position: absolute;
    left: 10px;
    top: 126px;
    display: flex;
    align-items: center;
    width: 305px;
    height: 24px;
    margin: 0;
}

.login label img,
.login a img,
.login input[type="image"] {
    display: block;
}

.login .top a,
.login a {
    position: static;
}

.login__input {
    box-sizing: border-box;
    width: 70px;
    height: 18px;
    margin: 0;
    padding: 0 2px;
    border: 1px solid #767676;
    border-radius: 0;
    background: #fff;
    font: 9pt var(--gulim);
    color: #000;
}

.login label + .login__input {
    margin-right: 6px;
}

.login label[for="login-pw"] + .login__input {
    margin-right: 5px;
}

.login__keep {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
}

.login--in .login__name {
    width: 198px;
    margin: 0;
    padding-left: 4px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login--in form {
    width: 64px;
    margin: 0;
}

/* --------------------------------------------------------- middle frame */

.ground {
    width: 1004px;
    background: #545686 url(aaa/night_bg.jpg) repeat-x;
}

.is-day .ground {
    background: #f99d2c url(aaa/day_bg.jpg) repeat-x;
}

.cols {
    display: grid;
    grid-template-columns: 150px 818px;
    column-gap: 20px;
    align-items: start;
    padding: 10px 8px 0;
}

.horizon {
    display: flex;
    align-items: flex-end;
    height: 110px;
}

.horizon img {
    display: block;
}

/* The left column's white boxes with a light blue inner rule. */
.lbox {
    box-sizing: border-box;
    width: 150px;
    margin: 0 0 20px;
    border: 10px solid transparent;
    border-image: url(aaa/lbox.png) 10 fill / 10px stretch;
    color: #626262;
}

.lbox h2,
.lbox p,
.lbox dl,
.lbox dd,
.lbox ul {
    margin: 0;
    padding: 0;
}

.lbox img {
    vertical-align: baseline;
}

.astro {
    text-align: center;
    font-family: var(--dotum);
    color: var(--text);
}

.astro__body {
    display: flex;
    justify-content: center;
    gap: 2px;
    margin-top: 2px;
    text-align: left;
}

.astro__times {
    width: 66px;
    padding: 1px 2px;
    line-height: 22px;
}

.astro__times div {
    display: flex;
}

.astro__times dt::after {
    content: "-";
}

.astro__moon {
    width: 60px;
    padding-top: 1px;
    line-height: 21px;
    white-space: nowrap;
}

.astro__moon img {
    display: block;
}

.menu li {
    margin: 3px 0;
    list-style: none;
}

.menu li::before,
.menu summary::before,
.loged__title img {
    vertical-align: baseline;
}

.menu li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background: url(aaa/bul_love.gif);
}

.menu details li::before,
.menu .menu__has-group::before {
    content: none;
}

.menu__group summary::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background: url(aaa/bul_love.gif);
}

.menu__group summary {
    display: inline;
    color: blue;
    cursor: pointer;
    list-style: none;
}

.menu__group summary::-webkit-details-marker {
    display: none;
}

.menu__group summary:hover {
    color: var(--hover);
}

.menu__group ul {
    margin: 4px 0 0;
    padding: 4px 0 4px 14px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.menu__group li {
    margin: 2px 0;
}

.menu__admin:link,
.menu__admin:visited {
    color: red;
}

.loged {
    line-height: 18px;
}

.loged__title {
    font-weight: normal;
}

.loged dl div {
    display: flex;
    padding-left: 10px;
}

.loged dt {
    width: 60px;
}

.loged dt::after {
    content: ":";
    float: right;
    width: 10px;
    text-align: center;
}

.loged dd {
    min-width: 50px;
    text-align: right;
}

.vault {
    text-align: center;
    line-height: 18px;
    color: var(--text);
}

.cygnus {
    margin: 20px 0 0;
    text-align: center;
}

.cygnus img {
    display: inline-block;
}

/* The white boxes of the centre column. */
.box {
    box-sizing: border-box;
    margin: 0 0 20px;
    border: 10px solid transparent;
    border-image: url(aaa/box.png) 10 fill / 10px stretch;
}

.copy {
    margin-bottom: 0;
}

.copy p {
    margin: 0;
    text-align: center;
    line-height: 15px;
}

/* 전광판 */
.sign {
    display: flex;
    height: 23px;
    background: url(aaa/sign_bg.gif) repeat-x;
}

.sign img {
    display: block;
    flex: none;
}

.sign__text {
    flex: 1;
    margin: 0;
    font: 12px/23px var(--gulim);
    color: #000;
    white-space: nowrap;
    overflow: hidden;
}

.sign__text img {
    display: inline;
    vertical-align: 1px;
}

/* 천문현상 & 일정: yesterday and the week after */
.week {
    width: 770px;
    margin: 0 auto;
    color: #626262;
}

.week__head,
.week__month {
    display: inline-block;
    margin: 0;
    padding: 8px 8px 7px 16px;
}

.week__month {
    float: right;
    padding: 8px 16px 7px 8px;
}

.week a:link,
.week a:visited {
    color: #626262;
}

.week a:hover {
    color: var(--link);
}

.week__grid {
    clear: both;
    /* The old cells were 110px wide and pushed the 770px table to 786px. */
    width: 786px;
    margin: 0 -8px;
    border: 1px solid var(--sky-line);
    border-spacing: 0;
    table-layout: fixed;
}

.week__grid th,
.week__grid td {
    border: 1px solid var(--sky-line);
    font-weight: normal;
    text-align: center;
}

.week__grid th {
    height: 18px;
    padding: 0;
}

.week__grid td {
    height: 78px;
    padding: 0;
}

.week__grid .is-today {
    background: #ccffff;
}

.week__grid .is-sat {
    color: blue;
}

.week__grid .is-sun {
    color: red;
}

/* The main box keeps the old 798px content width. */
.main {
    min-height: 120px;
}

.main > :first-child {
    margin-top: 0;
}

/* ----------------------------------------------------------------- home */

.home-top {
    display: grid;
    grid-template-columns: 390px 390px;
    column-gap: 18px;
    margin-bottom: 15px;
}

.home-boxes {
    display: grid;
    grid-template-columns: repeat(3, 254px);
    gap: 15px 18px;
}

.astrobox,
.noticebox,
.latest {
    color: #626262;
}

.astrobox a:link,
.astrobox a:visited,
.noticebox a:link,
.noticebox a:visited,
.latest a:link,
.latest a:visited {
    color: #626262;
}

.astrobox a:hover,
.latest a:hover {
    color: var(--link);
}

.noticebox a:hover {
    color: #a6003b;
}

.astrobox__head,
.noticebox__head {
    height: 28px;
    margin: 0;
    padding-left: 10px;
    line-height: 30px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    background: url(aaa/latest/astro_title_bg.gif) repeat-x;
}

.noticebox__head {
    background-image: url(aaa/latest/notice_title_bg.gif);
}

.astrobox__body,
.noticebox__body {
    box-sizing: border-box;
    /* The old script set 138px plus padding and the bottom border. */
    height: 149px;
    padding: 5px;
    overflow: auto;
    border: 1px solid var(--sky-line);
    border-top: 0;
    background: #ccffff;
    color: var(--text);
}

.noticebox__body {
    border-color: #a6003b;
    background: #fff5f9;
}

.astrobox__body p,
.noticebox__body p {
    margin: 12px 0;
    color: #222;
    line-height: 15px;
    white-space: pre-line;
}

.latest__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 28px;
    padding: 2px 12px 0 10px;
    box-sizing: border-box;
    background: url(aaa/latest/bbs_title_bg.gif) repeat-x;
}

.latest__head h2 {
    margin: 0;
}

.latest__list,
.latest__thumbs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.latest__list li {
    display: flex;
    align-items: center;
    height: 24px;
}

.latest__list li::before {
    content: "";
    flex: none;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    background: url(aaa/latest/bbs_left_old.gif);
}

.latest__list a {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
}

.latest__thumbs {
    display: flex;
    gap: 4px;
    padding: 13px 0 0 3px;
}

.latest__thumbs li {
    width: 82px;
    text-align: center;
}

.latest__thumbs img,
.latest__nothumb {
    display: block;
    box-sizing: border-box;
    width: 82px;
    height: 82px;
    border: 1px solid #000;
    object-fit: cover;
}

.latest__nothumb {
    overflow: hidden;
    padding: 4px;
    font-size: 11px;
    line-height: 1.2;
    color: #999;
    background: #fff;
}

.latest__thumbs .cmt {
    display: block;
    margin-top: 5px;
}

.latest__closed {
    margin: 0;
    padding: 34px 0;
    text-align: center;
    color: #999;
}

.cmt {
    font: 10px var(--tahoma);
    color: var(--comment);
}

.latest .cmt {
    flex: none;
    padding-left: 4px;
}

/* ------------------------------------------- jaemanstyle_b02_blue boards */

.zb {
    width: 750px;
    margin: 0 auto;
    /* Where the RSS and login icons sat above the list. */
    padding-top: 16px;
    font-family: var(--tahoma);
    color: var(--text);
}

.zb a:link,
.zb a:visited,
.zb a:hover {
    color: var(--text);
}

.zb a:focus-visible {
    color: var(--theme);
}

.zb-num,
.zb .zb-stamp {
    font: 8pt var(--tahoma);
}

.zb-cats {
    padding: 5px 0 12px;
    text-align: center;
    font-family: var(--gulim);
}

.zb-cats a {
    display: inline-block;
    padding: 0 4px;
    white-space: nowrap;
}

.zb-cats a[aria-current] {
    font-weight: bold;
}

.zb-list {
    width: 750px;
    border-collapse: collapse;
    table-layout: fixed;
}

.zb-list__no { width: 30px; }
.zb-list__name { width: 80px; }
.zb-list__date { width: 62px; }
.zb-list__hit { width: 30px; }
col.zb-list__board { width: 110px; }

.zb-list th {
    height: 28px;
    padding: 0;
    background: url(aaa/jaeman/title_bg.gif) repeat-x;
    font: 11px var(--gulim);
}

.zb-list th img {
    display: block;
    margin: 0 auto;
}

.zb-list td {
    height: 28px;
    padding: 0;
    border-bottom: 1px solid var(--line);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zb-list tbody tr:hover {
    background: var(--row);
}

.zb-list .is-notice {
    background: var(--row);
}

.zb-list .is-notice:hover {
    background: transparent;
}

.zb-list__notice {
    font: 7pt var(--tahoma);
}

.zb-list__notice span,
.zb-view th span {
    color: var(--theme);
}

td.zb-list__subject {
    padding-left: 4px;
    text-align: left;
}

.zb-icon {
    vertical-align: 0;
}

.zb-list td.zb-list__name {
    font-family: var(--gulim);
}

.zb-list td.zb-list__board {
    font-family: var(--gulim);
}

.zb-list__empty {
    color: #999;
}

.zb .cmt {
    font: 7pt var(--tahoma);
}

.zb-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0 0;
}

.zb-buttons > div,
.zb-buttons > p {
    display: flex;
    gap: 4px;
    margin: 0;
}

.zb-buttons img,
.zb-search summary img {
    display: block;
}

.zb-search {
    position: relative;
}

.zb-search summary {
    list-style: none;
    cursor: pointer;
}

.zb-search summary::-webkit-details-marker {
    display: none;
}

.zb-search form {
    position: absolute;
    right: 0;
    top: 46px;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    gap: 6px;
    padding: 6px 0;
    background: #fff;
}

.zb-search input[type="search"],
.zb-find input[type="search"],
.gb-search input[type="search"] {
    width: 150px;
    padding: 1px 2px;
    border: 0;
    border-bottom: 1px solid var(--theme);
    border-radius: 0;
    background: transparent;
    font: 12px var(--gulim);
}

.zb-pages {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin: 6px 0 0;
    font: bold 7pt var(--verdana);
}

.zb-pages a,
.zb-pages__now {
    padding: 1px 4px;
}

.zb-pages__now {
    background: var(--theme);
    color: #fff;
}

.zb-pages img {
    display: block;
    margin: 0 2px;
}

.zb-credit {
    margin: 40px 0 10px;
    text-align: right;
    font: 8pt var(--tahoma);
}

.zb-credit b {
    color: var(--theme);
}

/* Reading a post */
.zb-view {
    width: 750px;
    border-spacing: 1px;
    background: var(--line);
}

.zb-view .zb-view__bar {
    height: 10px;
    padding: 0;
    background: var(--theme);
}

.zb-view th {
    width: 72px;
    height: 22px;
    padding: 0 8px 0 0;
    background: var(--row);
    text-align: right;
    font: bold 8pt var(--tahoma);
    white-space: nowrap;
}

.zb-view td {
    padding: 0 8px;
    background: #fff;
    font-family: var(--gulim);
}

.zb-view td.zb-num {
    font-family: var(--tahoma);
}

.zb-view__title {
    margin: 0;
    font-weight: normal;
}

.zb-view a:link,
.zb-view a:visited {
    color: var(--link);
}

.zb-images {
    margin: 10px 0 0;
    text-align: center;
}

.zb-images img {
    display: block;
    max-width: 750px;
    height: auto;
    margin: 10px auto 0;
}

.zb-body,
.zb-comment__body {
    font-family: var(--gulim);
    line-height: 160%;
    overflow-wrap: anywhere;
}

.zb-body {
    margin: 17px 0 0;
    padding: 10px;
}

.zb-body img,
.zb-comment__body img,
.dq-view__body img,
.gb-body img {
    max-width: 100%;
    height: auto;
}

.zb-body table {
    max-width: 100%;
}

.zb-body a:link,
.zb-body a:visited,
.zb-comment__body a:link,
.zb-comment__body a:visited {
    color: var(--link);
    text-decoration: underline;
}

.zb-stamp {
    margin: 0;
    padding: 0 10px 10px;
    text-align: right;
}

.zb-comments {
    margin-top: 0;
}

.zb-comment {
    border-top: 11px solid var(--line);
}

/* view_comment.php: three rows of a table with cellpadding 5. */
.zb-comment > * {
    margin: 0;
    padding: 5px;
    line-height: 16px;
}

.zb-comment.depth-1 { margin-left: 20px; }
.zb-comment.depth-2 { margin-left: 40px; }
.zb-comment.depth-3,
.zb-comment.depth-4,
.zb-comment.depth-5,
.zb-comment.depth-6 { margin-left: 60px; }

.zb-comment__name {
    font: 9pt/16px var(--gulim);
}

.zb-comment .zb-comment__body {
    line-height: 16px;
}

.zb-comment__body p {
    margin: 0;
}

.is-hidden {
    color: #999;
}

.zb-buttons--view {
    margin: 8px 0 5px;
    border-top: 1px solid var(--line);
    padding-top: 3px;
}

.zb-near p {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    margin: 0;
    padding-left: 6px;
    font-family: var(--gulim);
}

.zb-near a {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zb-near__name {
    flex: none;
    width: 80px;
    margin-left: auto;
    text-align: center;
}

.zb-heading {
    margin: 0 0 10px;
    font: bold 12px var(--gulim);
    color: var(--theme);
}

.zb-find {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    margin: 0 0 12px;
    font-family: var(--gulim);
}

.zb-find input[type="search"] {
    width: 220px;
}

.zb-find a:link,
.zb-find a:visited {
    color: var(--link);
}

.zb-found,
.zb-hint {
    margin: 0 0 8px;
    font-family: var(--gulim);
}

.zb-list--search .zb-list__board a:link,
.zb-list--search .zb-list__board a:visited {
    color: var(--link);
}

/* --------------------------------------------- goodmonster_calendar */

.cal {
    width: 660px;
    font-family: var(--verdana);
}

.cal__years,
.cal__months {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.cal__years {
    margin-bottom: 10px;
}

.cal__years img {
    display: block;
}

.cal__year {
    padding: 3px;
    background: var(--theme);
    font: 7pt var(--verdana);
    color: #fff;
}

.cal__months {
    gap: 0;
    height: 28px;
}

.cal__months a {
    width: 50px;
    text-align: center;
    font-family: var(--verdana);
}

.cal__months a[aria-current] {
    font-weight: bold;
}

.cal__grid {
    width: 660px;
    border-spacing: 1px;
    table-layout: fixed;
}

.cal__grid th {
    height: 28px;
    padding: 0;
    background: url(aaa/jaeman/title_bg.gif) repeat-x;
    font: 9pt var(--tahoma);
    font-weight: normal;
}

/* The old calendar left a 10px gap under the weekday names. */
.cal__grid tbody tr:first-child td {
    height: 85px;
    border-top: 10px solid #fff;
    background-clip: padding-box;
}

.cal__grid td {
    box-sizing: border-box;
    height: 75px;
    padding: 3px;
    vertical-align: top;
    font: 12px var(--tahoma);
    overflow: hidden;
}

.cal__day { background: #dde7e7; }
.cal__day--0 { background: #e2a6b4; }
.cal__day--6 { background: #448ccb; }
.cal__day.is-today { border: 1px solid #616264; }
.cal__day--0.is-today { border-color: #c23352; }
.cal__day--6.is-today { border-color: #0b6db7; }

.cal__date {
    display: block;
    margin-bottom: 1px;
    font: 9px var(--verdana);
}

.cal__grid a {
    display: block;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
}

.cal__list {
    margin: 12px 0 0;
    text-align: right;
    font-family: var(--gulim);
}

/* ------------------------------------------ DQ'Revolution Gallery (white) */

.dq {
    width: 750px;
    margin: 0 auto;
    padding-top: 20px;
    font-family: var(--gulim);
    color: #707070;
}

.dq a:link,
.dq a:visited {
    color: #707070;
}

.dq a:hover {
    color: #000;
}

.dq-cats {
    padding: 4px 0 6px 11px;
}

.dq-cats a {
    white-space: nowrap;
}

.dq-cats a[aria-current] {
    color: #363636;
}

.dq-dot {
    margin: 0 2px 0 8px;
    color: #a6a6a6;
}

.dq-rule {
    height: 0;
    margin: 4px 0 10px;
    border: 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #f0f0f0;
}

.dq-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    margin: 0;
    padding: 5px 15px 0;
    list-style: none;
}

.dq-thumb {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 122px;
    padding: 0 10px;
}

.dq-thumb img {
    display: block;
    max-width: 120px;
    max-height: 120px;
    border: 1px solid #606060;
}

.dq-thumb__none {
    display: block;
    width: 120px;
    height: 90px;
    border: 1px solid #ccc;
    background: #fafafa;
}

.dq-cap {
    margin: 0;
    padding: 6px 10px 0;
    text-align: center;
    font: 11px/120% var(--dotum);
    overflow-wrap: anywhere;
}

.dq-cap__title { color: #959595; }
.dq-cap__name { color: #606060; }
.dq-cap__cate { color: #959595; }

.dq-cap__eng {
    font: 11px/12px var(--tahoma);
    color: #a6a6a6;
}

.dq-cap__c {
    color: var(--comment);
}

.dq-grid__empty {
    grid-column: 1 / -1;
    padding: 40px 0;
    text-align: center;
}

.dq-pages {
    margin: 30px 0 10px;
    text-align: center;
    font-size: 12px;
}

.dq-pages a,
.dq-pages b {
    padding: 0 3px;
}

.dq-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 10px;
}

.dq-buttons p {
    margin: 0;
}

.dq .dq-button,
.dq-button {
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid #ccc;
    background: #e5e5e5;
    font: 12px var(--gulim);
    color: #585858;
    cursor: pointer;
}

.dq-search {
    display: flex;
    gap: 2px;
}

.dq-input {
    box-sizing: border-box;
    width: 102px;
    height: 22px;
    padding: 3px;
    border: 1px solid #c9c9c9;
    color: #252525;
}

.dq-credit {
    margin: 10px 0;
    text-align: right;
    font: 8pt var(--tahoma);
}

.dq-view__info {
    padding: 10px 12px;
    background: #f5f5f5 linear-gradient(#fff, #f2f2f2);
    border-bottom: 1px solid #eaeaea;
    line-height: 1.7;
}

.dq-view__info p {
    margin: 0;
}

.dq-view__cate {
    color: #959595;
}

.dq-view__files {
    margin-top: 6px !important;
    font-size: 11px;
}

.dq-view__title {
    margin: 20px 0 16px;
    text-align: center;
    font: bold 16px var(--gulim);
    color: #909090;
}

.dq-view__body {
    padding: 0 10px;
    text-align: center;
    line-height: 160%;
    overflow-wrap: anywhere;
}

.dq-view__photo {
    margin: 20px 0;
    text-align: center;
}

.dq-view__photo img {
    display: block;
    max-width: 750px;
    height: auto;
    margin: 0 auto;
}

.dq-view__photo figcaption {
    margin-top: 10px;
    font: 11px Georgia, var(--tahoma);
}

.dq-comments {
    padding: 0 10px;
}

.dq-comment {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.dq-comment:last-child {
    border-bottom: 0;
}

.dq-comment.depth-1,
.dq-comment.depth-2,
.dq-comment.depth-3,
.dq-comment.depth-4,
.dq-comment.depth-5,
.dq-comment.depth-6 {
    padding-left: 20px;
}

.dq-comment__name {
    margin: 0 0 2px;
    font: 12px var(--gulim);
    color: #404040;
}

.dq-comment__body p {
    margin: 0;
}

.dq-comment time {
    flex: none;
    text-align: right;
    font: 11px var(--tahoma);
}

.dq-near {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

/* --------------------------------------------- change_simpleguest2_white */

.gb {
    width: 750px;
    margin: 0 auto;
    padding-top: 20px;
    font-family: var(--gulim);
    line-height: 160%;
    color: #000;
}

.gb a:link,
.gb a:visited {
    color: #000;
}

.gb a:hover {
    color: gray;
}

.gb-entry,
.gb-notice {
    margin: 0 0 21px;
}

.gb-notice {
    width: 90%;
    margin: 0 auto 21px;
    border: 1px solid #e7e7e7;
}

.gb-head {
    display: flex;
    justify-content: space-between;
    padding: 1px 4px;
    border: 1px solid;
    border-color: #e7e7e7 #fff #fff #e7e7e7;
    box-shadow: inset -1px -1px 0 #e7e7e7, 1px 1px 0 #e7e7e7;
    font: 8pt/1.6 var(--tahoma);
}

.gb-notice .gb-head {
    background: #f9f9f9;
}

.gb-head h2 {
    margin: 0;
    font-weight: normal;
}

.gb-title {
    color: #777;
}

.gb-body {
    padding: 5px;
    overflow-wrap: anywhere;
}

.gb-notice .gb-body {
    padding: 10px;
}

.gb-body p:first-child {
    margin-top: 0;
}

.gb-body p:last-child {
    margin-bottom: 0;
}

.gb-reply {
    width: 90%;
    margin: 0 0 10px auto;
    border: 1px solid #e7e7e7;
}

.gb-foot {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #000;
    font: 8pt var(--tahoma);
}

.gb-pages a,
.gb-pages b {
    margin-left: 2px;
}

.gb-search {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 4px;
    margin: 6px 0 0;
}

.gb-search input[type="search"] {
    width: 100px;
    border-bottom-color: #000;
}

.gb-empty {
    padding: 40px 0;
    text-align: center;
}

/* --------------------------------------------- nownuri frame, pcskin31 */

html.nownuri {
    background: #000066;
}

.nownuri body {
    width: 780px;
    font: 12px/1.3 var(--gulim);
    color: #fff;
}

.nownuri a:link,
.nownuri a:visited,
.nownuri a:hover {
    color: #fff;
}

.nn {
    display: grid;
    grid-template-columns: 1fr 2px 600px;
    min-height: 600px;
}

.nn::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    background: #fff;
}

.nn__menu {
    grid-column: 1;
    grid-row: 1;
    padding: 5px;
}

.nn__home {
    display: block;
    height: 50px;
    padding-left: 10px;
    font-size: 11px;
    line-height: 30px;
    opacity: 0.6;
}

.nn__menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nn__menu li {
    padding-left: 10px;
    line-height: 25px;
}

.nn__menu li li {
    padding-left: 10px;
}

.nn__menu a {
    display: block;
    border: 1px solid transparent;
}

.nn__menu a:hover {
    border-color: #b8b8b8 #000 #000 #b8b8b8;
}

.nn__menu a:active {
    border-color: #000 #b8b8b8 #b8b8b8 #000;
}

.nn__main {
    grid-column: 3;
    grid-row: 1;
    padding: 10px;
}

.pc__title {
    margin: 4px 0 14px;
    text-align: center;
    font-weight: normal;
}

.pc__list,
.pc__view {
    width: 600px;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 2px solid #fff;
}

.pc__no { width: 50px; }
.pc__name,
.pc__date { width: 80px; }
.pc__hit { width: 50px; }

.pc__list th {
    height: 30px;
    font-weight: bold;
}

.pc__subject-head {
    letter-spacing: 30px;
}

.pc__list td {
    height: 22px;
    padding: 0;
    border: 1px solid transparent;
    border-width: 1px 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc__list tbody tr:hover td {
    border-color: #b8b8b8 transparent #000;
}

td.pc__subject {
    padding-left: 30px;
    text-align: left;
}

.pc__pages {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 2px solid #fff;
    text-align: center;
}

.pc__search {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    margin-top: 8px;
}

.pc__search input {
    width: 100px;
    margin-right: 10px;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    background: #000066;
    color: #fff;
}

.pc__search button,
.pc__button {
    padding: 1px 6px;
    border: 1px solid #fff;
    background: #000;
    font-size: 12px;
    color: #fff;
}

.pc__foot {
    margin: 0;
    padding: 0 0 8px 6px;
    border-bottom: 2px solid #fff;
}

.pc__credit {
    margin: 6px 0;
    text-align: right;
    font: 10px var(--tahoma);
}

.pc__view th {
    width: 60px;
    height: 30px;
    padding: 0;
    text-align: right;
    font-weight: bold;
}

.pc__view td {
    padding-left: 30px;
}

.pc__from {
    display: flex;
    justify-content: space-between;
    padding-right: 20px !important;
}

.pc__body {
    min-height: 300px;
    padding: 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: normal;
}

.pc__body img {
    max-width: 100%;
    height: auto;
}

.pc__comment {
    padding: 6px 10px;
    border-bottom: 1px solid #446;
}

.pc__comment h2 {
    margin: 0 0 4px;
    font-weight: bold;
}

.pc__near {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    height: 30px;
    margin-top: 14px;
}

/* -------------------------------------------------------------- sitemap */

.smap h1 {
    margin: 0 0 22px 20px;
}

.smap img {
    display: block;
}

.smap__group {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.smap__group li {
    display: grid;
    grid-template-columns: 37px 163px 1fr;
    align-items: center;
    min-height: 33px;
    margin-bottom: 10px;
}

.smap__group h2 {
    margin: 0;
}

.smap__text {
    margin: 0;
    padding-right: 4px;
    font: 14px var(--gulim);
    color: #626262;
}

.smap__links a {
    font-size: 15px;
}

.smap__more summary {
    position: absolute;
    right: 4px;
    margin-top: -20px;
    font: 12px var(--dotum);
    color: var(--link);
    cursor: pointer;
    list-style: none;
}

.smap__more summary::-webkit-details-marker {
    display: none;
}

.smap__more summary:hover {
    color: var(--hover);
}

.smap__more p {
    margin: 6px 0 0;
    font-size: 13px;
}

.smap__text {
    position: relative;
}

.smap__legend {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 30px 0 10px;
    font-size: 14px;
    color: #626262;
}

.smap__all {
    padding: 14px 20px 6px;
    border-top: 1px dashed #ccc;
}

.smap__all h2 {
    margin: 0 0 10px;
    font-weight: normal;
    color: #626262;
}

.smap__all h2 img {
    display: inline;
}

.smap__all ul {
    columns: 3;
    margin: 0;
    padding: 0 0 0 14px;
    line-height: 20px;
}

.smap__all li {
    break-inside: avoid;
}

.smap__all span {
    font: 11px var(--tahoma);
    color: #999;
}

/* ------------------------------------------------------- 동아리 소개 */

.info {
    padding: 0 20px;
    font-size: 13px;
    line-height: 15px;
    color: #333399;
}

.info h1 {
    margin: 0 -20px 6px;
    line-height: 0;
}

.info__toc ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 15px;
}

.info__part {
    margin: 0 0 20px;
}

.info__part h2 {
    display: inline-block;
    margin: 0 4px 0 -20px;
    vertical-align: bottom;
}

.info__part h2 img {
    display: block;
}

.info__top {
    font-size: 12px;
}

.info__part > h2 + .info__top {
    display: inline-block;
    margin-bottom: 25px;
}

.info p {
    margin: 0;
    text-align: justify;
    text-indent: 0.5em;
}

.info__intro {
    position: relative;
    min-height: 390px;
    padding-right: 258px;
    line-height: 16px;
}

.info__intro p + p {
    margin-top: 16px;
}

.info__photo {
    position: absolute;
    top: 0;
    right: 0;
}

.info h3 {
    margin: 0 0 15px 20px;
    font: normal 16px/21px var(--gulim);
}

.info p + h3 {
    margin-top: 30px;
}

.info__table {
    width: 758px;
    border: 3px double pink;
    border-spacing: 2px;
}

.info__table th,
.info__table td {
    padding: 5px;
    border: 1px solid pink;
    text-align: center;
    font-weight: normal;
}

.info__table--history col:first-child,
.info__table--history td:first-child {
    width: 50px;
}

.info__table--history td:nth-child(2) {
    width: 150px;
}

.info__table--staff td:first-child {
    width: 50px;
    white-space: nowrap;
}

.info__table--staff td:nth-child(2) {
    width: 70px;
}

.info__table--staff td:last-child {
    text-align: left;
}

/* Zeroboard 4's error box */
.zb-error {
    width: 200px;
    margin: 0 auto;
    padding: 38px 0 32px;
    font: 9pt var(--tahoma);
    color: var(--text);
}

.zb-error__box {
    padding: 0 0 1px;
    border: 1px solid #efefef;
    border-top: 11px solid var(--theme);
    background: #fff;
    text-align: center;
}

.zb-error__box p {
    margin: 0;
    padding: 15px 4px;
}

.zb-error__box .zb-error__detail {
    margin-top: -10px;
    padding-top: 0;
    font-size: 8pt;
    color: #888;
}

.zb-error__go {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
    margin: 0;
}

.zb-error__go a {
    display: block;
}

.zb-error__move:link,
.zb-error__move:visited {
    margin: 0 auto;
    padding: 1px 17px;
    border: 1px solid #767676;
    border-radius: 2px;
    background: linear-gradient(#f6f6f6, #dddddd);
    font: 13px Arial, var(--tahoma);
    color: #000;
}

.zb-error__move:hover {
    background: #e5e5e5;
    color: #000;
}

/* ------------------------------------- members' pages, messages, errors */

.panel,
.void,
.post {
    width: 600px;
    margin: 0 auto;
    padding: 20px 0 30px;
    font-family: var(--gulim);
}

.panel--wide,
.post {
    width: 750px;
}

.panel h1,
.void h1,
.post h1 {
    margin: 0 0 14px;
    padding: 0 0 6px 10px;
    border-bottom: 2px solid var(--theme);
    font: bold 14px var(--gulim);
    color: var(--theme);
}

.panel h2 {
    margin: 24px 0 10px;
    padding-left: 10px;
    border-left: 3px solid var(--theme);
    font: bold 12px var(--gulim);
}

.void {
    text-align: center;
    padding-top: 40px;
}

.void h1 {
    border: 0;
    padding: 0;
}

.void__code {
    margin: 0 0 8px;
    font: bold 32px var(--verdana);
    color: var(--line);
}

.notice {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    background: var(--row);
}

.notice--error {
    border-color: #e8a0b8;
    background: #fff5f9;
    color: #a6003b;
}

.form {
    margin: 0;
}

.field {
    display: grid;
    grid-template-columns: 180px 1fr;
    align-items: center;
    column-gap: 10px;
    min-height: 28px;
    margin: 0;
    padding: 4px 10px;
    border-bottom: 1px solid var(--line);
}

.field label {
    text-align: right;
    font: bold 11px var(--tahoma);
}

.field input,
.field textarea,
.field select {
    box-sizing: border-box;
    width: 100%;
    max-width: 360px;
    padding: 2px 4px;
    border: 1px solid #b5c4d6;
    border-radius: 0;
    background: #fff;
    font: 12px var(--gulim);
    color: #222;
}

.field input {
    height: 22px;
}

.field__error {
    grid-column: 2;
    margin: 4px 0 0;
    color: #a6003b;
}

.field--error input,
.field--error textarea {
    border-color: #a6003b;
}

.consent {
    margin: 14px 0;
    padding: 8px 14px;
    border: 1px solid var(--line);
}

.consent legend {
    padding: 0 4px;
    font-weight: bold;
}

.consent ul {
    margin: 4px 0 8px;
    padding-left: 18px;
}

.button,
a.button {
    display: inline-block;
    margin: 12px 0 0;
    padding: 3px 12px;
    border: 1px solid #7f9db9;
    border-radius: 0;
    background: linear-gradient(#fff, #e3ebf3);
    font: 12px var(--gulim);
    color: #333;
    cursor: pointer;
}

.button:hover {
    border-color: var(--theme);
    color: var(--theme);
}

.button--danger {
    border-color: #c86a8c;
    color: #a6003b;
}

.panel__links,
.panel__hint {
    margin: 14px 0 0;
}

.panel__hint {
    color: #888;
}

.panel dl,
.post__meta {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 2px 14px;
    margin: 0 0 10px;
    padding: 6px 10px;
    background: var(--row);
}

.post__meta div {
    display: flex;
    gap: 6px;
}

.post__meta dt {
    font-weight: bold;
}

.post__meta dd {
    margin: 0;
}

.danger {
    margin: 24px 0 0;
    padding: 8px 10px;
    border: 1px dashed #c86a8c;
}

.danger summary {
    cursor: pointer;
    color: #a6003b;
}

.crumbs {
    margin: 0 0 6px;
    font-size: 11px;
}

.post__body {
    line-height: 160%;
    overflow-wrap: anywhere;
}

.post__body img {
    max-width: 100%;
    height: auto;
}

/* admin */
.board-head {
    margin: 0 0 10px;
}

.board-head__count {
    margin: 0;
    color: #888;
}

.admin-search {
    display: flex;
    gap: 6px;
    align-items: center;
    margin: 0 0 10px;
}

.admin-search input,
.admin-search select,
.admin-actions input,
.admin-actions select {
    padding: 2px 4px;
    border: 1px solid #b5c4d6;
    font: 12px var(--gulim);
}

.admin-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.admin-table th {
    height: 26px;
    background: url(aaa/jaeman/title_bg.gif) repeat-x;
    font-weight: bold;
}

.admin-table td {
    height: 26px;
    padding: 0 6px;
    border-bottom: 1px solid var(--line);
}

.admin-table tbody tr:hover {
    background: var(--row);
}

.admin-facts {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 4px 10px;
    margin: 0 0 14px;
}

.admin-facts dt {
    font-weight: bold;
    text-align: right;
}

.admin-facts dd {
    margin: 0;
}

.admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 0 10px;
}

.admin-actions .button {
    margin: 0;
}

.secret {
    font-family: var(--tahoma);
    padding: 6px 10px;
    border: 1px dashed var(--theme);
    background: var(--row);
    overflow-wrap: anywhere;
}

.is-denied {
    color: #a6003b;
}