/* ---------------------------------------------------------------------------
   Home page additions (2026-08-14) — the engineering knowledge path (06) and
   the evidence rules (07). Tokens only; nothing here redefines main.css.
   Class prefixes .hpath/.evid are homepage-local so they cannot collide with
   the knowledge centre's own .kpath/.kstage components.
   --------------------------------------------------------------------------- */

/* --- 06 / KNOWLEDGE — six-stage path ------------------------------------- */
.hpath{
	list-style:none;margin:26px 0 0;padding:0;
	display:grid;gap:1px;background:var(--line);
	border:1px solid var(--line);
	grid-template-columns:repeat(3,minmax(0,1fr));
}
.hpath__item{margin:0;min-width:0}
.hpath__link{
	display:flex;flex-direction:column;gap:8px;height:100%;
	padding:20px 18px 18px;background:var(--paper,#fff);
	text-decoration:none;color:inherit;
	transition:background var(--t-mid,.25s) var(--ease,ease);
}
.hpath__link:hover,.hpath__link:focus-visible{background:var(--tint)}
.hpath__idx{font-size:.72rem;letter-spacing:.1em;color:var(--ir)}
.hpath__title{font-family:var(--ff-display,inherit);font-weight:700;font-size:1.02rem;line-height:1.22}
.hpath__note{font-size:.86rem;line-height:1.5;color:var(--ink-70);flex:1 1 auto}
.hpath__meta{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	font-size:.72rem;letter-spacing:.08em;color:var(--ink-45);
	padding-top:10px;border-top:1px solid var(--line);
}
.hpath__link:hover .hpath__meta,.hpath__link:focus-visible .hpath__meta{color:var(--ir)}
.hpath__meta .arw{transition:transform var(--t-mid,.25s) var(--ease,ease)}
.hpath__link:hover .hpath__meta .arw{transform:translateX(3px)}

@media (max-width:900px){ .hpath{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .hpath{grid-template-columns:1fr} }

/* --- 07 / EVIDENCE — the four rules --------------------------------------- */
.evid{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.evid__row{
	display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;
	margin:0;padding:20px 20px 18px;background:var(--paper,#fff);
}
.evid__k{font-size:.74rem;letter-spacing:.1em;color:var(--ir);padding-top:3px}
.evid__t{font-family:var(--ff-display,inherit);font-weight:700;font-size:1.02rem;line-height:1.25;margin:0 0 6px}
.evid__row p{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink-70);max-width:78ch}
.evid__row a{color:var(--ir)}
.evid__row em{font-style:normal;font-family:var(--ff-mono,monospace);font-size:.86em}

@media (min-width:1000px){ .evid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:420px){
	.evid__row{grid-template-columns:1fr;gap:6px}
	.evid__k{padding-top:0}
}

/* --- knowledge-path affordances on an article page ----------------------- */
.stage-tag{color:var(--ir);text-decoration:none;border-bottom:1px solid transparent}
.stage-tag:hover,.stage-tag:focus-visible{border-bottom-color:currentColor}

.stagenav{border-block:1px solid var(--line);background:var(--tint)}
.stagenav__in{
	display:grid;grid-template-columns:1fr auto 1fr;gap:1px;
	align-items:stretch;padding:0;
}
.stagenav__side,.stagenav__mid{
	display:flex;flex-direction:column;gap:4px;justify-content:center;
	padding:18px 20px;text-decoration:none;color:inherit;min-width:0;
}
.stagenav__mid{background:var(--paper,#fff);text-align:center;align-items:center}
.stagenav__side--next{text-align:right;align-items:flex-end}
a.stagenav__side:hover,a.stagenav__side:focus-visible,.stagenav__mid:hover,.stagenav__mid:focus-visible{background:var(--paper,#fff);color:var(--ir)}
.stagenav__k{font-size:.72rem;letter-spacing:.09em;color:var(--ink-45)}
.stagenav__t{font-family:var(--ff-display,inherit);font-weight:700;font-size:.98rem;line-height:1.25}
a.stagenav__side:hover .stagenav__k,a.stagenav__side:focus-visible .stagenav__k{color:var(--ir)}

@media (max-width:720px){
	.stagenav__in{grid-template-columns:1fr;gap:1px;background:var(--line)}
	.stagenav__side,.stagenav__mid{text-align:left;align-items:flex-start;background:var(--paper,#fff)}
	.stagenav__side:empty{display:none}
}

/* Catalog → selector entry point (the visitor who has no model number yet). */
.phero__aside{margin-top:18px}