.guide-intro{padding-block:65px 40px}.guide-intro h1{font-family:var(--font-display);font-size:clamp(44px,6vw,76px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:22px 0}.guide-intro>p{max-width:620px;color:var(--muted);font-size:18px}.guide-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:32px;font-size:14px}.guide-back{font-size:14px}.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-board,.type-board,.component-board,.template-card{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.brand-board{min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:28px}.brand-board .brand{font-size:26px}.brand-board .brandmark{width:55px;height:55px}.brand-board p{font-size:13px;color:var(--muted);margin:0}.brand-board.dark{background:var(--forest);color:white}.brand-board.dark .brandmark{border:1px solid var(--accent)}.brand-board.dark p{color:#c7d7ce}.guide-note{font-size:14px;color:var(--muted);max-width:850px;margin-top:22px}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.color-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.color-swatch{height:110px}.color-card .color-info{padding:16px}.color-info strong,.color-info code,.color-info span{display:block}.color-info strong{font-size:15px}.color-info code{font-size:13px;margin:5px 0}.color-info span{font-size:13px;color:var(--muted)}.display-specimen{font-family:var(--font-display);font-size:42px;line-height:1.2;margin:25px 0}.type-board h3{font-size:25px;font-weight:400}.type-board p{font-size:16px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.icon-tile{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;gap:18px;align-items:center}.icon-tile .icon{width:30px;height:30px}.icon-tile strong{display:block;font-size:15px}.icon-tile span{font-size:12px;color:var(--muted)}.component-board>.actions{margin-top:20px;align-items:center}.component-board .notice{max-width:650px}.template-pair{margin-top:24px}.template-card h3,.photo-rules h3{font:28px var(--font-display);margin:15px 0}.template-card p,.template-card li,.photo-rules li{font-size:16px}.template-card li,.photo-rules li{margin-bottom:9px}.photo-example{margin:0}.photo-example img{height:360px;border-radius:var(--radius)}.photo-example figcaption{font-size:14px;color:var(--muted);margin-top:15px}.photo-rules ul{padding-left:22px}.guide-maintenance{border-top:1px solid var(--line)}.guide-maintenance h2{font:32px var(--font-display)}.guide-maintenance p{max-width:780px}
@media(max-width:800px){.guide-pair{grid-template-columns:1fr}.color-grid,.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-intro{padding-top:40px}.guide-intro h1{letter-spacing:-1px}.icon-tile{padding:18px;gap:12px}.brand-board,.type-board,.template-card{padding:24px}.display-specimen{font-size:36px}.photo-example img{height:300px}.brand-board .brand{font-size:23px}}