/* Seed House Log - company (Seed Tape Bench / Archview)
 Open propagation logbook: kraft cover | ink-drip entries | sewn ribbons | bench stubs | ledger.
 Not Forum Charter / Nursery Charter / Gate Pass / passport / Foundry Codex. */

.page-a106-house-log {
 overflow-x: clip;
 background:
 radial-gradient(ellipse 48% 32% at 6% 4%, rgba(232, 212, 168, 0.62), transparent 58%),
 radial-gradient(ellipse 38% 28% at 96% 10%, rgba(10, 126, 164, 0.14), transparent 52%),
 linear-gradient(168deg, var(--a106-field) 0%, #E8F3EC 42%, var(--a106-field-warm) 100%);
}

.page-a106-house-log .hl-stage {
 padding: 8px 0 var(--a106-space-6);
}

.page-a106-house-log .hl-kicker {
 margin: 0 0 8px;
 font-size: 0.72rem;
 font-weight: 800;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--a106-clay);
}

.page-a106-house-log .hl-cover {
 padding: 22px 0 10px;
}

.page-a106-house-log .hl-cover-board {
 display: grid;
 grid-template-columns: 18px minmax(0, 1fr);
 border: 3px solid var(--a106-soil);
 box-shadow: var(--a106-hard);
 background: var(--a106-kraft);
 opacity: 0;
 transform: translateY(16px) rotate(-0.35deg);
 transition: opacity 0.55s var(--a106-ease), transform 0.55s var(--a106-ease);
}

.page-a106-house-log .hl-cover.is-live .hl-cover-board {
 opacity: 1;
 transform: none;
}

.page-a106-house-log .hl-cover-spine {
 background:
 repeating-linear-gradient(
 180deg,
 var(--a106-drip) 0 10px,
 var(--a106-drip-deep) 10px 14px,
 var(--a106-clay) 14px 24px,
 var(--a106-bloom) 24px 28px
 );
}

.page-a106-house-log .hl-cover-leaf {
 position: relative;
 padding: 30px 32px 28px;
 background:
 linear-gradient(90deg, rgba(42, 33, 24, 0.06) 0, transparent 18px),
 repeating-linear-gradient(
 0deg,
 transparent,
 transparent 27px,
 rgba(42, 33, 24, 0.07) 27px,
 rgba(42, 33, 24, 0.07) 28px
 ),
 linear-gradient(155deg, #F4E6C4 0%, var(--a106-kraft) 55%, var(--a106-kraft-deep) 100%);
}

.page-a106-house-log .hl-brand {
 margin: 0 0 8px;
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 10px 14px;
}

.page-a106-house-log .hl-brand span {
 font-family: var(--a106-font-display);
 font-size: clamp(1.65rem, 4vw, 2.5rem);
 font-weight: 600;
 color: var(--a106-drip-deep);
}

.page-a106-house-log .hl-brand strong {
 font-family: var(--a106-font-display);
 font-size: clamp(2.3rem, 6.2vw, 3.5rem);
 font-weight: 700;
 color: var(--a106-ink);
 line-height: 1;
}

.page-a106-house-log .hl-tagline {
 margin: 0 0 12px;
 font-weight: 700;
 color: var(--a106-mute);
}

.page-a106-house-log .hl-mission {
 margin: 0 0 18px;
 max-width: 62ch;
 font-size: 1.05rem;
 color: var(--a106-ink);
 line-height: 1.55;
}

.page-a106-house-log .hl-cover-actions {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 14px 20px;
}

.page-a106-house-log .hl-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 48px;
 min-width: 9rem;
 padding: 11px 20px;
 font-family: var(--a106-font-body);
 font-weight: 800;
 text-decoration: none;
 border: 2px solid var(--a106-soil);
 box-shadow: var(--a106-hard-sm);
 cursor: pointer;
 transition: transform 140ms var(--a106-ease), box-shadow 140ms ease, background 160ms ease, color 160ms ease;
}

.page-a106-house-log .hl-btn--primary {
 background: var(--a106-drip);
 color: var(--a106-on-drip);
}

.page-a106-house-log .hl-btn--primary:hover {
 background: var(--a106-clay-deep);
 color: var(--a106-on-clay);
 transform: translate(-1px, -1px);
 box-shadow: 4px 4px 0 var(--a106-soil);
}

.page-a106-house-log .hl-btn:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 var(--a106-soil);
}

.page-a106-house-log .hl-exits {
 display: flex;
 flex-wrap: wrap;
 gap: 12px 16px;
}

.page-a106-house-log .hl-exits a {
 font-weight: 700;
 color: var(--a106-drip-deep);
 text-decoration: underline;
 text-underline-offset: 3px;
}

.page-a106-house-log .hl-exits a:hover { color: var(--a106-clay); }

.page-a106-house-log .hl-sec-head {
 margin-bottom: 16px;
 max-width: 46rem;
}

.page-a106-house-log .hl-sec-head h2 {
 margin: 0 0 6px;
 font-family: var(--a106-font-display);
 font-size: clamp(1.5rem, 3vw, 2rem);
 font-weight: 600;
 color: var(--a106-ink);
}

.page-a106-house-log .hl-sec-head p:last-child {
 margin: 0;
 color: var(--a106-mute);
}

/* Ink drip milestone entries */
.page-a106-house-log .hl-entries {
 margin-top: 40px;
 overflow-x: clip;
}

.page-a106-house-log .hl-miles {
 list-style: none;
 margin: 0;
 padding: 10px 0 0 18px;
 display: grid;
 gap: 16px;
 position: relative;
 border-left: 3px solid var(--a106-drip);
 background:
 linear-gradient(90deg, rgba(10, 126, 164, 0.06), transparent 40%);
}

.page-a106-house-log .hl-mile {
 position: relative;
 display: grid;
 grid-template-columns: 26px minmax(0, 1fr);
 gap: 12px;
 align-items: start;
 opacity: 0;
 transform: translateX(-14px);
 transition: opacity 0.45s var(--a106-ease), transform 0.45s var(--a106-ease);
 transition-delay: calc(var(--hl-i, 0) * 95ms);
}

.page-a106-house-log .hl-entries.is-live .hl-mile {
 opacity: 1;
 transform: none;
}

.page-a106-house-log .hl-mile-drip {
 width: 16px;
 height: 22px;
 margin-left: -26px;
 margin-top: 4px;
 border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
 background: var(--a106-drip);
 box-shadow: 0 10px 0 -4px rgba(10, 126, 164, 0.35);
}

.page-a106-house-log .hl-mile--clay .hl-mile-drip {
 background: var(--a106-clay);
 box-shadow: 0 10px 0 -4px rgba(196, 92, 38, 0.35);
}
.page-a106-house-log .hl-mile--sprout .hl-mile-drip {
 background: var(--a106-sprout);
 box-shadow: 0 10px 0 -4px rgba(198, 245, 66, 0.45);
}
.page-a106-house-log .hl-mile--bloom .hl-mile-drip {
 background: var(--a106-bloom);
 box-shadow: 0 10px 0 -4px rgba(225, 29, 116, 0.35);
}

.page-a106-house-log .hl-mile-ink {
 padding: 12px 16px 14px;
 background:
 repeating-linear-gradient(
 0deg,
 transparent,
 transparent 23px,
 rgba(42, 33, 24, 0.06) 23px,
 rgba(42, 33, 24, 0.06) 24px
 ),
 var(--a106-surface);
 border: 2px solid var(--a106-border);
 border-left: 4px solid var(--a106-drip);
 box-shadow: var(--a106-hard-sm);
}

.page-a106-house-log .hl-mile--clay .hl-mile-ink { border-left-color: var(--a106-clay); }
.page-a106-house-log .hl-mile--sprout .hl-mile-ink { border-left-color: var(--a106-sprout); }
.page-a106-house-log .hl-mile--bloom .hl-mile-ink { border-left-color: var(--a106-bloom); }

.page-a106-house-log .hl-mile-ink strong {
 display: block;
 font-family: var(--a106-font-display);
 font-size: 1.08rem;
 font-weight: 600;
 color: var(--a106-ink);
}

.page-a106-house-log .hl-mile-ink span {
 display: block;
 margin-top: 4px;
 color: var(--a106-mute);
 font-size: 0.92rem;
}

.page-a106-house-log .hl-mile-ink em {
 display: block;
 margin-top: 4px;
 font-style: normal;
 font-size: 0.82rem;
 font-weight: 700;
 color: var(--a106-drip-deep);
}

/* Value ribbons */
.page-a106-house-log .hl-ribbons {
 margin-top: 40px;
}

.page-a106-house-log .hl-ribbon-row {
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 14px;
}

.page-a106-house-log .hl-ribbon {
 position: relative;
 padding: 26px 14px 16px;
 background: var(--a106-surface);
 border: 2px solid var(--a106-soil);
 clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 50% 100%, 0 calc(100% - 14px));
}

.page-a106-house-log .hl-ribbon-stitch {
 position: absolute;
 top: 8px;
 left: 10px;
 right: 10px;
 height: 2px;
 background:
 repeating-linear-gradient(
 90deg,
 var(--a106-soil) 0 6px,
 transparent 6px 12px
 );
 opacity: 0.45;
}

.page-a106-house-log .hl-ribbon--drip { background: linear-gradient(180deg, rgba(10, 126, 164, 0.12), var(--a106-surface) 28%); }
.page-a106-house-log .hl-ribbon--clay { background: linear-gradient(180deg, rgba(196, 92, 38, 0.14), var(--a106-surface) 28%); }
.page-a106-house-log .hl-ribbon--sprout { background: linear-gradient(180deg, rgba(198, 245, 66, 0.28), var(--a106-surface) 28%); }
.page-a106-house-log .hl-ribbon--bloom { background: linear-gradient(180deg, rgba(225, 29, 116, 0.12), var(--a106-surface) 28%); }

.page-a106-house-log .hl-ribbon-num {
 display: block;
 margin-bottom: 8px;
 font-size: 0.72rem;
 font-weight: 800;
 letter-spacing: 0.12em;
 color: var(--a106-mute);
}

.page-a106-house-log .hl-ribbon p {
 margin: 0;
 font-size: 0.95rem;
 color: var(--a106-ink);
 line-height: 1.45;
}

/* Bench aisle stubs */
.page-a106-house-log .hl-benches {
 margin-top: 40px;
}

.page-a106-house-log .hl-bench-line {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}

.page-a106-house-log .hl-stub {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 9px 14px;
 text-decoration: none;
 color: var(--a106-ink);
 background: var(--a106-kraft);
 border: 2px solid var(--a106-kraft-deep);
 border-bottom: 4px solid var(--a106-soil);
 transition: border-color 0.2s ease, transform 0.2s var(--a106-ease), background 0.2s ease;
}

.page-a106-house-log .hl-stub:hover {
 background: var(--a106-surface);
 border-color: var(--a106-drip);
 transform: translateY(-2px);
 color: var(--a106-ink);
}

.page-a106-house-log .hl-stub:active { transform: translate(1px, 1px); }

.page-a106-house-log .hl-stub-num {
 font-size: 0.72rem;
 font-weight: 800;
 color: var(--a106-drip-deep);
}

.page-a106-house-log .hl-stub-name {
 font-weight: 700;
}

/* Rule-lined ledger */
.page-a106-house-log .hl-ledger {
 margin-top: 44px;
 padding: 24px;
 background:
 repeating-linear-gradient(
 0deg,
 transparent,
 transparent 27px,
 rgba(10, 126, 164, 0.08) 27px,
 rgba(10, 126, 164, 0.08) 28px
 ),
 var(--a106-surface);
 border: 2px solid var(--a106-border);
 border-top: 10px solid var(--a106-soil);
 box-shadow: var(--a106-hard-sm);
}

.page-a106-house-log .hl-ledger-grid {
 margin: 0;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
}

.page-a106-house-log .hl-cell {
 padding: 10px 12px;
 background: rgba(238, 246, 241, 0.85);
 border: 1px solid var(--a106-border);
 border-left: 3px solid var(--a106-kraft-deep);
}

.page-a106-house-log .hl-cell--wide {
 grid-column: 1 / -1;
}

.page-a106-house-log .hl-cell--accent {
 background: rgba(10, 126, 164, 0.1);
 border-left-color: var(--a106-drip);
}

.page-a106-house-log .hl-cell dt {
 margin: 0 0 4px;
 font-size: 0.7rem;
 font-weight: 800;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--a106-mute);
}

.page-a106-house-log .hl-cell dd {
 margin: 0;
 font-weight: 600;
 color: var(--a106-ink);
 word-break: break-word;
}

.page-a106-house-log .hl-cell a {
 color: var(--a106-drip-deep);
 font-weight: 700;
}

@media (max-width: 900px) {
 .page-a106-house-log .hl-ribbon-row {
 grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 640px) {
 .page-a106-house-log .hl-cover-leaf {
 padding: 22px 16px;
 }
 .page-a106-house-log .hl-ribbon-row,
 .page-a106-house-log .hl-ledger-grid {
 grid-template-columns: 1fr;
 }
 .page-a106-house-log .hl-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
 .page-a106-house-log .hl-cover-board,
 .page-a106-house-log .hl-mile {
 transition: none;
 opacity: 1;
 transform: none;
 }
}

.page-a106-house-log .hl-btn:focus-visible,
.page-a106-house-log .hl-exits a:focus-visible,
.page-a106-house-log .hl-stub:focus-visible,
.page-a106-house-log .hl-cell a:focus-visible {
 outline: 3px solid var(--a106-sprout);
 outline-offset: 2px;
}