@charset "UTF-8";

.page-field-log {
    background: #f7f4ec;
}

.field-log-page {
    width: 100%;
    min-height: 60vh;
}

.field-log-hero {
    padding: 120px 20px 78px;
    background: var(--color-green);
    color: #fff;
}

.field-log-hero-inner,
.field-log-section {
    width: min(var(--content-main), calc(100% - 40px));
    margin: 0 auto;
}

.field-log-hero h1 {
    margin: 0 0 22px;
    color: #fff;
    font-family: var(--font-serif);
    font-size: clamp(2.4rem, 6vw, 4.7rem);
    line-height: 1.15;
}

.field-log-hero p:last-child {
    max-width: 760px;
    margin: 0;
    font-size: 1rem;
    line-height: 2;
    opacity: .92;
}

.field-log-section {
    padding-top: 72px;
    padding-bottom: 110px;
}

.field-log-list {
    display: grid;
    gap: 30px;
}

.field-log-item {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(280px, 38%) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--color-border);
    background: #fff;
    box-shadow: var(--shadow-paper);
    scroll-margin-top: 30px;
}

.field-log-item:not(:has(.field-log-image)) {
    grid-template-columns: 1fr;
}

.field-log-image {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #ece8dc;
}

.field-log-image img {
    width: 100%;
    height: auto;
    max-height: 620px;
    object-fit: contain;
}

.field-log-body {
    min-width: 0;
    padding: 34px 38px;
}

.field-log-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
}

.field-log-meta time {
    color: var(--color-green);
    font-weight: 900;
    letter-spacing: .08em;
}

.field-log-category,
.field-log-area {
    display: inline-flex;
    padding: 5px 9px;
    font-size: .72rem;
    font-weight: 800;
}

.field-log-category { background: var(--color-gold-soft); color: #6e5316; }
.field-log-area { background: #edf2ef; color: var(--color-green); }

.field-log-body h2 {
    margin: 0 0 18px;
    color: var(--color-ink);
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.45;
}

.field-log-content {
    margin: 0;
    color: var(--color-text);
    line-height: 2;
    white-space: pre-line;
}

.field-log-content .field-log-link {
    color: var(--color-green);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.field-log-content .field-log-link:hover {
    text-decoration-thickness: 2px;
}

.field-log-message {
    padding: 30px;
    border: 1px solid var(--color-border);
    background: #fff;
    text-align: center;
    line-height: 1.8;
}

.field-log-message-error {
    border-color: #e0b4b4;
    background: #fff7f7;
    color: #8b2525;
}

@media (max-width: 760px) {
    .field-log-hero {
        padding: 100px 14px 55px;
    }

    .field-log-hero-inner,
    .field-log-section {
        width: calc(100% - 28px);
    }

    .field-log-section {
        padding-top: 42px;
        padding-bottom: 76px;
    }

    .field-log-item {
        grid-template-columns: minmax(0, 1fr);
        box-shadow: 4px 4px 0 rgba(41,37,29,.08);
    }

    .field-log-image {
        min-height: 0;
        padding: 8px;
    }

    .field-log-image img {
        width: 100%;
        max-height: none;
        object-fit: contain;
    }

    .field-log-body {
        padding: 24px 20px;
    }

    .field-log-content {
        line-height: 1.9;
    }
}

@media (max-width: 420px) {
    .field-log-hero-inner,
    .field-log-section {
        width: calc(100% - 22px);
    }

    .field-log-body { padding: 22px 16px; }
}


/* 既存公開調査の時系列アーカイブ */
.field-archive{margin-top:56px;padding-top:38px;border-top:2px solid var(--color-border)}
.field-log-archive-kicker{margin:0 0 8px;color:var(--color-green);font-size:.76rem;font-weight:900;letter-spacing:.1em}
.field-archive h2{margin:0 0 12px;color:var(--color-ink);font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.5}
.field-archive-intro{max-width:820px;margin:0 0 24px;line-height:1.9;color:var(--color-text)}
.field-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field-archive-card{min-width:0;padding:22px;border:1px solid var(--color-border);background:#fff;box-shadow:var(--shadow-paper)}
.field-archive-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 10px;color:var(--color-green);font-size:.8rem;font-weight:800}
.field-archive-card h3{margin:0 0 10px;color:var(--color-ink);font-size:1.12rem;line-height:1.55}
.field-archive-card p:not(.field-archive-meta){margin:0 0 14px;line-height:1.85;color:var(--color-text)}
.field-archive-card a{color:var(--color-green);font-weight:900;text-underline-offset:3px}
.field-archive-card a:focus-visible{outline:3px solid #d3a63a;outline-offset:3px}
@media(max-width:680px){.field-archive{margin-top:38px;padding-top:28px}.field-archive-grid{grid-template-columns:1fr}.field-archive-card{padding:18px}}