@import url("./shared.css");
@import url("./perdist-style.css");
.guides-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    max-width: 1120px;
    margin: 0 auto;
    padding: 3rem 1.25rem 5rem;
}

.guide-card {
    padding: 2rem;
    border: 1px solid #d8c9a7;
    border-radius: 18px;
    background: linear-gradient(145deg, #fffdf7 0%, #f5f0e4 100%);
    box-shadow: 0 12px 28px rgba(35, 54, 43, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}
.guide-card:hover { transform: translateY(-3px); box-shadow: 0 18px 34px rgba(35, 54, 43, .14); }

.guide-card h2 {
    margin: .65rem 0 .8rem;
    font-size: clamp(1.35rem, 2.3vw, 2rem);
}
.guide-card h2 a { color: #173d2b; }

.guide-card h2 a { text-decoration: none; }
.guide-card p { color: #405249; line-height: 1.75; }
.guide-card .section-tag { color: #64836f; }
.guide-card .btn-ghost { display: inline-block; margin-top: .8rem; color: #173d2b; border-color: rgba(23,61,43,.3); }
.guide-card .btn-ghost:hover { color: #fffdf7; background: #173d2b; border-color: #173d2b; }

.guide-detail { max-width: 1120px; margin: 0 auto; padding: 3rem 1.25rem 5rem; }
.guide-detail .legal-content { max-width: 860px; margin: 0 auto; padding: 0; }
.guide-detail .breadcrumb { margin-bottom: 1.5rem; }
.guide-detail .display-title { max-width: 820px; color: #f8fbf5; }
.guide-detail .section-tag { color: #a0ce66; }
.guide-detail .lead { color: #c1cec2; font-size: 1.12rem; line-height: 1.8; }
.guide-section { margin-top: 2rem; }
.guide-section h2 { color: #f8fbf5; font-size: 1.35rem; margin-bottom: .5rem; }
.guide-section p { color: #b8c6ba; line-height: 1.85; }

.home-intent-links {
    display: none !important;
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    justify-self: stretch;
    position: relative;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.25rem;
}
.home-intent-links a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: .2rem;
}

@media (max-width: 720px) {
    .guides-grid { grid-template-columns: 1fr; padding-top: 2rem; }
    .guide-card { padding: 1.35rem; }
    .guide-detail { padding-top: 2rem; }
}

/* English copy is longer; keep the hero readable without overlap. */
.hero-left { min-width: 0; }
.hero-h1, .hero-sub, .hero-actions, .hero-stats { min-width: 0; max-width: 100%; }
.hero-h1 { overflow-wrap: break-word; }
.hero-sub { overflow-wrap: anywhere; }
.hero-stats { gap: clamp(.7rem, 2.5vw, 2.5rem); }
.hs { min-width: 0; }
.hs-lbl { white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 601px) {
    .hero-left { justify-content: flex-start; padding-top: 9vh; padding-bottom: 6vh; }
    .hero-stats { margin-top: 2.5rem; }
}
@media (max-width: 600px) {
    .hero-left { justify-content: flex-start; padding-top: 6vh; padding-bottom: 5vh; }
    .hero-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.15rem; }
    .hs-num { font-size: clamp(1.45rem, 7vw, 1.9rem); }
    .hs-lbl { max-width: 11rem; }
}