미디어위키:Common.css: 두 판 사이의 차이

2026년 10월 10일 (토) 15:50 기준 최신판

.wikitable td {
    position: relative !important; /* 내부 요소 정렬 기준 */
    max-width: 100% !important;
    overflow: hidden !important;
    table-layout: fixed
}

.wikitable td table {
    width: 100% !important; /* 부모 td의 크기에 맞춤 */
    max-width: 100% !important;
}

.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}}

@@ 1번째 줄: / 1번째 줄: @@
-/* HTML Tag */
+.wikitable td {
-* {
+    position: relative !important; /* 내부 요소 정렬 기준 */
-  outline: none;
+    max-width: 100% !important;
+    overflow: hidden !important;
+    table-layout: fixed
 }
-input:hover,
+.wikitable td table {
-button:hover,
+    width: 100% !important; /* 부모 td의 크기에 맞춤 */
-select:hover {
+    max-width: 100% !important;
-  transition: 0.3s;
 }
-html, body {
+.nob {
-  overflow-x: hidden;
+	margin-top: 4px;
-  overflow-y: overlay;
+	margin-bottom: 4px;
 }
-body::-webkit-scrollbar {
+.ind {
-  display: none;
+	font-size: 14px;
+	color : #4a4a4a;
+	margin-left: 18px;
+	margin-top: 4px;
+	margin-bottom: 4px;
 }
-/* body::-webkit-scrollbar {
+.nob2 {
-  width: 12px;
+	margin-top: -3px;
-  transition: 250ms;
 }
-body::-webkit-scrollbar-thumb {
+.mw-headline  #toc a {
-   background: #adb5bdb6;
+   margin-right: 6px;
-  border-radius: 20px;
-  border: 3px solid transparent;
-  background-clip: padding-box;
-  transition: 250ms;
 }
-body::-webkit-scrollbar-track {
+li > ul {
-   background: transparent;
+   margin-top: 2px !important;
-   transition: 250ms;
+   margin-bottom: 2px !important;
-} */
+}
-html {
+li > ul > li {
-   font-size: 16px;
+	  margin-top: 2px !important;
+   margin-bottom: 2px !important;
 }
-body {
+.mw-parser-output > h2, h3 {
-   font-size: 15px;
+   margin-top: 32px !important;
-  font-weight: 400;
-  color: #212529;
 }
-body,
+h2 .mw-headline a[href="#toc"],
-h1,
+h3 .mw-headline a[href="#toc"],
-h2,
+h4 .mw-headline a[href="#toc"] {
-h3,
+   margin-right: 5px;
-h4,
-h5,
-h6 {
-  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
-    "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
-    "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", "맑은 고딕", sans-serif;
-   margin: 0;
 }
-h1,
+.mw-custom-collapse-viewport {
-h2,
+	overflow: hidden;
-h3,
+	width: 100%;
-h4,
-h5,
-h6,
-b {
-  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
-    "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
-    "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", "맑은 고딕", sans-serif;
 }
-input[type="password"] {
+.mw-custom-collapse-viewport-inner {
-  font-family: sans-serif;
+	width: 100%;
 }
-h1 {
+/* 부드러운 접기/펼치기 */
-  font-size: 2.4em;
+.smooth-collapse {
+    display: grid;
+    grid-template-rows: 1fr;
+    transition: grid-template-rows 0.35s ease;
 }
-h2 {
+.smooth-collapse > .smooth-collapse-inner {
-  font-size: 1.8em;
+    overflow: hidden;
+    min-height: 0;
 }
-h3 {
+.smooth-collapse.is-collapsed {
-  font-size: 1.6em;
+    grid-template-rows: 0fr;
 }
-h4 {
+/* 선택사항: 내용도 살짝 페이드 */
-  font-size: 1.5em;
+.smooth-collapse > .smooth-collapse-inner {
+    opacity: 1;
+    transition: opacity 0.25s ease;
 }
-h5 {
+.smooth-collapse.is-collapsed > .smooth-collapse-inner {
-  font-size: 1.3em;
+    opacity: 0;
 }
-h6 {
+/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
-  font-size: 1.1em;
+.mw-collapsible-content > table {
+    border-left: none !important;
+    border-right: none !important;
 }
-ol,
+.mw-collapsible-content > table > tbody > tr > :first-child {
-ul,
+    border-left: none !important;
-p {
-  margin: 0;
-  padding: 0;
 }
-p {
+.mw-collapsible-content > table > tbody > tr > :last-child {
-  margin-bottom: 1rem;
+    border-right: none !important;
 }
-ol,
+:root {
-.mw-content-ltr ol,
+	--fbnw-theme-010: #101012;
-.mw-content-rtl .mw-content-ltr ol {
+	--fbnw-theme-020: #202022;
-  margin: 0;
+	--fbnw-theme-030: #303032;
-  margin-left: 2.2rem;
+	--fbnw-theme-040: #404042;
-  margin-right: 1rem;
+	--fbnw-theme-050: #505052;
-  list-style-image: none;
 }
-pre {
+html.liberty-dark-mode .dark\:fbnw-theme-010,
-  display: block;
+body.liberty-dark-mode .dark\:fbnw-theme-010 {
-  color: #333;
+	background: var(--fbnw-theme-010) !important;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f5f8fa;
-  border: 1px solid #e1e8ed;
-  border-radius: 0.5rem;
-  padding: 0.8rem;
 }
-a:focus {
+html.liberty-dark-mode .dark\:fbnw-theme-020,
-  outline: 0;
+body.liberty-dark-mode .dark\:fbnw-theme-020 {
+	background: var(--fbnw-theme-020) !important;
 }
-p {
+html.liberty-dark-mode .dark\:fbnw-theme-030,
-  overflow-wrap: break-word;
+body.liberty-dark-mode .dark\:fbnw-theme-030 {
+	background: var(--fbnw-theme-030) !important;
 }
-ul {
+html.liberty-dark-mode .dark\:fbnw-theme-040,
-  list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23373a3c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+body.liberty-dark-mode .dark\:fbnw-theme-040 {
+	background: var(--fbnw-theme-040) !important;
 }
-img {
+html.liberty-dark-mode .dark\:fbnw-theme-050,
-  max-width: 100%;
+body.liberty-dark-mode .dark\:fbnw-theme-050 {
-  height: auto;
+	background: var(--fbnw-theme-050) !important;
-  margin: 0;
+}
+/* 실제 문서에서 사용하는 유틸리티 */
+.inline-block {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
 }
-th[rowspan],
+.flex {
-td[rowspan] {
+	display: flex;
-  position: relative;
 }
-th[rowspan]:after,
+.flex-col {
-td[rowspan]:after {
+	flex-direction: column;
-  content: "";
-  position: absolute;
-  top: 0;
-  right: -1px;
-  width: 1px;
-  height: 100%;
-  /*background: #e0e0e0;*/
 }
-input[type="search"] {
+.w-screen {
-  -webkit-appearance: none;
+	width: 100%;
-  appearance: none;
-  /* Removes some iOS CSS Settings */
 }
-textarea {
-  width: 100%;
+/* 접혀 있을 때는 2개가 좌우로 */
-  border: 1px solid #e1e8ed;
+.inline-block {
-  padding: 0.5rem;
+	width: 49%;
 }
-hr {
-  border-top: 1px solid #e1e8ed;
+/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
+.inline-block:has(
+	.mw-collapsible:not(.mw-collapsed)
+) {
+	width: 100%;
 }
-html input[type="button"]:hover,
-html input[type="submit"]:hover,
+/* 첫 번째 영역이 펼쳐졌을 경우,
-button:hover {
+   바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
-  background-color: #466DFA;
+.inline-block:has(
+	.mw-collapsible:not(.mw-collapsed)
+) + .inline-block {
+	width: 100%;
 }
-label {
-  vertical-align: middle;
+/* 펼쳐지는 실제 내용도 전체 폭 */
-  word-break: keep-all;
+.inline-block .mw-collapsible,
+.inline-block .mw-collapsible-content {
+	width: 100%;
+	box-sizing: border-box;
 }
-del,
+/* dark:!border-y-[색상] 형태 전부 */
-s,
+html.liberty-dark-mode [class*="dark:!border-y-["],
-strike {
+body.liberty-dark-mode [class*="dark:!border-y-["] {
-  color: #808080;
+	border-top-color: #444444 !important;
+	border-bottom-color: #444444 !important;
 }
-/* HTML Tag End */
-/* Content width, alian center */
+/* dark:!border-r-[색상] 형태 전부 */
-.Liberty .nav-wrapper .navbar {
+html.liberty-dark-mode [class*="dark:!border-r-["],
-	max-width: 1325px;
+body.liberty-dark-mode [class*="dark:!border-r-["] {
+	border-right-color: #444444 !important;
 }
-.Liberty .content-wrapper {
+/* 기본 표시 상태 */
-	max-width: 1325px;
+.inline {
-	margin-top: 60px;
+	display: inline;
 }
-/* Content width, alian center End */
+.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}}