.browse-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:44px;max-width:1440px;margin:0 auto;padding:36px 40px 72px;color:var(--ui-ink);align-items:start;min-height:70vh}
.browse-shortcut{margin:8px 12px 0}
.browse-sidebar{position:sticky;top:calc(var(--header-offset,72px) + 24px);min-width:0;max-height:calc(100dvh - var(--header-offset,72px) - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:16px}
.browse-sidebar-heading{padding:4px 10px 22px;border-bottom:1px solid var(--ui-line);margin-bottom:20px}.browse-sidebar-heading .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--ui-ink-3)}.browse-sidebar-heading h2{font-size:21px;font-weight:600;line-height:1.5;margin:8px 0 0}
.browse-menu-toggle{display:none}.browse-navigation{display:block}.browse-nav-group{margin-bottom:24px}.browse-nav-group:last-child{margin-bottom:0}.browse-nav-group h3{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ui-ink-3);padding:0 10px;margin:0 0 6px;line-height:1.5}
/* 헤더 드롭다운(site-header.css)과 같은 모양: 아이콘 칸, 둥근 줄, 현재 페이지는 진한 아이콘 칸 */
.browse-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.browse-navigation a{display:flex;align-items:center;gap:12px;padding:9px 10px;font-size:14px;font-weight:500;line-height:1.5;color:var(--ui-ink);border-radius:11px;overflow-wrap:anywhere;transition:background .12s ease}.browse-navigation a>span{min-width:0}.browse-navigation a:hover,.browse-navigation a:focus-visible{background:var(--ui-surface-2)}.browse-navigation a:focus-visible{outline-offset:-2px}.browse-navigation a[aria-current="page"]{background:var(--ui-surface-2);font-weight:600}
.browse-nav-icon{flex:none;width:34px;height:34px;padding:7.5px;border-radius:10px;background:var(--ui-surface);color:var(--ui-ink-2);box-shadow:inset 0 0 0 1px rgba(32,45,56,.07);transition:background .12s ease,color .12s ease,box-shadow .12s ease}.browse-navigation a:hover .browse-nav-icon{background:var(--paper);color:var(--ui-ink);box-shadow:inset 0 0 0 1px var(--ui-line-strong),0 1px 2px rgba(20,32,42,.06)}.browse-navigation a[aria-current="page"] .browse-nav-icon,.browse-navigation a.is-section .browse-nav-icon{background:var(--ui-accent);color:var(--paper);box-shadow:none}.browse-navigation a.is-section{font-weight:600}
.browse-navigation .browse-nav-children{gap:0;margin:2px 0 10px 27px;padding-left:12px;border-left:1px solid var(--ui-line)}.browse-nav-children a{position:relative;font-size:13px;font-weight:400;padding:7px 10px;line-height:1.6;color:var(--ui-ink-2);border-radius:8px}.browse-nav-children a[aria-current="page"]{background:transparent;color:var(--ui-ink);font-weight:600}.browse-nav-children a[aria-current="page"]::before{content:"";position:absolute;left:-13.5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--ui-accent)}
@media(prefers-reduced-motion:reduce){.browse-navigation a,.browse-nav-icon{transition:none}}
@media(forced-colors:active){.browse-nav-icon{border:1px solid CanvasText}.browse-navigation a[aria-current="page"]{outline:1px solid CanvasText}}

.browse-content{min-width:0}.guide-content{background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-radius-m);padding:36px;overflow-wrap:anywhere}.guide-content>.shell,.guide-content>.journeys-page,.guide-content>.blueprint-page{max-width:none;margin:0;padding:0}.guide-content .article{max-width:none;margin:0}.guide-content .page-head{margin-bottom:30px}.guide-content .page-head h1,.guide-content .article h1{font-size:clamp(28px,2.6vw,38px);line-height:1.4}.guide-content .guide-article>.back{display:none}.guide-content .journey-switcher{display:none}.guide-content .ai-connect-choices{grid-template-columns:1fr}.guide-content .ai-connect-card h2{min-height:0}.guide-content .ai-connect-number{margin-bottom:12px}.guide-content .ai-connect-card p{margin:12px 0 18px}.guide-content .journey-feature{grid-template-columns:1fr;gap:28px}.guide-content .journey-feature-copy h2{font-size:30px}.guide-content .journey-steps ol{grid-template-columns:1fr}.guide-content .journey-ai{grid-template-columns:1fr;gap:24px}.guide-content .journey-next{grid-template-columns:1fr}.guide-content .ai-connect-hub-grid{grid-template-columns:1fr}.guide-content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.store-layout .shop-heading h1{font-size:clamp(28px,3vw,40px)}.store-layout .shop-grid{gap:24px}.store-layout .shop-art{min-height:210px}.store-layout .shop-card h2{font-size:21px}.store-layout .shop-card-bottom{flex-wrap:wrap}
@media(max-width:1050px){.browse-layout{grid-template-columns:210px minmax(0,1fr);gap:28px;padding:28px 24px 60px}.browse-sidebar{padding-right:10px}.guide-content{padding:28px}.store-layout .shop-grid{gap:18px}.store-layout .shop-card-body{padding:20px}}
@media(max-width:900px){
 .browse-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px 20px 52px}.browse-sidebar{position:static;max-height:none;overflow:visible;padding:0}.browse-sidebar-heading{display:none}.browse-menu-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:13px 16px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-s);background:#fff;color:var(--ui-ink);text-align:left;font-size:13px;line-height:1.6}.browse-menu-toggle>span:first-child{flex-shrink:0;font-weight:600}.browse-menu-toggle>span:last-child{margin-left:auto}.browse-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-ink-3);font-size:12px}.browse-menu-toggle[aria-expanded="true"]>span:last-child{transform:rotate(180deg)}.browse-menu-toggle[aria-expanded="false"]~.browse-navigation{display:none}.browse-navigation{margin-top:12px;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;padding:18px 12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-s);background:#fff}.guide-content{padding:26px}.guide-content .cards{grid-template-columns:1fr}.store-layout .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){.guide-content{padding:24px 20px}.guide-content .page-head h1,.guide-content .article h1{font-size:27px}.store-layout .shop-grid{grid-template-columns:1fr}.store-layout .shop-heading{margin-bottom:24px}.browse-layout{gap:20px}}
.guide-doc-section{padding:28px 0;border-top:1px solid var(--line)}.guide-doc-section h2{font-size:21px;letter-spacing:-.03em;line-height:1.5;margin-bottom:12px}.guide-doc-section p{color:var(--muted);font-size:16px;margin-bottom:8px}.guide-doc-section ul{margin:0;padding-left:20px}.guide-doc-section li{font-size:16px;line-height:1.85;padding:4px 0}.guide-doc-links{display:flex;flex-wrap:wrap;gap:10px 24px}.guide-doc-links a{font-size:15px;font-weight:600;color:var(--green)}.guide-doc .news-pager{margin-top:12px}
@media(max-width:600px){.guide-doc-section{padding:22px 0}.guide-doc-section h2{font-size:19px}.guide-doc-section p,.guide-doc-section li{font-size:15px}}
/* 목록 위에 늘 보이는 칸(제작 작업의 작업 공간 고르기). 폰에서는 목록 단추 아래에 남는다. */
.browse-sidebar-intro{padding:0 10px 20px;margin-bottom:20px;border-bottom:1px solid var(--ui-line)}
@media(max-width:900px){.browse-sidebar-intro{padding:12px 0 0;margin:0;border:0}}