/* GALAXY PICK 덧씌움(Chirpy 위) — 한글 글꼴, 로고, 메뉴 묶음 제목, 상품 가격, 도구 화면. Chirpy 색·간격은 그대로 쓴다. */
:root { --gp-font: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; }
body, h1, h2, h3, h4, h5, h6, .site-title, .card-title, #topbar-title, .post-desc, .form-control, .form-select, .btn { font-family: var(--gp-font) !important; }
body { word-break: keep-all; }
.content p, .card-text p { line-height: 1.8; }
/* 왼쪽 위 로고: 사진 대신 글자 동그라미 */
.gp-logo { display: flex !important; align-items: center; justify-content: center; font-weight: 800; font-size: 2rem; letter-spacing: -1px;
color: #fff !important; background: linear-gradient(135deg, #b8741a, #1f3a5f); text-decoration: none; }
.site-title { font-size: 1.45rem !important; letter-spacing: -0.5px; }
/* 메뉴 사이 '필수 도구' 묶음 제목 */
.gp-nav-label { font-size: .72rem; letter-spacing: .08em; opacity: .55; padding: 1.1rem 0 .3rem 1.6rem; font-weight: 700; }
/* 페이지 머리(목록·도구 화면 공통) */
.gp-pagehead { margin: .4rem .25rem 1.4rem; } .gp-pagehead h1 { font-size: 1.7rem; font-weight: 800; margin-bottom: .3rem; }
.gp-notice { font-size: .82rem; padding: .55rem .8rem; border-radius: .6rem; background: var(--card-hovor-bg, rgba(0,0,0,.035)); border: 1px solid var(--main-border-color, #e9ecef); margin-top: .8rem; }
/* 상품 카드 */
.gp-pick .card-title { font-size: 1.05rem !important; line-height: 1.5; }
.gp-price { font-size: 1.15rem; color: var(--link-color, #0056b2); } .gp-off { color: #c0392b; font-weight: 700; font-size: .85rem; }
.gp-pick .preview-img img { object-fit: cover; }
/* 글·산 상세 큰 사진 */
.gp-hero { width: 100%; max-height: 420px; object-fit: cover; border-radius: .75rem; }
/* 도구 화면 */
.gp-tool .form-label { font-weight: 600; } .gp-big { font-size: 2.2rem; font-weight: 800; line-height: 1.1; }
.gp-result { border-left: 4px solid var(--link-color, #0056b2) !important; }
/* 도구 화면 입력칸: Chirpy CSS엔 Bootstrap 폼·간격 일부가 없어서 직접(2026-10-11 시안 점검에서 발견) */
.gp-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 16px; }
.gp-form label { display: grid; gap: 6px; font-size: .85rem; font-weight: 600; }
.gp-form select, .gp-form input { width: 100%; font: inherit; font-size: .95rem; padding: .5rem .65rem; border: 1px solid var(--main-border-color, #dee2e6); border-radius: .5rem;
background: var(--main-bg, #fff); color: inherit; }
.gp-form select:focus, .gp-form input:focus { outline: 2px solid var(--link-color, #0056b2); outline-offset: 1px; }
.gp-nums { display: flex; gap: 28px; flex-wrap: wrap; } .gp-nums small { display: block; }
.gp-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.gp-tool, .gp-result { padding: 18px !important; }
@media (max-width: 760px) { .gp-form { grid-template-columns: 1fr 1fr; } }
@media (max-width: 460px) { .gp-form { grid-template-columns: 1fr; } }
/* 상품 카드 글줄: Chirpy 카드 본문 문단 모양(줄임표)을 피해서 줄마다 따로 */
.gp-brand { display: block; color: var(--text-muted-color, #6c757d); font-size: .92rem; margin: 2px 0 6px; }
.gp-priceline { display: block; }
/* ===== 보는 방식(가운데 영역) 2026-10-11 ===== */
.gp-text { color: var(--text-muted-color, #6c757d); font-size: .95rem; margin: 4px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gp-stretch { color: inherit; text-decoration: none; } .gp-stretch:hover .card-title { color: var(--link-color, #0056b2); }
/* 격자형 */
.gp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-bottom: 1.5rem; }
.gp-gcard { display: flex; flex-direction: column; overflow: hidden; border-radius: .75rem !important; }
.gp-gcard img, .gp-gcard .gp-noimg { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; background: var(--main-border-color, #eee); }
.gp-gtitle { font-weight: 700; color: inherit; line-height: 1.45; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gp-gtitle:hover { color: var(--link-color, #0056b2); }
/* 목록형 */
.gp-list { margin: 0 0 1.5rem; border-top: 1px solid var(--main-border-color, #e9ecef); }
.gp-row { display: grid; grid-template-columns: 76px 1fr auto; gap: 14px; align-items: center; padding: 10px 4px; border-bottom: 1px solid var(--main-border-color, #e9ecef); }
.gp-row img, .gp-row .gp-noimg { width: 76px; height: 76px; object-fit: cover; border-radius: .5rem; display: block; background: var(--main-border-color, #eee); }
.gp-rtitle { font-weight: 600; color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.gp-rtitle:hover { color: var(--link-color, #0056b2); } .gp-rowend { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
@media (max-width: 576px) { .gp-row { grid-template-columns: 64px 1fr; } .gp-row img { width: 64px; height: 64px; } .gp-rowend { grid-column: 2; align-items: flex-start; text-align: left; } }
/* 매거진형 */
.gp-hero-card { display: flex; align-items: flex-end; min-height: 340px; border-radius: .9rem; margin-bottom: 16px; background: #333 center/cover no-repeat; color: #fff !important; text-decoration: none; position: relative; overflow: hidden; }
.gp-hero-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.72)); }
.gp-hero-in { position: relative; padding: 22px; } .gp-hero-in h2 { color: #fff; font-size: 1.6rem; font-weight: 800; margin: 0 0 6px; } .gp-hero-in p { margin: 0 0 6px; opacity: .92; }
/* 관리 화면 보기 고르기 */
.gp-vopts { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.gp-vopt { display: flex; gap: 8px; align-items: flex-start; border: 1px solid var(--main-border-color, #dee2e6); border-radius: .6rem; padding: 10px; cursor: pointer; }
.gp-vopt:has(input:checked) { border-color: var(--link-color, #0056b2); box-shadow: 0 0 0 2px rgba(0, 86, 178, .15); }
.gp-vopt span { display: grid; gap: 2px; } .gp-vopt small { color: var(--text-muted-color, #6c757d); line-height: 1.4; } .gp-vopt a { font-size: .85rem; }
.gp-preview { border-color: #e0b400 !important; }
/* 격자형 카드 안쪽(Chirpy CSS엔 p-3·gap 등 여백 부품이 없어 직접) */
.gp-gbody { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 14px; flex-grow: 1; }
.gp-gtext { color: var(--text-muted-color, #6c757d); font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gp-gmeta { margin-top: auto; padding-top: 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: .85rem; color: var(--text-muted-color, #6c757d); }
.gp-gmeta > span { margin-right: auto; }
.gp-gmeta .me-2, .gp-row .me-2 { white-space: nowrap; display: inline-block; }
/* ===== 원형 일러스트형 · 단계형 (2026-10-11 사용자 참고 화면) ===== */
:root { --gp-sketch: #c9988a; --gp-stepnum: #c9886f; }
[data-mode="dark"] { --gp-sketch: #a3786c; }
.gp-sec { font-size: 1.15rem; font-weight: 800; margin: 1.6rem .25rem .6rem; }
/* 원형: 손그림 원(SVG) 안에 아이콘·제목·설명, 짝수 칸은 아래로 내려 지그재그 */
.gp-circles { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px 18px; margin: 0 0 1rem; padding-bottom: 36px; }
.gp-circ { position: relative; aspect-ratio: 1 / 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
padding: 18% 14%; color: inherit !important; text-decoration: none !important; transition: transform .2s; }
.gp-circ:nth-child(even) { transform: translateY(36px); }
.gp-circ:hover { transform: translateY(-4px); } .gp-circ:nth-child(even):hover { transform: translateY(32px); }
.gp-sketch { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.gp-sketch path { fill: none; stroke: var(--gp-sketch); stroke-width: 2.3; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.gp-cicon { width: 38%; max-width: 92px; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 6px 8px rgba(0,0,0,.12)); margin-bottom: 8px; }
.gp-cphoto { width: 42%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; margin-bottom: 8px; }
.gp-ctitle { font-size: 1.05rem; font-weight: 800; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gp-ctext { font-size: .82rem; color: var(--text-muted-color, #6c757d); line-height: 1.5; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 576px) { .gp-circles { grid-template-columns: 1fr 1fr; gap: 4px 8px; } .gp-circ { padding: 16% 10%; } .gp-ctext { display: none; } }
/* 단계형: 큰 번호 + 사진 칸이 좌우로 번갈아 */
.gp-steps { display: grid; gap: 34px; margin: .5rem 0 2rem; }
.gp-step { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
.gp-step:nth-child(even) .gp-stxt { order: 2; }
.gp-step.gp-noph { grid-template-columns: 1fr; } .gp-step.gp-noph .gp-stxt { order: 0; } /* 사진 없는 글은 글만(2026-10-21) */
.gp-shead { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.gp-snum { font-size: 2.6rem; font-weight: 800; color: var(--gp-stepnum); line-height: 1; font-family: Georgia, "Noto Serif KR", serif; }
.gp-stitle { font-size: 1.15rem; font-weight: 800; color: inherit !important; text-decoration: none; }
.gp-sp { color: var(--text-muted-color, #6c757d); line-height: 1.8; margin: 0 0 6px; }
.gp-sframe { display: block; padding: 10px; border-radius: 16px; background: var(--card-bg, #fff); box-shadow: 0 2px 0 rgba(0,0,0,.04), 0 10px 24px rgba(0,0,0,.08); border: 1px solid var(--main-border-color, #eee); }
.gp-sframe img, .gp-sempty { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--main-border-color, #eee); color: var(--text-muted-color, #888); font-size: .85rem; }
@media (max-width: 768px) { .gp-step { grid-template-columns: 1fr; gap: 12px; } .gp-step:nth-child(even) .gp-stxt { order: 0; } }
/* 원형 조정: PC에서 4개가 한 줄에, 글자가 원 선에 닿지 않게 안쪽 여백 넓힘 */
.gp-circles { grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); }
.gp-circ { padding: 21% 17%; }
/* 더보기 · 끝 표시 */
.gp-more { display: flex; justify-content: center; margin: 8px 0 28px; } .gp-more .btn { min-width: 220px; border-radius: 999px; }
.gp-end { text-align: center; margin: 10px 0 28px; }
.gp-steps + .gp-steps, .gp-grid + .gp-grid, .gp-circles + .gp-circles { margin-top: 0; }
#post-list + #post-list { margin-top: 0; }
/* ===== 실제 앱 연결(2026-10-11) ===== */
.gp-filter { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 12px; }
.gp-filter .post-tag { margin: 0 !important; color: var(--text-color, #34343c) !important; } .gp-filter .post-tag.btn-primary { color: #fff !important; } .gp-filter .post-tag .gp-n { font-size: .74em; opacity: .7; margin-left: 3px; font-weight: 400; } .gp-sort { margin-left: auto; font-size: .88rem; } .gp-sort a { color: var(--text-muted-color, #6c757d); } .gp-sort a.on { color: var(--link-color, #0056b2); font-weight: 700; }
.gp-qtag { font-size: .88rem; } .gp-qtag a { margin-left: 4px; }
.gp-toolcta { display: flex; gap: 12px; align-items: center; padding: 14px 16px; margin: 1.5rem 0; border: 1px solid var(--main-border-color, #e9ecef); border-radius: .8rem; text-decoration: none !important; color: inherit !important; background: var(--card-bg, #fff); }
.gp-toolcta .ic { font-size: 1.8rem; } .gp-toolcta span:nth-child(2) { display: grid; } .gp-toolcta small { color: var(--text-muted-color, #6c757d); } .gp-toolcta .go { margin-left: auto; color: var(--link-color, #0056b2); font-weight: 700; white-space: nowrap; }
.gp-pickhead { display: grid; grid-template-columns: 1fr 300px; gap: 24px; align-items: start; margin: 1rem 0; }
.gp-pickimg { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .8rem; }
.gp-price-lg { font-size: 1.6rem; } .gp-pickhead .gp-priceline { margin: 6px 0 12px; }
.gp-ps { font-size: .9rem; margin-top: 14px; padding: 10px 12px; border-radius: .6rem; background: var(--card-hovor-bg, rgba(0,0,0,.035)); }
@media (max-width: 768px) { .gp-pickhead { grid-template-columns: 1fr; } .gp-pickimg { order: -1; max-height: 320px; } }
/* 계산기 영역: 계산기 자체 배경·여백을 틀 안에 맞춤 */
.gp-toolbox { background: transparent !important; min-height: 0 !important; padding: 0 !important; }
.gp-toolbox .wrap { max-width: none !important; padding: 0 !important; margin: 0 !important; }
/* 2026-10-11 빠진 기능 보강 */
.gp-visits{font-size:.8rem;color:var(--sidebar-muted-color,#868686);margin:.35rem 0 0}
.gp-visits b{color:var(--sidebar-active-color,#1d1d1d)}
.gp-pwa{font-size:.8rem;width:auto;white-space:nowrap;padding:0 2px!important;margin-left:2px}
/* 10/12 사용자: 앱 설치가 아랫줄로 내려가지 않게 — 아이콘 간격 조금 줄임 */
#sidebar .sidebar-bottom{flex-wrap:nowrap!important}#sidebar .sidebar-bottom a:not(:last-child),#sidebar .sidebar-bottom .icon-border{margin-right:.5rem!important}
.gp-search{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 .3rem;max-width:30rem;border:1px solid var(--main-border-color,#ddd);border-radius:.5rem;padding:.25rem .3rem .25rem .7rem;background:var(--card-bg,#fff)}
.gp-search input{flex:1;border:0;outline:0;background:transparent;color:inherit;min-width:0}
.gp-noimg{display:flex;align-items:center;justify-content:center;font-size:2.4rem}
.gp-circ.gp-soon{cursor:default;opacity:.55}
.gp-soonbadge{font-size:.7rem;border:1px solid currentColor;border-radius:1rem;padding:0 .5rem;margin-top:.2rem}
.gp-foot-note{margin:.2rem 0 1rem}
/* 2026-10-15 사용자: '참고로 오늘' 칸은 테두리 없이 오른쪽 정렬·필기체 */
.gp-today{text-align:right;font-family:"Nanum Pen Script",cursive!important;font-size:1.25rem;line-height:1.45;border:0;background:none;padding:0 .25rem}
.gp-today h2,.gp-today li,.gp-today b,.gp-today small{font-family:"Nanum Pen Script",cursive!important}
.gp-today h2{font-weight:400;font-size:1.45rem;margin-bottom:.2rem}
.gp-today ul{font-size:inherit}
.gp-circles{overflow-x:clip}
[data-href]{cursor:pointer}
/* 끼워 넣은 화면(.gp-toolbox) 안에서는 Bootstrap 격자(.row > * 너비 100%)가 원래 화면의 같은 이름 클래스를 망가뜨리지 않게 */
.gp-toolbox .row{--bs-gutter-x:0;--bs-gutter-y:0;margin-left:0;margin-right:0;margin-top:0}
.gp-toolbox .row>*{width:auto;max-width:none;flex-shrink:1;margin-top:0}
.card-wrapper .gp-stretch,.card-wrapper .preview-img,.card-wrapper .btn{position:relative;z-index:2}
/* 베타 표시(2026-10-12): 사이드바 제목 옆 + 휴대폰 위쪽 제목 앞 */
.gp-beta { display: inline-block; vertical-align: 3px; margin-left: 4px; padding: 0 6px; border-radius: 4px; font-size: .62rem; font-weight: 800; letter-spacing: .5px; line-height: 1.6;
color: #8a5a00; background: #fdf0d2; border: 1px solid #f0d28c; }
html[data-mode="dark"] .gp-beta { color: #f3c969; background: #3a2c10; border-color: #6b5220; }
.gp-beta-top { margin: 0 6px 0 0; vertical-align: 2px; }
@media (min-width: 850px) { .gp-beta-top { display: none; } }
#sidebar ul li.nav-item a.nav-link span.gp-beta-menu { margin-left: 6px; vertical-align: 2px; font-size: .62rem; letter-spacing: .5px; } /* 새 메뉴 옆 베타(2026-10-17) */
@media (prefers-color-scheme: dark) { html:not([data-mode]) .gp-beta { color: #f3c969; background: #3a2c10; border-color: #6b5220; } }
/* 넓은 화면(1650px~)에서 왼쪽 메뉴와 본문 사이 여백을 절반으로(10/12 사용자 요청 "중간 여백 절반 정도 줄여") — 틀은 본문을 가운데로 모아서 여백이 화면 폭 따라 커졌음 */
@media all and (min-width: 1650px) { #main-wrapper > .container { margin-left: calc((100% - 1250px) / 4); margin-right: auto; } }
.gp-lang{margin-left:10px;font-size:.85rem;font-weight:600;white-space:nowrap;border:1px solid var(--main-border-color,#ddd);border-radius:999px;padding:2px 10px}
/* 옆으로 넘기는 줄 마우스로 끄는 동안(10/12): 붙는 효과·부드러운 이동 끄고 손 모양 */
.gp-dragging{cursor:grabbing!important;scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none}
.gp-dragging *{pointer-events:none}
/* 언어 버튼은 검색칸 바로 왼쪽 — 검색칸이 모든 화면에서 같은 자리(10/12) */
#topbar .gp-lang{margin-left:auto;margin-right:12px}
/* 10/13 사용자: 도구·메뉴 화면 옮길 때 본문이 위아래로 흔들림 — 화면마다 첫 요소(h1 여백·article·toolbox)가 달라 48px/0px 차이 → 모든 화면 본문 시작 높이를 같게 */
main > :first-child { padding-top: 1.25rem !important; margin-top: 0 !important; }
main > :first-child > h1:first-child, main > :first-child > .calc-header:first-child > h1, .gp-pagehead h1 { margin-top: 0 !important; }
/* 2026-10-14: 감싸는 칸 안에 제목 칸이 있는 화면(유튜브)만 제목이 6px 내려가 메뉴를 오갈 때 화면이 튀던 것 — 첫 제목 칸 위 여백 0으로 통일 */
main > :first-child > .gp-pagehead:first-child{margin-top:0!important}
/* 2026-10-15 사용자(10/13 지적의 남은 것): 글 상세 화면(발길 노트·여행 픽·산·퀴즈)은 article > header > h1 이라 위 규칙이 못 잡아 제목이 116px(테마 main h1 2rem 여백) — 목록·탭 화면과 같은 68px로 */
main > :first-child > header:first-child > h1:first-child { margin-top: 0 !important; }
/* 2026-10-15 점검: 글 본문 표가 휴대폰 화면보다 넓으면 화면 전체가 옆으로 밀림(발길 노트 28 넘침 97px) — 표 안에서만 옆으로 */
.content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 2026-10-15 점검: 장소 상세·캠핑장처럼 스크립트가 내용을 늦게 채우는 화면에서, 처음 화면 가운데 있던 꼬리말이 내용이 들어오며 밀려나 화면이 튐(CLS 0.21~0.27)
→ 본문 칸을 처음부터 화면 높이만큼 잡아 꼬리말이 처음부터 화면 아래에 있게 */
main[aria-label="Main Content"]{min-height:100vh}
#campList:empty{min-height:60vh}
/* 2026-10-15 2차 점검: 글 끝 출처 줄의 긴 주소가 줄바꿈 없이 471px로 늘어나 휴대폰 화면 전체가 옆으로 밀림(발길 노트 28) — 긴 글자도 줄 바꿈 */
.post-tail-wrapper p,.post-tail-wrapper .small,.pick-post-body p,.content p{overflow-wrap:anywhere;word-break:break-word}
/* 2026-10-15 사용자: 메뉴 세로 여백 조금 줄이고, 추천 도구 모음은 글자·간격 더 줄이기(도구가 계속 늘어나 길어짐) — 실측 전: 항목 41px+사이 4px, 도구 글자 16px */
#sidebar ul.nav .nav-item .nav-link{padding-top:.45rem;padding-bottom:.45rem}
#sidebar ul.nav .nav-item+.nav-item{margin-top:2px}
#sidebar .gp-nav-label{padding-top:.8rem;padding-bottom:.15rem}
#sidebar ul.nav .gp-nav-label~.nav-item .nav-link{font-size:.8rem;padding-top:.15rem;padding-bottom:.15rem;line-height:1.35} /* 10/22 사용자: 위아래 여백·글자 더 줄이기(.875rem·.3rem → .8rem·.15rem) */
#sidebar .gp-nav-label~.nav-item .nav-link i{font-size:.95em}
#sidebar ul.nav .gp-nav-label~.nav-item{margin-top:0!important}
#sidebar .gp-nav-pair{display:flex;align-items:center;white-space:nowrap}
#sidebar .gp-nav-pair .nav-link{display:inline-flex;align-items:center}
#sidebar .gp-nav-pair .nav-link+.gp-nav-sep{margin:0 .35rem;opacity:.45;font-size:.8rem}
#sidebar .gp-nav-pair .gp-nav-sep+.nav-link{padding-left:0}
#sidebar .gp-nav-pair.active .nav-link:not(.gp-on){color:var(--sidebar-muted-color,#868686)}
/* 2026-10-15 사용자: 아이콘과 글자 사이 공백이 너무 넓다(실측 24px) → 띄어쓰기 한 칸 정도(6px) */
#sidebar ul.nav .nav-link i{margin-right:6px!important}
#sidebar .gp-nav-pair .nav-link:first-child{padding-right:0}
/* 공장 틀 글 소제목(2026-10-21, frames_render.headings): 를
로 바꿔도 모양은 그대로 — 테마 h2 크기·여백 대신 문단과 같게, 틀 인라인 꾸밈은 그대로 */
.content h2.fr-h, h2.fr-h { margin: 0 0 1rem; padding: 0; border: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; font-family: inherit; letter-spacing: inherit; scroll-margin-top: 4rem; }
.content h2.fr-h.fr-in, h2.fr-h.fr-in { margin: 0; }
/* 2026-10-22 사용자: 추천 도구가 늘어도 한눈에 — 3칸 바둑판(도구 3개 늘 때 한 줄), 전부 보이고 이름은 그대로(긴 이름은 두 줄) */
#sidebar ul.nav li.gp-tools{list-style:none;padding:2px 12px 0 16px;margin:0}
#sidebar .gp-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
#sidebar .gp-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:5px 2px 4px;border-radius:9px;
background:var(--sidebar-btn-bg,rgba(0,0,0,.035));color:var(--sidebar-muted-color,#5f6368);text-decoration:none;text-align:center;font-size:.64rem;font-weight:600;line-height:1.2;word-break:keep-all;transition:background .15s,color .15s}
#sidebar .gp-tile i{font-size:.9rem;margin:0!important;opacity:.85}
#sidebar .gp-tile:hover{background:rgba(26,115,232,.09);color:var(--sidebar-active-color,#1d1d1d)}
#sidebar .gp-tile.on{background:var(--sidebar-active-bg,rgba(26,115,232,.13));color:var(--sidebar-active-color,#1d1d1d);font-weight:800}
#sidebar .gp-tile .gp-tbeta{position:absolute;top:2px;right:3px;font-style:normal;font-size:.5rem;font-weight:800;color:#b06000;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:0 2px;line-height:1.25}
/* 2026-10-22 사용자: 왼쪽 위 프로필 높이 줄이기 — 동그라미 대신 넓은 둥근 카드, 제목·방문자 수를 그림 위에 올리고 메뉴를 위로 */
#sidebar .profile-wrapper{position:relative;margin:0!important;padding:18px 14px 6px 18px!important;width:100%}
#sidebar .profile-wrapper #avatar.gp-logo{width:100%!important;height:92px!important;border-radius:18px!important;margin:0!important;justify-content:flex-end!important;
padding-right:14px;font-size:2.7rem!important;color:rgba(255,255,255,.22)!important;box-shadow:0 6px 16px rgba(0,0,0,.12);overflow:hidden}
#sidebar .profile-wrapper .site-title{position:absolute;left:34px;top:34px;margin:0!important;color:#fff!important;font-size:1.12rem!important;line-height:1.2;
text-shadow:0 1px 3px rgba(0,0,0,.35);z-index:2}
#sidebar .profile-wrapper .site-title .gp-beta{text-shadow:none;vertical-align:2px}
#sidebar .profile-wrapper .gp-visits{position:absolute;left:34px;top:64px;margin:0;color:rgba(255,255,255,.9);font-size:.7rem;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.3)}
#sidebar .profile-wrapper .gp-visits b{color:#fff}
#sidebar .profile-wrapper .site-subtitle{position:absolute;left:34px;top:62px;margin:0;color:rgba(255,255,255,.88);font-size:.66rem;z-index:2}
#sidebar nav.flex-column{margin-top:6px!important;padding-top:0!important}
#sidebar ul.nav{margin-top:0!important;padding-top:0!important}
/* 2026-10-22 사용자: 추천 도구 모음은 아래 '앱 설치' 줄 바로 위로 — 남는 빈칸은 메뉴와 도구 사이로 보내고, 도구 칸과 아래 줄 간격·좌우 끝을 맞춤 */
#sidebar nav.flex-column{display:flex;flex-direction:column}
#sidebar nav.flex-column>ul.nav{flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;margin-bottom:0!important}
#sidebar ul.nav>.gp-nav-label{margin-top:auto!important;padding:1rem 14px .3rem 20px!important}
#sidebar ul.nav>li.gp-tools{padding:2px 14px 0 18px!important}
#sidebar .sidebar-bottom{padding:12px 14px 18px 18px!important;margin:0!important}
/* 왼쪽 메뉴 아래 칸(10/24: 취미생활 → 게시판·소설·낚시, 퀴즈 → 일반·건강) — design_v2.NAV_SUB */
#sidebar .gp-sub{list-style:none;margin:-2px 0 6px 3.1rem;padding:0 0 0 .7rem;border-left:1px solid rgba(128,128,128,.3)}
#sidebar .gp-sub a{display:block;padding:.18rem .4rem;font-size:.82rem;color:inherit;opacity:.72;text-decoration:none;border-radius:6px}
#sidebar .gp-sub a:hover{opacity:1;background:rgba(128,128,128,.1)}#sidebar .gp-sub a.on{opacity:1;font-weight:700}
/* 10/24 사용자: 퀴즈·취미생활 아래 칸은 기본 접힘 — 그 메뉴에 있을 때만 펼침 */
#sidebar .gp-sub{display:none}#sidebar li.active>.gp-sub,#sidebar li:has(>a.on)>.gp-sub,#sidebar li:has(>a.active)>.gp-sub{display:block}
/* 10/24 사용자: 넓은 화면에서 양쪽 여백은 기존(1650px 때 왼쪽 25·오른쪽 75) 그대로, 가운데만 늘어나게 */
@media (min-width:1650px){#main-wrapper>.container{max-width:none!important;margin-left:25px!important;margin-right:75px!important}}