/* =====================================================================
   GOKUDO: Site Map page, generated automatically.
   Banner, footer, wrap, label, and font variables come from base.css (loaded
   site-wide) plus style.css.
   Loaded on the page:sitemap context: registered in gokudo_pages()
   (inc/routing.php) and resolved by inc/assets.php, not by functions.php.
   ===================================================================== */

/* ============ PAGE HEAD (same treatment as search/terms) ============ */
/* Breadcrumb, title, meta come from components.css. search/sitemap/terms run a
   smaller pagehead than cart/checkout/account/products, so padding, .ph-title
   sizing, and .ph-sub spacing are overridden below. */
.pagehead{--ph-title-size:clamp(48px,6.4vw,98px);border-bottom:1px solid var(--line);background:var(--bg);padding:60px 0 44px}
.ph-title{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ph-title h1{font-family:var(--display);font-weight:900;font-size:var(--ph-title-size);line-height:.84;text-transform:uppercase;letter-spacing:var(--track-lg)}
.ph-title .han{font-family:var(--han);font-size:clamp(26px,3.4vw,44px);color:var(--blue);line-height:1;margin-bottom:6px}
.ph-sub{margin-top:24px;color:var(--faint);font-size:15px;line-height:1.6;max-width:560px}

/* ============ MAP ============ */
.sitemap{padding:64px 0 110px;background:var(--bg)}
.sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 40px}
.sm-col-wide{grid-column:1 / -1}
.sm-h{font-family:var(--display);font-size:24px;line-height:1;letter-spacing:var(--track-sm);text-transform:uppercase;color:var(--ink);font-weight:700;padding-bottom:14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.sm-col ul{list-style:none;margin:0;padding:0}
.sm-col li{margin:0}
body.gk-page .sm-col a{display:inline-block;color:var(--muted);font-size:15px;padding:7px 0;transition:color .2s}
body.gk-page .sm-col a:hover{color:var(--blue)}
.sm-multi{columns:2;column-gap:40px}
.sm-multi li{break-inside:avoid}

@media(max-width:760px){
	.sm-grid{grid-template-columns:1fr 1fr;gap:40px 28px}
}
@media(max-width:480px){
	.sm-grid{grid-template-columns:1fr}
	.sm-multi{columns:1}
}