@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

/*==============================================
@ PC 基本
==============================================*/
html,
body,
button,
textarea,
select,
input{font-family:'Noto Sans SC', sans-serif;  word-break:break-all;}


.header-inner .logo {width:97px; height:42px;}


.footer-address address > span:nth-child(1):before,
.footer-address address > span:nth-child(2):before,
.footer-address address > span:nth-child(3):before,
.footer-address address > span:nth-child(4):before,
.footer-address address > span:nth-child(5):before,
.footer-address address > span:nth-child(6):before,
.footer-address address > span:nth-child(7):before{opacity:1;}
.footer-address address > span:nth-child(1):before {opacity:0;}

.board-view-detail table,
.board-view-detail {word-break:break-all;}

.footer-limit-info {display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1.5; color:rgba(255, 255, 255, 0.30); text-align:left;}
.footer-limit-info img {flex:0 0 auto; margin-right:12px;}

.btn-go-discord {background-image:url(../../images/icons/icon-header-discord.png);}


/*==============================================
@ PC 高解析度
==============================================*/
@media screen and (min-width:1921px) {

}


@media screen and (max-width:1280px) {	
	.header-inner .logo {top:13px; width:97px; height:42px;}



	.footer-menu-list {max-width:600px;}
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(2):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(6):before,
	.footer-menu-list > li:nth-child(7):before{opacity:1;display: flex;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(6):before{opacity:0;display: flex;}
}


/*==============================================
@ 平板 基本
==============================================*/
@media screen and (max-width:1024px) {
	.header-inner .logo {top:13px; left:20px; width:74px; height:32px;}
	
}


/*==============================================
@ 手機 基本
==============================================*/
@media screen and (max-width:800px) {
	.window-pop-inner .item-title {line-height: 30px;}
	.window-pop-inner .item-desc {margin-top:35px;line-height: 30px;}
	.window-pop-inner .item-btns {margin-top:35px;}
}
@media screen and (max-width:768px) {
	.footer-menu-list {max-width:300px;}
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(6):before,
	.footer-menu-list > li:nth-child(7):before{opacity:1;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(7):before{opacity:0;} 

	.footer-limit-info {font-size:12px;}
	
}


/*==============================================
@ 手機 各解析度分支
==============================================*/
@media screen and (max-width:420px) {

}

/* �Ұ��ɮ��]�G�ؿ������P�������� */
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-wrap {
    align-items: flex-start;
    gap: clamp(24px, 4vw, 56px);
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-data {
    flex: 0 0 280px;
    min-width: 0;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view {
    flex: 1 1 0;
    min-width: 0;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div {
    max-width: 900px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .78) !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div > p:first-child {
    margin: 0 0 34px !important;
    padding: 22px 26px;
    border: 1px solid rgba(242, 193, 64, .28);
    border-left: 3px solid #f2c140;
    background: linear-gradient(110deg, rgba(242, 193, 64, .10), rgba(255, 255, 255, .025));
    color: rgba(255, 255, 255, .88) !important;
    font-size: 16px;
    line-height: 1.95;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 {
    margin: 30px 0 12px !important;
    padding: 0 0 10px 14px;
    border-bottom: 1px solid rgba(242, 193, 64, .25);
    border-left: 2px solid #f2c140;
    color: #f2c140 !important;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .08em;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4:first-of-type {
    margin-top: 0 !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 + p {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 !important;
    color: inherit !important;
    line-height: 1.6 !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 + p a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .88);
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 + p a:hover,
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 + p a:focus-visible {
    border-color: rgba(242, 193, 64, .75);
    background: rgba(242, 193, 64, .12);
    color: #f2c140;
}
@media screen and (max-width: 1024px) {
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-data {
        flex-basis: 240px;
    }
}
@media screen and (max-width: 768px) {
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-wrap {
        gap: 24px;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-data,
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view {
        flex-basis: 100%;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div > p:first-child {
        padding: 18px 20px;
        margin-bottom: 26px !important;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 {
        margin-top: 24px !important;
        font-size: 17px;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 + p a {
        min-height: 42px;
    }
}

/* 帝國檔案館條目：長文閱讀與檔案層級 */
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-area {
    border: 1px solid rgba(242, 193, 64, .16);
    background: rgba(10, 13, 18, .72);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-header {
    padding: 26px 30px 22px;
    border-bottom: 1px solid rgba(242, 193, 64, .22);
    background: linear-gradient(110deg, rgba(242, 193, 64, .08), transparent 72%);
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-subject h3 {
    color: #f4f0e5;
    font-size: clamp(22px, 2.3vw, 30px);
    line-height: 1.45;
    letter-spacing: .04em;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .item-date {
    color: rgba(255, 255, 255, .52);
    font-size: 12px;
    letter-spacing: .06em;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-body {
    padding: clamp(24px, 4vw, 46px);
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div {
    max-width: 820px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 16px;
    line-height: 2;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail p {
    margin: 0 0 1.25em !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 16px !important;
    line-height: 2 !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 {
    margin: 2.4em 0 .8em !important;
    padding: 0 0 .55em 14px;
    border-bottom: 1px solid rgba(242, 193, 64, .2);
    border-left: 2px solid #f2c140;
    color: #f2c140 !important;
    font-size: 19px !important;
    line-height: 1.5;
    letter-spacing: .04em;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4:first-child {
    margin-top: 0 !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h5 {
    margin: 1.8em 0 .6em;
    color: #eee2bf;
    font-size: 16px;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail ul,
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail ol {
    margin: .5em 0 1.6em;
    padding-left: 1.6em;
    color: rgba(255, 255, 255, .82);
    line-height: 2;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail li + li {
    margin-top: .35em;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail blockquote {
    margin: 1.8em 0;
    padding: 16px 22px;
    border-left: 3px solid rgba(242, 193, 64, .72);
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .76);
    line-height: 1.9;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail a {
    color: #f2c140;
    text-decoration-color: rgba(242, 193, 64, .4);
    text-underline-offset: .2em;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail table {
    width: 100%;
    margin: 1.5em 0;
    border-collapse: collapse;
    color: rgba(255, 255, 255, .82);
    line-height: 1.8;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail th,
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail td {
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, .14);
    text-align: left;
    vertical-align: top;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail th {
    background: rgba(242, 193, 64, .10);
    color: #f2c140;
}
@media screen and (max-width: 768px) {
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-header {
        padding: 20px;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-body {
        padding: 22px 18px;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div {
        font-size: 15px;
        line-height: 1.9;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail p {
        font-size: 15px !important;
        line-height: 1.9 !important;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Archive catalog navigation, using the existing charcoal and gold palette. */
#container.guide:has(.archive-catalog) .archive-catalog-intro,
#container.guide:has(.archive-catalog) .archive-catalog-hint {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    line-height: 1.9;
}
#container.guide:has(.archive-catalog) .archive-major-list,
#container.guide:has(.archive-catalog) .archive-sub-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 28px;
}
#container.guide:has(.archive-catalog) .archive-major-link,
#container.guide:has(.archive-catalog) .archive-sub-link,
#container.guide:has(.archive-catalog) .archive-catalog-all {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .82);
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
#container.guide:has(.archive-catalog) .archive-major-link:hover,
#container.guide:has(.archive-catalog) .archive-sub-link:hover,
#container.guide:has(.archive-catalog) .archive-catalog-all:hover,
#container.guide:has(.archive-catalog) .archive-major-link.is-active,
#container.guide:has(.archive-catalog) .archive-sub-link.is-active,
#container.guide:has(.archive-catalog) .archive-catalog-all.is-active {
    border-color: rgba(242, 193, 64, .65);
    background: rgba(242, 193, 64, .08);
    color: #f2c140;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading h4 {
    margin: 0;
    color: #f2c140;
    font-size: 20px;
    line-height: 1.5;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading .archive-catalog-all {
    min-height: 34px;
    padding: 5px 11px;
    font-size: 13px;
}
#container.guide:has(.archive-catalog) .archive-sub-list {
    margin-bottom: 22px;
}
#container.guide:has(.archive-catalog) .archive-entry-list {
    border-top: 1px solid rgba(255, 255, 255, .14);
}
#container.guide:has(.archive-catalog) .archive-entry-card {
    padding: 17px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
#container.guide:has(.archive-catalog) .archive-entry-card h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
}
#container.guide:has(.archive-catalog) .archive-entry-card h5 a {
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
}
#container.guide:has(.archive-catalog) .archive-entry-card h5 a:hover {
    color: #f2c140;
}
#container.guide:has(.archive-catalog) .archive-entry-card p,
#container.guide:has(.archive-catalog) .archive-catalog-empty {
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.8;
}
#container.guide:has(.side-layout-menu [data-archcat]) .archive-entry-category {
    margin: 0 0 18px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
@media screen and (max-width: 768px) {
    #container.guide:has(.archive-catalog) .archive-major-list,
    #container.guide:has(.archive-catalog) .archive-sub-list {
        gap: 7px;
        margin-bottom: 22px;
    }
    #container.guide:has(.archive-catalog) .archive-major-link,
    #container.guide:has(.archive-catalog) .archive-sub-link {
        min-height: 38px;
        padding: 7px 11px;
        font-size: 14px;
    }
}

/* Archive catalog navigation, using the existing charcoal and gold palette. */
#container.guide:has(.archive-catalog) .archive-catalog-intro,
#container.guide:has(.archive-catalog) .archive-catalog-hint {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    line-height: 1.9;
}
#container.guide:has(.archive-catalog) .archive-major-list,
#container.guide:has(.archive-catalog) .archive-sub-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 28px;
}
#container.guide:has(.archive-catalog) .archive-major-link,
#container.guide:has(.archive-catalog) .archive-sub-link,
#container.guide:has(.archive-catalog) .archive-catalog-all {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .82);
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
#container.guide:has(.archive-catalog) .archive-major-link:hover,
#container.guide:has(.archive-catalog) .archive-sub-link:hover,
#container.guide:has(.archive-catalog) .archive-catalog-all:hover,
#container.guide:has(.archive-catalog) .archive-major-link.is-active,
#container.guide:has(.archive-catalog) .archive-sub-link.is-active,
#container.guide:has(.archive-catalog) .archive-catalog-all.is-active {
    border-color: rgba(242, 193, 64, .65);
    background: rgba(242, 193, 64, .08);
    color: #f2c140;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading h4 {
    margin: 0;
    color: #f2c140;
    font-size: 20px;
    line-height: 1.5;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading .archive-catalog-all {
    min-height: 34px;
    padding: 5px 11px;
    font-size: 13px;
}
#container.guide:has(.archive-catalog) .archive-sub-list {
    margin-bottom: 22px;
}
#container.guide:has(.archive-catalog) .archive-entry-list {
    border-top: 1px solid rgba(255, 255, 255, .14);
}
#container.guide:has(.archive-catalog) .archive-entry-card {
    padding: 17px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
#container.guide:has(.archive-catalog) .archive-entry-card h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
}
#container.guide:has(.archive-catalog) .archive-entry-card h5 a {
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
}
#container.guide:has(.archive-catalog) .archive-entry-card h5 a:hover {
    color: #f2c140;
}
#container.guide:has(.archive-catalog) .archive-entry-card p,
#container.guide:has(.archive-catalog) .archive-catalog-empty {
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.8;
}
#container.guide:has(.side-layout-menu [data-archcat]) .archive-entry-category {
    margin: 0 0 18px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .archive-record-meta {
    margin-top: 0;
    padding: 15px 22px;
    border-left: 2px solid rgba(242, 193, 64, .55);
    background: rgba(255, 255, 255, .035);
    list-style: none;
}
#container.guide:has(.side-layout-menu [data-archcat]) .archive-record-meta li + li {
    margin-top: 5px;
}
#container.guide:has(.side-layout-menu [data-archcat]) .archive-record-meta strong {
    color: #e5c66f;
    font-weight: 500;
}
#container.guide:has(.side-layout-menu [data-archcat]) .archive-record-note {
    margin-top: 20px !important;
    padding: 13px 17px;
    border: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .62) !important;
    font-size: 14px !important;
}
@media screen and (max-width: 768px) {
    #container.guide:has(.archive-catalog) .archive-major-list,
    #container.guide:has(.archive-catalog) .archive-sub-list {
        gap: 7px;
        margin-bottom: 22px;
    }
    #container.guide:has(.archive-catalog) .archive-major-link,
    #container.guide:has(.archive-catalog) .archive-sub-link {
        min-height: 38px;
        padding: 7px 11px;
        font-size: 14px;
    }
}

/* Active archive sidebar links follow the archive gold accent. */
#container.guide:has(.side-menu-inner [data-archhome]) .side-menu-inner .item-menu > li.actived > a {
    color: #F2C140;
}
#container.guide:has(.side-menu-inner [data-archhome]) .side-menu-inner .item-list-cell.actived > .item-subject h3,
#container.guide:has(.side-menu-inner [data-archhome]) .side-menu-inner .item-list-cell.actived > .item-subject h3 a {
    color: #F2C140;
}

/* Archive category headings disclose their list; only hover/focus adds gold. */
#container.guide:has(.side-menu-inner [data-archhome]) .side-menu-inner .item-subject h3 {
    transition: color .18s ease;
}

/* 檔案館正文沿用友邦名錄的既有版式；檔案資料框另行保留。 */
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-area {
    border: 0;
    background: #1c1c1c;
    box-shadow: none;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-header {
    padding: 0;
    border: 0;
    background: transparent;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-subject h3 {
    color: inherit;
    font-size: inherit;
    letter-spacing: normal;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-body {
    padding: 0;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div {
    max-width: none;
    margin: 0;
    color: #adadad !important;
    font-size: inherit;
    line-height: inherit;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail p {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail > div > p:first-child {
    margin: 0 0 1em !important;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit !important;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h4 {
    margin: 1.33em 0 !important;
    padding: 0;
    border: 0;
    color: #f1c40f !important;
    font-size: 18px !important;
    line-height: inherit;
    letter-spacing: normal;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail h5 {
    color: #f1c40f;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-detail a {
    color: #f1c40f;
    text-decoration: underline;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .archive-record-meta {
    margin-top: 0;
    padding: 15px 22px;
    border-left: 2px solid rgba(242, 193, 64, .55);
    background: rgba(255, 255, 255, .035);
    list-style: none;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .archive-record-meta strong {
    color: #e5c66f;
    font-weight: 500;
}
#container.guide:has(.side-menu-inner [data-archhome]) .side-menu-inner summary.item-subject:hover h3,
#container.guide:has(.side-menu-inner [data-archhome]) .side-menu-inner summary.item-subject:focus-visible h3 {
    color: #F2C140;
}

/* Restore the shared notice-board spacing used by the friend-list articles. */
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-area {
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    border: 0;
    background: #141414;
    box-shadow: none;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-header {
    padding: 36px 30px 24px;
    border-top: 1px solid #F2C140;
    border-bottom: 0;
    background: transparent;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-subject .item-subject h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: normal;
}
#container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-body {
    padding: 30px;
}
@media screen and (max-width: 768px) {
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-area {
        margin: 0 -20px -80px;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-header {
        padding: 20px;
        border-top-width: 2px;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-subject .item-subject h3 {
        font-size: 18px;
        line-height: 1.4;
    }
    #container.guide:has(.side-layout-menu [data-archcat]) .side-layout-view .board-view-body {
        padding: 20px;
    }
}

/* Archive overview choices use the site's black notice-card treatment. */
#container.guide:has(.archive-catalog) .archive-major-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 34px;
}
#container.guide:has(.archive-catalog) .archive-major-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 66px;
    box-sizing: border-box;
    padding: 18px 48px 18px 22px;
    border: 1px solid rgba(242, 193, 64, 0);
    border-radius: 0 20px;
    background: #000;
    color: #B2B2B2;
    font-size: 18px;
    line-height: 1.5;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
#container.guide:has(.archive-catalog) .archive-major-link::after {
    content: "›";
    position: absolute;
    right: 20px;
    color: #808080;
    font-size: 24px;
    line-height: 1;
    transition: color .2s ease, transform .2s ease;
}
#container.guide:has(.archive-catalog) .archive-major-link:hover,
#container.guide:has(.archive-catalog) .archive-major-link:focus-visible,
#container.guide:has(.archive-catalog) .archive-major-link.is-active {
    border-color: #F2C140;
    background: #101010;
    color: #F2C140;
}
#container.guide:has(.archive-catalog) .archive-major-link:hover::after,
#container.guide:has(.archive-catalog) .archive-major-link:focus-visible::after,
#container.guide:has(.archive-catalog) .archive-major-link.is-active::after {
    color: #F2C140;
    transform: translateX(3px);
}
#container.guide:has(.archive-catalog) .archive-catalog-heading {
    gap: 18px;
    margin: 0 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #353744;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading h4 {
    font-size: 18px;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading .archive-catalog-all {
    border: 0;
    border-bottom: 1px solid rgba(242, 193, 64, .4);
    background: transparent;
    color: #B2B2B2;
}
#container.guide:has(.archive-catalog) .archive-catalog-heading .archive-catalog-all:hover,
#container.guide:has(.archive-catalog) .archive-catalog-heading .archive-catalog-all.is-active {
    border-bottom-color: #F2C140;
    background: transparent;
    color: #F2C140;
}
#container.guide:has(.archive-catalog) .archive-sub-list {
    gap: 0;
    margin: 0 0 22px;
    padding: 0 0 16px;
    border-bottom: 1px solid #333;
}
#container.guide:has(.archive-catalog) .archive-sub-link {
    min-height: 36px;
    padding: 6px 12px;
    border-color: transparent;
    background: transparent;
    color: #B2B2B2;
    font-size: 14px;
}
#container.guide:has(.archive-catalog) .archive-sub-link:hover,
#container.guide:has(.archive-catalog) .archive-sub-link:focus-visible,
#container.guide:has(.archive-catalog) .archive-sub-link.is-active {
    border-color: transparent;
    background: transparent;
    color: #F2C140;
    text-decoration: underline;
    text-underline-offset: 5px;
}
@media screen and (max-width: 768px) {
    #container.guide:has(.archive-catalog) .archive-major-list {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 26px;
    }
    #container.guide:has(.archive-catalog) .archive-major-link {
        min-height: 56px;
        padding: 14px 42px 14px 18px;
        font-size: 16px;
    }
    #container.guide:has(.archive-catalog) .archive-major-link::after {
        right: 16px;
    }
}

/*==============================================
 檔案館／名錄內文表格：文字顏色修補
 reset.css 的 html,body{color:#333} 會被 table／td 繼承
 （外層的 color:#adadad 對表格未生效），使深色底上的表格文字變成深灰而難以辨識。
 此處一律指定淺色（與條目內表格一致）。
==============================================*/
#container.guide .board-view-detail table,
#container.guide .board-view-detail table th,
#container.guide .board-view-detail table td {color: rgba(255, 255, 255, .82) !important;}