/* 기회담 칸 구분(패널) 개편 · 2026-09-29
   사용자 요청: "칸 구분이 없어 보기 힘드니 네이버 페이지 참고 재수정".
   네이버 원칙을 옮긴다 — 중립 바탕 위에 흰 모듈, 모듈마다 명확한 1px 경계, 모듈 사이 일정한 간격, 모듈 안 섹션 제목줄(아래 실선).
   유지: 황토 브랜드(#94580B)·A 로고·기존 공간/사물 이미지·글자 토큰(consistency-20260929.css). 초록/잎/캐릭터 없음, 버튼 연노랑 테두리 없음.
   금지: 모듈 안에 또 모듈(중첩 박스) — 카드·패널은 바탕 위에 한 겹만 둔다. 내부 구분은 실선(divider)으로 한다.
   소유: 이 파일 + index.html/account.html 마지막 <link> 1줄. app.js·기능·데이터 미변경. 마지막에 로드하며 특이도는 #app #main(2 id) / body.design-account main.member-main 로 맞춘다. */

:root{
  --pn-bg:#F1EEE8;           /* 중립 바탕(따뜻한 회색). 흰 모듈이 떠 보이도록 기존 #FCFAF6 보다 한 단계 어둡다 */
  --pn-surface:#FFFFFF;      /* 모듈 면 */
  --pn-surface-sub:#FAF8F4;  /* 모듈 안 보조 면(필터 행·하단 액션 바) */
  --pn-line:#D6CFC3;         /* 모듈 경계 1px — 바탕·흰 면 양쪽에서 보인다 */
  --pn-line-soft:#E9E4DB;    /* 모듈 안 구분선 */
  --pn-radius:8px;           /* 모듈 모서리 */
  --pn-radius-in:6px;        /* 모듈 안 요소 */
  --pn-gap:12px;             /* 모듈 사이 간격 */
  --pn-pad:20px;             /* 모듈 안 여백 */
  --pn-title-h:48px;         /* 제목줄 높이 */
}
@media (max-width:899px){:root{--pn-pad:16px;--pn-gap:10px}}

/* ───────── 1. 바탕과 셸 ───────── */
html[data-palette] body{background:var(--pn-bg)}
html body.design-account{background:var(--pn-bg)}
#app .topbar{background:var(--pn-surface);border-bottom:1px solid var(--pn-line)}
body.design-account .account-topbar{background:var(--pn-surface);border-bottom:1px solid var(--pn-line);box-shadow:none}
/* PC 가로 메뉴: 흰 바 모듈 */
#app .workspace > aside.sidebar{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);padding:0 12px;margin-top:var(--pn-gap)}
@media (max-width:899px){#app .workspace > aside.sidebar{display:none}}
#app .workspace{row-gap:var(--pn-gap);padding-top:0;padding-bottom:40px}
/* 본문 열 리듬: 모듈 사이 간격 하나로 통일(각 요소의 개별 margin 제거) */
#app #main > *{margin-top:0;margin-bottom:0}
#app #main > * + *{margin-top:var(--pn-gap)}
#app #main > .sv-bottom-cta{margin-top:0}
@media (min-width:1280px){#app .right-rail{display:grid;gap:var(--pn-gap);align-content:start;padding-top:0}}
#app .right-rail > *{margin:0}

/* ───────── 2. 공통 모듈 규칙 ─────────
   한 겹의 흰 면 + 1px 경계 + 8px 모서리. 그림자 없음(경계로 구분). */
#app #main :is(.preview-status, .ld-findbar, .browse-category-picker, .ld-toolbar, .rail-note, .d26-summary, .design-evidence, .empty, .profile-page, .ad-section, .sales-block, .growth-why, .growth-work, .sv-faq, .sv-detail, .g26-help, .g26-glossary, .g26-section, .d26-update, .sv-inquiry, .support-panel),
#app #main section[aria-label="광고 진행 예정 절차"],
#app .right-rail > :is(.rail-card, .rail-note, .sv-promo),
#app #main .sv-promo--mobile,
body.design-account main.member-main :is(#login-panel, #member-panel, #unsubscribe-panel, #withdrawal, .account-card, .account-panel, .account-hero, section){
  background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);box-shadow:none}
/* 히어로·틴트 패널: 색·이미지는 유지하고 경계와 모서리만 모듈과 맞춘다 */
#app #main :is(.hero, .editorial-page-hero, .discovery-hero, .sv-hero, .growth-hero, .visual-hero, .editorial-home, .g26-header, .growth-partner, .growth-closing){border:1px solid var(--pn-line);border-radius:var(--pn-radius);box-shadow:none}
/* 목록 카드·상품 카드: 바탕 위 한 겹, 색 상단선 대신 사방 1px */
#app #main :is(.notice-card, .sv-card, .sales-card, .suggestion-card, .guide-card, .g26-card, .growth-why-grid > *, .sales-price-cols > *, .sales-steps > li, .editorial-journey, .growth-work-grid > article){
  background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);box-shadow:none}
#app #main .notice-card{border-top-width:1px;border-top-color:var(--pn-line)}
#app #main .notice-card:hover, #app #main .sales-card:hover, #app #main .sv-card:hover{border-color:#B9AE9C;box-shadow:none}
/* 모듈 안 여백 통일 */
#app #main :is(.rail-note, .d26-summary, .empty, .ad-section, .sales-block, .growth-why, .growth-work, .sv-faq, .g26-help, .g26-glossary, .g26-section, .d26-update){padding:var(--pn-pad)}
#app #main .preview-status{padding:10px var(--pn-pad);min-height:44px;align-items:center;gap:12px 20px;flex-wrap:wrap;font-size:13px}
#app #main .breadcrumb{padding:0 4px;min-height:32px}
#app #main .design-evidence{padding:0 var(--pn-pad)}
#app #main .design-evidence > summary{min-height:48px;display:flex;align-items:center}
#app .right-rail > :is(.rail-card, .rail-note):not(.editorial-rail):not(.deadline-calendar){padding:var(--pn-pad)}
#app .right-rail > .deadline-calendar{padding:0 12px 16px}
#app .right-rail > .sv-promo{padding:0 var(--pn-pad) 8px}

/* ───────── 3. 섹션 제목줄 ─────────
   모듈 첫 줄에 제목 + 우측 보조 링크, 아래 1px 실선. 네이버의 "뉴스스탠드 | 언론사편집 …" 줄과 같은 역할. */
#app #main .ld-toolbar > .ld-toolbar-row > .section-heading,
#app #main .pn-conditions > .section-heading,
#app #main .pn-results-head,
#app #main :is(.sales-block, .growth-why, .growth-work) > .growth-section-head,
#app #main .sv-faq > .section-heading,
#app #main .ad-section > h2,
#app #main .product-section-heading,
#app .right-rail .rail-title,
#app .right-rail .sv-promo-heading,
#app #main .sv-promo--mobile .sv-promo-heading,
#app #main .d26-summary > h2,
body.design-account main.member-main :is(#login-panel, #member-panel, #unsubscribe-panel, #withdrawal, section) > h2{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  min-height:var(--pn-title-h);margin:0 0 16px;padding:8px 0 12px;border-bottom:1px solid var(--pn-line-soft)}
#app #main .ld-toolbar > .ld-toolbar-row > .section-heading h2,
#app #main .pn-conditions > .section-heading h2,
#app #main .pn-results-head h2,
#app #main :is(.growth-section-head) h2,
#app #main .sv-faq > .section-heading h2,
#app #main .ad-section > h2,
#app #main .d26-summary > h2{font-size:var(--gh-h2);line-height:1.4;margin:0}
#app .right-rail .rail-title h2{font-size:var(--gh-rail-title);margin:0}
#app #main .ld-toolbar > .ld-toolbar-row > .section-heading p, #app #main .pn-conditions > .section-heading p, #app #main .growth-section-head p{margin:0;flex-basis:100%}
/* 상품 섹션 키커 + 제목을 한 줄 제목줄로 */
#app #main .product-section-heading{margin:0 0 var(--pn-gap);padding:0 0 12px;border-bottom:1px solid var(--pn-line)}

/* ───────── 4. 탐색 페이지(공고 목록) ───────── */
/* 검색 모듈: 대상 전환 + 검색창을 한 칸에 */
#app #main .ld-findbar{padding:12px;gap:12px;align-items:center}
#app #main .ld-findbar .audience-switch{background:var(--pn-surface-sub);border:1px solid var(--pn-line-soft);border-radius:var(--pn-radius-in)}
#app #main .ld-findbar .search{border:1px solid var(--pn-line);border-radius:var(--pn-radius-in);box-shadow:none;background:var(--pn-surface)}
#app #main .ld-findbar .search:focus-within{border-color:#94580B}
#app #main .ld-findbar .audience-switch a{min-height:44px}
#app #main :is(.editorial-guide-link, .discovery-copy a:not(.editorial-cta)){min-height:44px;display:inline-flex;align-items:center}
#app #main .browse-category-picker{padding:0 var(--pn-pad)}
#app #main .browse-category-picker > summary{min-height:48px;display:flex;align-items:center;gap:10px}
#app #main .browse-category-picker .categories{border-top:1px solid var(--pn-line-soft);margin:0 calc(var(--pn-pad) * -1);padding:16px var(--pn-pad) 20px;border-radius:0}
/* 필터 모듈: 제목줄 + 필터 행 + 결과 수 */
#app #main .ld-toolbar{padding:0 var(--pn-pad) 16px}
#app #main .ld-toolbar .filter-row, #app #main .ld-toolbar .d26-filters, #app #main .ld-toolbar .ld-filters{margin:0}
#app #main .ld-toolbar .results-meta{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--pn-line-soft)}
#app #main .browse-tools{gap:var(--pn-gap)}
#app #main .browse-tools > details{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);box-shadow:none}
#app #main .browse-tools > details > summary{min-height:46px;padding:0 16px;display:flex;align-items:center;gap:10px}
#app #main .notice-grid{gap:var(--pn-gap)}
/* 카드 안 구분: 사실 구역은 보조 면 + 안쪽 실선, 하단 정보는 상단 실선 */
#app #main .notice-card :is(.card-facts, .fact-box, dl){background:transparent;border:0;border-radius:0;padding-left:0;padding-right:0}
#app #main .notice-card .fact{border-color:var(--pn-line-soft)}
#app #main .notice-card :is(.card-details, .card-footer){border-top:1px solid var(--pn-line-soft);padding-top:12px;margin-top:12px}
#app #main .more{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius)}
/* 여정 타일·대상별 공고 수 */
#app #main .editorial-journeys{gap:var(--pn-gap)}
#app #main .d26-counts{border:1px solid var(--pn-line-soft);border-radius:var(--pn-radius-in);background:var(--pn-surface-sub)}
#app #main .d26-counts > *{border-color:var(--pn-line-soft)}

/* 검색 조건 한 모듈(panels-20260929.js 가 .pn-conditions 로 묶은 뒤): 바깥 한 겹, 안쪽은 실선 */
#app #main .pn-conditions{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);padding:0 var(--pn-pad);box-shadow:none}
#app #main .pn-conditions > *{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:14px 0}
#app #main .pn-conditions > * + *{border-top:1px solid var(--pn-line-soft)}
#app #main .pn-conditions > .section-heading{padding:8px 0 12px;border-bottom:1px solid var(--pn-line-soft);margin:0}
#app #main .pn-conditions > .section-heading + *{border-top:0}
#app #main .pn-conditions > .ld-findbar{display:grid;padding:14px 0;gap:12px}
#app #main .pn-conditions > .browse-category-picker{padding:0}
#app #main .pn-conditions > .browse-category-picker > summary{min-height:48px}
#app #main .pn-conditions > .browse-category-picker .categories{margin:0 calc(var(--pn-pad) * -1);padding:16px var(--pn-pad) 20px;border-top:1px solid var(--pn-line-soft)}
#app #main .pn-conditions > .ld-toolbar{padding:14px 0 12px}
#app #main .pn-conditions > .ld-toolbar .ld-toolbar-row{margin:0}
#app #main .pn-conditions > .ld-toolbar .results-meta{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--pn-line-soft)}
#app #main .pn-conditions > .browse-tools{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0}
#app #main .pn-conditions > .browse-tools > details{border:0;border-radius:0;background:transparent}
#app #main .pn-conditions > .browse-tools > details + details{border-left:1px solid var(--pn-line-soft)}
#app #main .pn-conditions > .browse-tools > details > summary{padding:0 0 0 16px}
#app #main .pn-conditions > .browse-tools > details:first-child > summary{padding-left:0}
@media (max-width:767px){#app #main .pn-conditions > .browse-tools{grid-template-columns:1fr}#app #main .pn-conditions > .browse-tools > details + details{border-left:0;border-top:1px solid var(--pn-line-soft)}#app #main .pn-conditions > .browse-tools > details > summary{padding-left:0}}
/* 결과 시작 제목줄: 실제 건수(.results-meta b)를 비춘다 */
#app #main .section-heading.pn-results-head, #app #main .pn-results-head{margin:calc(var(--pn-gap) * 1.5) 0 0;padding:6px 4px 10px;border-bottom:1px solid var(--pn-line);min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#app #main .pn-results-head h2{font-size:var(--gh-h2);margin:0}
#app #main .pn-conditions > .pn-conditions-head h2{font-size:var(--gh-h2);margin:0}
#app #main .pn-results-head .pn-results-count{font-size:14px;color:#6D6047;font-weight:600}
#app #main .pn-results-head + .notice-grid{margin-top:var(--pn-gap)}

/* 4차 · 600~899: 메타 모듈을 날짜·건수 + 링크·버튼 한 줄(최대 2행)로 */
@media (min-width:600px) and (max-width:899px){
  #app #main .preview-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 14px;padding:8px var(--pn-pad);min-height:60px}
  #app #main .preview-status .status-summary{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-height:0;height:auto}
  #app #main .preview-status .status-summary > *{margin:0}
}
/* 4차 · 44px 하한: 상품 카드 텍스트 링크·프로필 링크·광고 지역 칩(칩 행은 wrap 이라 넘침 없음) */
#app #main :is(.sales-card, .sales-price-cols > *, .growth-why-grid > *) > a:not(.primary):not(.secondary),
#app #main figcaption > a{min-height:44px;display:inline-flex;align-items:center;gap:6px}
#app #main .ad-links > a{min-height:44px;display:inline-flex;align-items:center}
#app #main .ad-chip{min-height:44px;padding:0 14px;display:inline-flex;align-items:center}
#app #main .ad-chip-row{flex-wrap:wrap;gap:8px}
/* 4차 · 여정 카드: 흰 면 + 1px 경계 + 안쪽 여백에 사진(사진이 경계에 닿지 않음) */
#app #main .editorial-journey{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);overflow:hidden}
#app #main .editorial-journey .editorial-portrait{top:8px;right:8px;bottom:8px;height:auto;border-radius:var(--pn-radius-in);overflow:hidden;border:1px solid var(--pn-line-soft)}
@media (max-width:540px){#app #main .editorial-journey .editorial-portrait{top:6px;right:6px;bottom:6px}}

/* ───────── 5. 레일 ───────── */
#app .right-rail .editorial-rail{overflow:hidden}
#app .right-rail .editorial-rail .rail-profile{padding:16px var(--pn-pad) var(--pn-pad)}
#app .right-rail .rail-card .rail-contact, #app .right-rail > .rail-contact{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);margin:0}
#app .right-rail .deadline-calendar .rail-title{padding-left:8px;padding-right:8px}
#app .right-rail .calendar-toolbar, #app .right-rail .calendar-week{border-color:var(--pn-line-soft)}
#app .right-rail .sv-promo-controls{border-top:1px solid var(--pn-line-soft)}
#app .right-rail .sv-promo-slide{border:1px solid var(--pn-line-soft);border-radius:var(--pn-radius-in)}

/* ───────── 6. 상품(성장 솔루션) ───────── */
#app #main .sales-catalog, #app #main .growth-why-grid, #app #main .growth-work-grid, #app #main .sales-price-cols, #app #main .sales-steps{gap:var(--pn-gap)}
#app #main .sales-card{overflow:hidden}
#app #main .sales-card > *:not(:first-child){border-top:0}
#app #main .growth-partner, #app #main .growth-closing{padding:var(--pn-pad)}
#app #main .sv-faq details{border:0;border-top:1px solid var(--pn-line-soft);padding:0}
#app #main .sv-faq details:first-of-type{border-top:0}
#app #main .sv-faq summary{min-height:52px;display:flex;align-items:center}
/* 상품 상세: 바깥 한 겹만, 안쪽 본문은 실선으로 나눔 */
#app #main .sv-detail{padding:0;overflow:hidden}
#app #main .sv-detail > .sales-hero, #app #main .sv-detail > .sv-detail-head{border:0;border-radius:0;padding:var(--pn-pad)}
#app #main .sv-detail > .sv-detail-body{border:0;border-top:1px solid var(--pn-line);border-radius:0;padding:var(--pn-pad)}
#app #main .sv-detail-body > section, #app #main .sv-detail-body > .growth-work{border:0;border-radius:0;padding:0;margin-top:calc(var(--pn-pad) * 1.5);background:transparent;box-shadow:none}
#app #main .sv-detail-body > .growth-partner{background:var(--pn-surface-sub);border:1px solid var(--pn-line-soft);border-radius:var(--pn-radius-in);padding:var(--pn-pad)}
#app #main .sv-bottom-cta{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius);box-shadow:0 6px 20px rgba(41,41,34,.10)}

/* ───────── 7. 내 조건 ───────── */
#app #main .profile-page{padding:var(--pn-pad)}
#app #main .profile-page .editorial-profile-banner{border:1px solid var(--pn-line-soft);border-radius:var(--pn-radius-in);overflow:hidden}
#app #main .profile-page .step-meta{padding:14px 0 10px;border-bottom:0;margin-bottom:0}
#app #main .profile-page .progress-track{margin:0 0 20px}
#app #main .profile-page .option{background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius-in);box-shadow:none}
#app #main .profile-page .option[aria-checked="true"], #app #main .profile-page .option.selected{border-color:#94580B;background:#FBF4EA}
#app #main .profile-page .choices{gap:var(--pn-gap)}
#app #main .profile-page .profile-actions{background:var(--pn-surface-sub);border-top:1px solid var(--pn-line-soft);margin:var(--pn-pad) calc(var(--pn-pad) * -1) calc(var(--pn-pad) * -1);padding:16px var(--pn-pad);border-radius:0 0 var(--pn-radius) var(--pn-radius)}
@media (max-width:767px){#app #main .profile-page .profile-actions{margin:20px calc(var(--pn-pad) * -1) calc(var(--pn-pad) * -1) !important;padding:14px var(--pn-pad)}}

/* ───────── 8. 광고 안내 ───────── */
#app #main .ad-page{gap:var(--pn-gap)}
#app #main section[aria-label="광고 진행 예정 절차"]{padding:var(--pn-pad)}
#app #main .ad-section .ad-chip{border:1px solid var(--pn-line);background:var(--pn-surface)}
#app #main .ad-section .ad-chip[aria-pressed="true"]{border-color:#94580B;background:#FBF4EA}

/* ───────── 9. 회원 ───────── */
body.design-account main.member-main{padding-top:var(--pn-gap)}
body.design-account main.member-main > * + *{margin-top:var(--pn-gap)}
body.design-account main.member-main .account-hero{padding:var(--pn-pad);margin-bottom:0}
body.design-account main.member-main .editorial-account-art{border:1px solid var(--pn-line-soft);margin:calc(var(--pn-gap) + var(--pn-pad)) var(--pn-pad) 0 24px;position:relative;z-index:1}
body.design-account main.member-main .account-hero{min-height:calc(180px + var(--pn-pad) * 2)}
@media (max-width:899px){body.design-account main.member-main .account-hero{min-height:calc(120px + var(--pn-pad) * 2)}}
@media (max-width:540px){body.design-account main.member-main .account-hero{min-height:calc(112px + var(--pn-pad) * 2)}}
body.design-account main.member-main :is(#login-panel, #member-panel, #unsubscribe-panel, #withdrawal, section){padding:var(--pn-pad)}
body.design-account main.member-main .signup-more{background:var(--pn-surface-sub);border:1px solid var(--pn-line-soft);border-radius:var(--pn-radius-in)}
body.design-account main.member-main .returning-note{border-radius:var(--pn-radius-in)}
body.design-account main.member-main > p.hint{padding:0 4px}
body.design-account main.member-main #message:not(:empty){background:var(--pn-surface);border:1px solid var(--pn-line);border-left:4px solid #94580B;border-radius:var(--pn-radius);padding:12px var(--pn-pad)}

/* ───────── 10. 떠 있는 상담 창·하단 내비 ───────── */
#app .support-panel{border:1px solid var(--pn-line);border-radius:var(--pn-radius);box-shadow:0 12px 40px rgba(41,41,34,.14)}
#app .mobile-nav{background:var(--pn-surface);border-top:1px solid var(--pn-line)}

/* ───────── 11. 모바일(≤540) ───────── */
@media (max-width:540px){
  #app #main .ld-findbar{padding:10px;gap:10px}
  #app #main .notice-card{border-radius:var(--pn-radius)}
  #app #main :is(.hero, .editorial-page-hero, .discovery-hero, .sv-hero, .growth-hero, .visual-hero, .editorial-home){border-radius:var(--pn-radius)}
}

/* 2026-09-29 사용자 재검수: 제목 전체 노출과 정보 영역의 명확한 구분. */
:root{--pn-bg:#ECE9E2;--pn-line:#BFB5A5;--pn-line-soft:#DBD4C8;--pn-gap:16px}
#app #main .notice-card .card-link h3,
#app .deadline-item h3,
#app #main .compare-head-title{
 display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;
 height:auto;max-height:none;min-height:0;overflow:visible;text-overflow:clip;
 white-space:normal;overflow-wrap:anywhere;word-break:keep-all;
}
#app #main .notice-card .card-link{height:auto;max-height:none;overflow:visible}
#app #main .notice-card{border:1px solid var(--pn-line);border-top:3px solid #A68C66;}
#app #main .notice-card .card-top{padding-bottom:12px;border-bottom:1px solid var(--pn-line-soft);min-height:42px}
#app #main .notice-card .card-category{white-space:normal;overflow:visible;text-overflow:clip}
#app #main .notice-card .card-facts{
 background:#F6F4F0;border:1px solid #DED7CC;border-radius:6px;
 padding:8px 12px;margin-top:16px;
}
#app #main .notice-card .card-facts .fact{padding:9px 0;border-color:#DCD4C7}
#app #main .notice-card .card-facts .fact:first-child{border-top:0}
#app #main .notice-card .card-facts dt{color:#635643;font-weight:600}
#app #main .notice-card :is(.card-details,.card-footer){border-top:1px solid #CFC4B2;padding-top:12px}
#app #main .section-heading.pn-results-head{background:#E4DDCF;border:1px solid #BCAE96;border-radius:8px;padding:14px 16px;margin-top:24px}
#app #main .pn-results-head h2{color:#352D21}
#app #main .pn-results-head .pn-results-count{color:#54452F}
#app #main .pn-conditions>.pn-conditions-head{
 background:#F4F1EB;margin:0 calc(-1 * var(--pn-pad));padding:12px var(--pn-pad);
 border-bottom:1px solid #CFC4B2;border-radius:7px 7px 0 0;
}
#app #main .browse-category-picker .category-group{
 padding:12px;border:1px solid #D3C8B6;border-radius:6px;background:#FAF8F4;
}
#app #main .browse-category-picker .category-group-label{font-size:13px;color:#56462D;padding-bottom:8px;border-bottom:1px solid #DCD3C5}
@media(max-width:599px){:root{--pn-gap:14px}#app #main .notice-card .card-facts{padding:6px 10px}}

#app #main .notice-card .card-link h3{min-height:3.1em}