/* Jindou customer journey: paper, ink, numbered working records. */
.journey-page { --journey-ink:#191b19; --journey-paper:#f9f8f3; --journey-gold:#88621e; background:var(--journey-paper); }
.journey-page main { display:block; }
.journey-page .journey-section { padding:50px 5%; }
.journey-page .journey-wrap { max-width:1120px; margin:0 auto; }
.journey-page .journey-kicker { display:block; color:var(--journey-gold); font-size:.72rem; letter-spacing:.16em; font-weight:600; margin-bottom:12px; }
.journey-page .journey-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:22px; }
.journey-page .journey-heading h2 { font-size:clamp(1.4rem,2.5vw,2rem); line-height:1.45; }
.journey-page .journey-heading p { max-width:440px; font-size:.87rem; line-height:1.8; }
.journey-page .journey-hero { padding:124px 5% 50px; border-bottom:1px solid #c9c8be; }
.journey-page .journey-hero-inner { max-width:1120px; margin:auto; display:grid; grid-template-columns:1.3fr .7fr; gap:60px; align-items:end; }
.journey-page .journey-hero h1 { font-size:clamp(2rem,4.4vw,3.6rem); line-height:1.32; max-width:800px; margin-bottom:18px; }
.journey-page .journey-hero p { max-width:680px; font-size:1rem; line-height:1.9; }
.journey-page .journey-home { background:#1b211e; color:#f5f2e8; position:relative; }
.journey-page .journey-home h1 { color:#f5f2e8 !important; }
.journey-page .journey-home p { color:#d6d7cb; }
.journey-page .journey-home .journey-kicker { color:#d3b16c; }
.journey-page .journey-home em { color:#d3b16c; font-style:normal; }
.journey-page .journey-note { border-left:2px solid var(--journey-gold); padding:6px 0 6px 22px; }
.journey-page .journey-note strong { display:block; font-size:.85rem; margin-bottom:6px; }
.journey-page .journey-note p { font-size:.86rem; line-height:1.9; }
.journey-page .journey-home .journey-note strong { color:#f5f2e8; }
.journey-page .journey-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; margin-top:24px; }
.journey-page .journey-button { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; border:1px solid #262b26; color:#f9f8f3; background:#262b26; font-size:.86rem; line-height:1.5; }
.journey-page .journey-home .journey-button { color:#1b211e; background:#e7d9b8; border-color:#e7d9b8; }
.journey-page .journey-text-link { font-size:.86rem; text-decoration:underline; text-underline-offset:5px; }
.journey-page .journey-row { display:grid; grid-template-columns:54px minmax(0,1fr) minmax(0,1fr) 110px; gap:24px; align-items:start; padding:24px 0; border-top:1px solid #cccbbf; }
.journey-page .journey-row:last-child { border-bottom:1px solid #cccbbf; }
.journey-page .journey-number { font-family:Georgia,serif; color:var(--journey-gold); font-size:1.45rem; line-height:1.5; }
.journey-page .journey-row h3 { font-size:1.25rem; line-height:1.5; margin-bottom:7px; }
.journey-page .journey-row p { font-size:.86rem; line-height:1.85; }
.journey-page .journey-row a.journey-go { display:inline-block; font-size:.85rem; text-decoration:underline; text-underline-offset:5px; padding:6px 0; min-height:44px; }
.journey-page .journey-soft { background:#efeee5; }
.journey-page .journey-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.journey-page .journey-work h3 { font-size:1.13rem; margin:8px 0; }
.journey-page .journey-work p { font-size:.87rem; line-height:1.9; }
.journey-page .journey-work a { display:inline-block; font-size:.85rem; text-decoration:underline; text-underline-offset:4px; margin-top:10px; padding:4px 0; min-height:36px; }
.journey-page .journey-facts { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:28px; }
.journey-page .journey-facts h3 { font-size:1rem; margin-bottom:6px; }
.journey-page .journey-facts p { font-size:.86rem; line-height:1.9; }
.journey-page .journey-facts a { text-decoration:underline; text-underline-offset:4px; }
.journey-page .journey-contact { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; }
.journey-page .journey-contact h2 { font-size:1.7rem; line-height:1.5; margin-bottom:16px; }
.journey-page .journey-contact .journey-phone { display:inline-block; font-family:Georgia,serif; font-size:1.7rem; margin:8px 0; text-decoration:none; }
.journey-page .journey-contact p { font-size:.86rem; }
.journey-page .journey-contact .form-group { margin-bottom:12px; }
.journey-page .journey-contact .form-group label { font-size:.78rem; margin-bottom:4px; }
.journey-page .journey-contact input,.journey-page .journey-contact select,.journey-page .journey-contact textarea { padding:9px 10px; min-height:42px; font-size:.88rem; }
.journey-page .journey-contact textarea { min-height:76px; }
.journey-page .journey-contact .form-row { gap:12px; }
.journey-page .journey-contact .journey-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.journey-page .journey-service-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; }
.journey-page .journey-service-item { padding:17px 0; border-top:1px solid #cccbbf; }
.journey-page .journey-service-item h3 { font-size:1rem; margin-bottom:4px; }
.journey-page .journey-service-item p { font-size:.85rem; line-height:1.8; }
.journey-page .journey-service-item a { text-decoration:underline; text-underline-offset:4px; }
.journey-page .journey-steps { counter-reset:steps; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:0; }
.journey-page .journey-steps li { border-top:1px solid #acae9e; padding-top:14px; font-size:.86rem; line-height:1.85; }
.journey-page .journey-steps strong { display:block; font-family:'Noto Serif SC',serif; font-size:1rem; margin-bottom:8px; }
.journey-page .journey-boundary { margin-top:22px; padding:16px 20px; border-left:2px solid var(--journey-gold); background:#efeee5; font-size:.85rem; line-height:1.9; }
.journey-page .journey-reading { margin-top:24px; }
.journey-page .journey-reading details { border-top:1px solid #cccbbf; padding:0; }
.journey-page .journey-reading details:last-child { border-bottom:1px solid #cccbbf; }
.journey-page .journey-reading summary { cursor:pointer; padding:17px 0; font-weight:600; font-size:.93rem; line-height:1.7; }
.journey-page .journey-reading summary::marker { color:var(--journey-gold); }
.journey-page .journey-reading details p { font-size:.85rem; margin-bottom:14px; }
.journey-page .journey-reading ul { list-style:none; margin:0 0 18px; padding:0 0 0 18px; border-left:1px solid #c5c4b6; display:grid; grid-template-columns:1fr 1fr; gap:8px 26px; }
.journey-page .journey-reading li { font-size:.85rem; line-height:1.85; }
.journey-page .journey-reading li a { display:inline-block; text-decoration:underline; text-underline-offset:4px; padding:4px 0; }
.journey-page .journey-sample { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:24px 0; border-top:1px solid #cccbbf; }
.journey-page .journey-sample h3 { font-size:1.15rem; margin-bottom:10px; }
.journey-page .journey-sample p,.journey-page .journey-sample small { font-size:.85rem; line-height:1.9; color:#55574e; }
.journey-page .journey-resource-links { display:flex; gap:10px 24px; flex-wrap:wrap; margin-top:14px; }
.journey-page .journey-resource-links a { font-size:.86rem; text-decoration:underline; text-underline-offset:4px; padding:4px 0; min-height:36px; }
.journey-page .journey-end { border-top:1px solid #cccbbf; }
.journey-page .journey-end .journey-wrap { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.journey-page .journey-end h2 { font-size:1.4rem; margin-bottom:6px; }
.journey-page .journey-end p { font-size:.86rem; }
.journey-page a:focus-visible,.journey-page summary:focus-visible { outline:3px solid #a57921; outline-offset:5px; }
.journey-page [id] { scroll-margin-top:88px; }
@media(max-width:760px) {
 .journey-page .journey-section { padding:34px 6%; }
 .journey-page .journey-hero { padding:104px 6% 34px; }
 .journey-page .journey-hero-inner { grid-template-columns:1fr; gap:24px; }
 .journey-page .journey-hero h1 { font-size:2rem; margin-bottom:14px; }
 .journey-page .journey-hero p { font-size:.91rem; line-height:1.85; }
 .journey-page .journey-heading { display:block; margin-bottom:18px; }
 .journey-page .journey-heading p { margin-top:10px; }
 .journey-page .journey-row { grid-template-columns:30px minmax(0,1fr); gap:6px 15px; padding:20px 0; }
 .journey-page .journey-row h3 { font-size:1.15rem; }
 .journey-page .journey-row .journey-row-detail,.journey-page .journey-row .journey-go { grid-column:2; }
 .journey-page .journey-row .journey-go { padding:4px 0; min-height:34px; }
 .journey-page .journey-work-grid,.journey-page .journey-facts,.journey-page .journey-contact,.journey-page .journey-sample { grid-template-columns:1fr; gap:22px; }
 .journey-page .journey-work { border-left:1px solid #c3c2b5; padding-left:18px; }
 .journey-page .journey-work h3 { margin-top:0; }
 .journey-page .journey-service-list { grid-template-columns:1fr; }
 .journey-page .journey-steps { grid-template-columns:1fr 1fr; gap:22px; }
 .journey-page .journey-contact .form-row { display:grid; grid-template-columns:1fr 1fr; }
 .journey-page .journey-reading ul { grid-template-columns:1fr; }
 .journey-page .journey-end .journey-wrap { display:block; }
 .journey-page .journey-actions { margin-top:20px; }
 .journey-page .journey-note { padding-left:16px; }
}
@media(prefers-reduced-motion:reduce) { .journey-page { scroll-behavior:auto; } }
