/*
Theme Name: StartHome Renewal
Template: starthomepage
Description: 스타트홈 리뉴얼 child theme — 실제 화면 중심 탐색, 44px 조작 영역, 구조화 데이터 보강.
Version: 2.0.0
Author: starthomepage
Text Domain: starthomepage-renewal
*/

:root{--c1:#1f6fd0;--c2:#1c2430;--bg:color-mix(in srgb,var(--c2) 3%,white);--ink:var(--c2);--mute:color-mix(in srgb,var(--c2) 68%,white);--line:color-mix(in srgb,var(--c2) 12%,white);--soft:color-mix(in srgb,var(--c1) 8%,white);--soft2:color-mix(in srgb,var(--c1) 16%,white);--paper:white;--r:10px}
body{font-size:17px;line-height:1.72}
.skip-link{position:absolute;left:16px;top:-80px;z-index:99;background:var(--c2);color:var(--paper);padding:10px 16px;border-radius:var(--r)}.skip-link:focus{top:10px}
.hd .wrap{max-width:1120px}.brand-line{display:flex;align-items:center;gap:8px}.logo small{font-size:.82rem}.nav{gap:2px 8px}.nav a{padding:8px 7px;border-radius:8px}.nav a:hover,.nav a:focus-visible{background:var(--soft);text-decoration:none}
main.wrap{max-width:1020px}.home main.wrap{max-width:1120px}article{max-width:780px;margin-inline:auto}.home article{max-width:none}
h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:20px}h2{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.025em}h3{font-size:1.12rem}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.crumb a,.tbl a,.content p a{display:inline-flex;align-items:center;min-height:44px}.meta a,.tags a{min-height:44px;display:inline-flex;align-items:center}
.nav a,.crumb a,.list a,.tbl a,.tags a{min-width:44px}.content li>a,.content summary,.winget>summary{display:inline-flex!important;align-items:center;min-width:44px;min-height:44px!important}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.summary{font-size:1.08rem;line-height:1.68;background:var(--soft);border:1px solid var(--soft2);border-left:4px solid var(--c1);border-radius:var(--r);padding:16px 18px;margin:0 0 24px}.content>p:first-child{font-size:1.05rem;line-height:1.7}.single-sh_fix .content>p:first-child,.single-sh_magazine .content>p:first-child{background:var(--soft);border-left:4px solid var(--c1);border-radius:var(--r);padding:16px 18px}
.featured-guide{margin:22px 0 28px;aspect-ratio:16/9;overflow:hidden;background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}.featured-guide img{width:100%;height:100%;object-fit:contain}.related{margin-top:40px}
.dl{padding:24px}.dlbtn,.btn,.copy,.tool button,.tool input,.tool select,.tool textarea,.drop{min-height:44px}.copy{padding:8px 12px}.tool input[type=checkbox]{min-width:22px;min-height:22px}.tool label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center;min-height:44px}
.tile,.pair,.screen-grid a,.home-shortcuts a,.archive-card{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.tile:hover,.tile:focus-visible,.pair:hover,.pair:focus-visible,.screen-grid a:hover,.screen-grid a:focus-visible,.archive-card:hover,.archive-card:focus-visible{transform:translateY(-2px)}
.icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.icon-disc{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;color:var(--c1);background:var(--soft);border:1px solid var(--soft2);border-radius:10px;margin-bottom:12px}
.renewal-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.82fr);gap:40px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:42px;margin-bottom:28px}.renewal-hero h1{max-width:650px}.renewal-hero .lede{font-size:1.08rem;color:var(--mute);max-width:620px}.renewal-hero .sf{max-width:620px;margin-top:18px}.renewal-hero .sf input,.renewal-hero .sf button{min-height:52px}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;background:var(--soft);border-radius:999px;font-weight:700;font-size:.88rem}.hero-actions a:hover{text-decoration:none;background:var(--soft2)}
.screen-stack{min-height:350px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 68px}.journey a{display:flex;flex-direction:column;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px;color:var(--ink);min-height:170px}.journey a:hover{text-decoration:none;border-color:var(--c1)}.journey strong{font-size:1.12rem;margin-bottom:6px}.journey span{color:var(--mute);font-size:.9rem}.journey b{color:var(--c1);font-size:.78rem;margin-top:auto;padding-top:12px}
.pillar-grid,.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0}.pillar-card,.archive-card{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none}.pillar-card:hover,.archive-card:hover{text-decoration:none;border-color:var(--c1)}.pillar-media,.archive-media{aspect-ratio:16/10;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.pillar-media img,.archive-media img{width:100%;height:100%;object-fit:contain}.pillar-copy,.archive-copy{padding:14px;display:flex;flex:1;flex-direction:column}.pillar-copy strong,.archive-copy strong{line-height:1.45}.pillar-copy>span,.archive-copy>span{color:var(--mute);font-size:.86rem;line-height:1.55;margin-top:7px}.pillar-copy small,.archive-copy small{color:var(--mute);font-size:.78rem;margin-top:auto;padding-top:8px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}.archive-title{max-width:720px}.archive-summary{color:var(--mute);max-width:720px}
.home-section{margin:72px 0}.home-section.alt{padding:32px;border-radius:16px;background:var(--soft);border:1px solid var(--soft2)}.home .grid.icon-grid{grid-template-columns:repeat(3,1fr)}.icon-grid .tile{min-height:156px}
.reveal{transform:translateY(8px);transition:transform .18s ease}.reveal.in-view{transform:none}
.ft{background:var(--paper)}.ft .wrap{max-width:1120px}.ft a{padding-inline:4px}
@media(max-width:900px){.renewal-hero{grid-template-columns:1fr;padding:30px}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey{grid-template-columns:1fr}.home .grid.icon-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:719px){body{font-size:16px}.hd .wrap{gap:4px 10px}.logo small{display:none}.nav{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:2px;scrollbar-width:thin}.nav a{white-space:nowrap;flex:0 0 auto}.renewal-hero{padding:24px 18px;border-radius:12px;gap:24px}.renewal-hero h1{font-size:2.25rem}.screen-stack{min-height:0}.journey{margin-bottom:52px}.pillar-grid,.archive-grid,.home .grid.icon-grid{grid-template-columns:1fr}.pillar-media,.archive-media{aspect-ratio:16/9}.home-section.alt{padding:22px 16px;margin-inline:-8px}.section-head{align-items:flex-start}.tbl th,.tbl td{padding:10px}.content p a{min-height:44px}.screen-stack a{min-height:132px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile,.pair,.screen-grid a,.home-shortcuts a,.archive-card,.reveal{transition:none;transform:none!important}}
