미디어위키:Common.css

.nob {
	margin-top: 4px;
	margin-bottom: 4px;
}

.ind {
	font-size: 14px;
	color : #4a4a4a;
	margin-left: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.nob2 {
	margin-top: -3px;
}

.mw-headline  #toc a {
  margin-right: 6px;
}

li > ul {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

li > ul > li {
	  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mw-parser-output > h2, h3 {
  margin-top: 32px !important;
}

h2 .mw-headline a[href="#toc"],
h3 .mw-headline a[href="#toc"],
h4 .mw-headline a[href="#toc"] {
  margin-right: 5px;
}

.mw-custom-collapse-viewport {
	overflow: hidden;
	width: 100%;
}

.mw-custom-collapse-viewport-inner {
	width: 100%;
}

/* 부드러운 접기/펼치기 */
.smooth-collapse {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease;
}

.smooth-collapse > .smooth-collapse-inner {
    overflow: hidden;
    min-height: 0;
}

.smooth-collapse.is-collapsed {
    grid-template-rows: 0fr;
}

/* 선택사항: 내용도 살짝 페이드 */
.smooth-collapse > .smooth-collapse-inner {
    opacity: 1;
    transition: opacity 0.25s ease;
}

.smooth-collapse.is-collapsed > .smooth-collapse-inner {
    opacity: 0;
}

/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
.mw-collapsible-content > table {
    border-left: none !important;
    border-right: none !important;
}

.mw-collapsible-content > table > tbody > tr > :first-child {
    border-left: none !important;
}

.mw-collapsible-content > table > tbody > tr > :last-child {
    border-right: none !important;
}

:root {
	--fbnw-theme-010: #101012;
	--fbnw-theme-020: #202022;
	--fbnw-theme-030: #303032;
	--fbnw-theme-040: #404042;
	--fbnw-theme-050: #505052;
}

html.liberty-dark-mode .dark\:fbnw-theme-010,
body.liberty-dark-mode .dark\:fbnw-theme-010 {
	background: var(--fbnw-theme-010) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-020,
body.liberty-dark-mode .dark\:fbnw-theme-020 {
	background: var(--fbnw-theme-020) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-030,
body.liberty-dark-mode .dark\:fbnw-theme-030 {
	background: var(--fbnw-theme-030) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-040,
body.liberty-dark-mode .dark\:fbnw-theme-040 {
	background: var(--fbnw-theme-040) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-050,
body.liberty-dark-mode .dark\:fbnw-theme-050 {
	background: var(--fbnw-theme-050) !important;
}
/* 실제 문서에서 사용하는 유틸리티 */
.inline-block {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.w-screen {
	width: 100%;
}


/* 접혀 있을 때는 2개가 좌우로 */
.inline-block {
	width: 49%;
}


/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
.inline-block:has(
	.mw-collapsible:not(.mw-collapsed)
) {
	width: 100%;
}


/* 첫 번째 영역이 펼쳐졌을 경우,
   바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
.inline-block:has(
	.mw-collapsible:not(.mw-collapsed)
) + .inline-block {
	width: 100%;
}


/* 펼쳐지는 실제 내용도 전체 폭 */
.inline-block .mw-collapsible,
.inline-block .mw-collapsible-content {
	width: 100%;
	box-sizing: border-box;
}

/* dark:!border-y-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-y-["],
body.liberty-dark-mode [class*="dark:!border-y-["] {
	border-top-color: #444444 !important;
	border-bottom-color: #444444 !important;
}

/* dark:!border-r-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-r-["],
body.liberty-dark-mode [class*="dark:!border-r-["] {
	border-right-color: #444444 !important;
}

/* 기본 표시 상태 */
.inline {
	display: inline;
}

.hidden {
	display: none;
}

/* Liberty 다크모드 */
html.liberty-dark-mode .dark\:hidden,
body.liberty-dark-mode .dark\:hidden {
	display: none !important;
}

html.liberty-dark-mode .dark\:inline,
body.liberty-dark-mode .dark\:inline {
	display: inline !important;
}

/* 접이식 영역 내부 표의 맨 아래 선 제거 */
.mw-collapsible-content > table.wikitable {
	border-bottom: 0 !important;
}

.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
	border-bottom: 0 !important;
}

.fbn-terms li {
    margin-bottom: 0.2em;
}

.fbn-terms > ul > li > ol {
    margin-top: 0.2em;
}

.fbnw-portal{font:15px/1.6 var(--fb-font,system-ui);color:var(--fb-text,#212529)}.fbnw-portal *{box-sizing:border-box}.fbnw-portal a{color:var(--fb-link,#275cf6);text-decoration:none}.fbnw-portal a:hover{text-decoration:underline}.fbnw-portal .portal-slider{position:relative;border-radius:var(--fb-radius,12px);overflow:hidden}.fbnw-portal .portal-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-portal .portal-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:340px;padding:44px;background:linear-gradient(120deg,#102951,#275cf6);color:white;overflow:hidden}.fbnw-portal .portal-slide:nth-child(2){background:linear-gradient(120deg,#153c3e,#268276)}.fbnw-portal .portal-slide:nth-child(3){background:linear-gradient(120deg,#332244,#7b4b9e)}.fbnw-portal .portal-slide:after{content:attr(data-art);position:absolute;right:20px;bottom:-30px;font-size:130px;line-height:1;font-weight:850;opacity:.08;pointer-events:none}.fbnw-portal .portal-badge{display:inline-block;border:1px solid #ffffff60;border-radius:4px;padding:1px 6px;font-size:11px;letter-spacing:.08em}.fbnw-portal .portal-headline{display:block;margin:20px 0 12px;font-size:clamp(28px,4vw,42px);font-weight:750;line-height:1.23;letter-spacing:-.035em}.fbnw-portal .portal-slide-description{display:block;color:#ffffffd9;font-size:16px}.fbnw-portal .portal-slide-author{display:block;margin-top:20px;font-size:12px;color:#ffffffb8}.fbnw-portal .portal-slide-link{display:block;position:relative;z-index:1;margin-top:14px}.fbnw-portal .portal-slide-link a{color:white;font-weight:650}.fbnw-portal .portal-controls{display:flex;align-items:center;gap:8px;position:absolute;bottom:18px;right:18px;z-index:2}.fbnw-portal .portal-controls button{border:1px solid #ffffff50;background:#0003;color:white;border-radius:8px;width:34px;height:34px;cursor:pointer;font:inherit}.fbnw-portal .portal-controls span{font-size:12px;color:white;padding-right:5px}.fbnw-portal .portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.fbnw-portal .portal-section-title{font-size:22px;font-weight:700}.fbnw-portal .portal-section-head a{font-size:13px}.fbnw-portal .portal-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fbnw-portal .portal-card{border:1px solid var(--fb-line,#e5e8eb);border-radius:12px;overflow:hidden;background:var(--fb-surface,#fff)}.fbnw-portal .portal-card-info{padding:16px}.fbnw-portal .portal-card-author{display:block;font-size:11px;color:var(--fb-text-muted,#626c7a)}.fbnw-portal .portal-pill{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:var(--fb-brand-tint,#eef3ff);color:var(--fb-brand,#275cf6);font-size:10px}.fbnw-portal .portal-card-title{display:block;margin:7px 0;font-size:18px;font-weight:700}.fbnw-portal .portal-card-title a{color:var(--fb-text-strong,#000)}.fbnw-portal .portal-card-category{font-size:12px;color:var(--fb-text-muted,#626c7a)}.fbnw-portal .portal-card-cover{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d9e5ff,#a3bff5);color:#34538f;font-size:36px;font-weight:800;letter-spacing:-.04em}.fbnw-portal .portal-card:nth-child(2n) .portal-card-cover{background:linear-gradient(145deg,#d4ebe1,#94c6b3);color:#316352}.fbnw-portal .portal-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:28px}.fbnw-portal .portal-panel{border:1px solid var(--fb-line,#e5e8eb);border-radius:12px;background:var(--fb-surface,#fff);padding:22px}.fbnw-portal .portal-panel-title{display:block;font-weight:700;font-size:19px;margin-bottom:10px}.fbnw-portal .portal-line{padding:10px 0;border-bottom:1px solid var(--fb-line,#e5e8eb);font-size:14px}.fbnw-portal .portal-line:last-child{border:0}.fbnw-portal .portal-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbnw-portal .portal-shortcuts>div{padding:12px;background:var(--fb-surface-2,#f2f3f5);border-radius:8px;font-size:13px}.fbnw-portal a:focus-visible,.fbnw-portal button:focus-visible{outline:2px solid var(--fb-brand,#275cf6);outline-offset:3px}html.liberty-dark-mode .fbnw-portal .portal-card-cover{filter:brightness(.7)}@media(max-width:1023px){.fbnw-portal .portal-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.fbnw-portal .portal-card{flex:0 0 225px;scroll-snap-align:start}.fbnw-portal .portal-bottom{grid-template-columns:1fr}}@media(max-width:600px){.fbnw-portal .portal-slide{min-height:290px;padding:28px 22px 65px}.fbnw-portal .portal-section-title{font-size:19px}.fbnw-portal .portal-card{flex-basis:205px}.fbnw-portal .portal-card-cover{height:160px}.fbnw-portal .portal-panel{padding:18px}}@media(prefers-reduced-motion:reduce){.fbnw-portal .portal-slides{scroll-behavior:auto}}