.ph-door{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:21px;padding:22px 27px;margin:0 0 32px;background:#f4ece1;border-left:3px solid #a25b3b}.ph-emblem{height:54px;width:54px;display:grid;place-items:center;border:1px solid #b99272;border-radius:50%;font:500 28px var(--serif);color:#89503b;position:relative}.ph-door h2{font-size:27px;margin:1px 0}.ph-door p,.ph-model p,.ph-section>p{max-width:63em;font-size:15px}.ph-door .outline{white-space:nowrap}.ph-hero{padding:26px 0 28px;max-width:100%}.ph-hero .eyebrow{margin:20px 0 4px}.ph-hero h1{margin:0 0 5px;font-size:clamp(38px,4.6vw,66px)}.ph-hero blockquote{margin:8px 0 2px;padding:0;font:500 clamp(19px,2.35vw,30px)/1.7 var(--serif);color:var(--ink)}.ph-hero .cite{margin:0 0 13px}.ph-hero .lead{max-width:56em}.ph-toc,.ph-chips,.ph-stage-links{display:flex;gap:8px 12px;flex-wrap:wrap}.ph-toc{margin:19px 0 0}.ph-toc a,.ph-chip{display:inline-block;background:var(--white);border:1px solid #cfcec2;border-radius:3px;padding:5px 11px;font-size:14px;color:var(--blue)}.ph-section{border-top:1px solid var(--rule);padding:34px 0 36px}.ph-section h2,.ph-model h2{font-size:clamp(23px,3vw,34px);margin:3px 0 8px}.ph-section>p,.ph-model>p{color:var(--muted)}.ph-section>p+p,.ph-model>p+p{margin-top:8px}.ph-cycle{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:'a b c' 'f e d';margin:21px 0 18px;gap:24px 37px}.ph-node{padding:16px 17px;position:relative;display:grid;align-content:center;border:1px solid var(--rule);background:var(--white);border-top:3px solid var(--blue);border-radius:3px;min-height:91px;line-height:1.65}.ph-node span{font:600 clamp(17px,1.55vw,21px)/1.5 var(--serif)}.ph-node small{color:var(--muted);font-size:13px}.ph-node:after{position:absolute;text-align:center;color:var(--rust);font-size:20px;line-height:1}.pn1{grid-area:a}.pn2{grid-area:b}.pn3{grid-area:c}.pn4{grid-area:d}.pn5{grid-area:e}.pn6{grid-area:f}.pn1:after,.pn2:after{content:'→';right:-30px;top:37%}.pn3:after{content:'↓';bottom:-24px;left:47%}.pn4:after,.pn5:after{content:'←';left:-30px;top:37%}.pn6:after{content:'↑';top:-23px;left:47%}.ph-core{display:flex;align-items:center;gap:21px;background:#1c3547;color:white;padding:15px 19px;border-radius:3px}.ph-core b{color:#f1c99f;min-width:12em;font-family:var(--serif);font-size:18px}.ph-core p{font-size:14px;color:#ecf0ef}.ph-outcomes{margin:15px 0 0;line-height:2}.ph-outcomes strong{color:var(--ink);font-weight:650;font-size:14px}.ph-outcomes i{font-style:normal;margin:0 10px;color:var(--rust)}.ph-library{margin-top:18px}.ph-group{margin:0 0 9px;border:1px solid var(--rule);background:var(--white);border-radius:3px;scroll-margin-top:18px}.ph-group summary,.ph-disclose summary{cursor:pointer}.ph-group summary{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 19px;list-style:none;font-weight:650;color:var(--ink);font-size:17px}.ph-group summary::-webkit-details-marker{display:none}.ph-group summary:after{content:'＋';color:var(--rust);font-size:18px}.ph-group[open]>summary:after{content:'−'}.ph-group summary small{margin-left:auto;color:var(--muted);font:500 12px var(--sans);white-space:nowrap}.ph-group[open] summary{border-bottom:1px solid var(--rule);background:#e9eff1}.ph-group-lead{padding:11px 20px 0;font-size:14px;color:var(--muted)}.ph-word{display:grid;grid-template-columns:minmax(160px,1fr) 1.9fr;gap:16px;border-top:1px solid var(--rule);padding:13px 2px;margin:10px 20px 0;scroll-margin-top:12px}.ph-word small{font:650 11px var(--sans);letter-spacing:.06em;color:var(--rust)}.ph-word h4{font-size:17px;margin:3px 0}.ph-word p{font-size:15px}.ph-word .ph-example{font-size:14px;color:var(--muted);margin-top:4px}.ph-word .ph-example b{color:var(--rust);margin-right:6px;font-size:12px}.ph-word:target{box-shadow:inset 3px 0 0 #a05d3d;background:#f5eee5;padding-left:10px}.ph-test{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.ph-test>div{padding:17px 20px;background:#eaf0f2;border-top:2px solid #53768c}.ph-test>div+div{background:#f3ece2;border-color:#a66a48}.ph-test small,.ph-test b{display:block}.ph-test small{font-size:12px;font-weight:650;color:var(--muted)}.ph-test b{font:600 19px/1.6 var(--serif);margin:4px 0}.ph-test p{font-size:15px}.ph-disclose{padding:10px 0;border-top:1px solid var(--rule);color:var(--blue);font-size:14px}.ph-disclose p{padding-top:10px}.ph-stage-links{margin:17px 0}.ph-stage-links a{background:var(--white);border:1px solid var(--rule);padding:6px 10px;font-size:14px}.ph-stage-links a b{margin-right:6px;color:var(--rust)}.ph-model{margin:4px 0 28px;padding:22px 24px;background:#f1eee6;border-left:3px solid #aa6545}.ph-model .smalllink{font-size:14px}.ph-bridge{margin:20px 0;padding:18px 20px;background:#f5efe6;border:1px solid #e4d8c8;border-radius:3px}.ph-bridge h2{font-size:22px;line-height:1.55}.ph-bridge dl{margin:11px 0}.ph-bridge dl>div{margin-top:8px}.ph-bridge dt{color:var(--rust);font-size:13px;font-weight:650}.ph-bridge dd{margin:0;font-size:15px}.ph-bridge .support-links{font-size:14px}.ph-mini-link{font-size:14px;color:var(--blue);padding:10px 0}.top nav{gap:clamp(8px,1.2vw,17px)}
@media(max-width:800px){.ph-door{grid-template-columns:43px 1fr;padding:16px;gap:12px}.ph-door .outline{grid-column:2;justify-self:start}.ph-emblem{width:40px;height:40px;font-size:22px}.ph-core{display:block}.ph-core b{display:block;margin-bottom:5px}.ph-cycle{gap:23px 24px}.pn1:after,.pn2:after{right:-23px}.pn4:after,.pn5:after{left:-23px}.top nav{flex-wrap:wrap;gap:2px 13px}}
@media(max-width:600px){.ph-cycle{grid-template-columns:1fr 1fr;grid-template-areas:'a b' 'd c' 'e f';gap:20px 20px}.ph-node{padding:11px;min-height:89px}.ph-node span{font-size:16px}.ph-node small{font-size:12px}.ph-node:after{font-size:16px;left:auto;right:auto;bottom:auto;top:auto}.pn1:after,.pn5:after{content:'→';right:-19px;top:40%}.pn2:after,.pn4:after{content:'↓';bottom:-21px;left:45%}.pn3:after{content:'←';left:-19px;top:40%}.pn6:after{content:none}.ph-cycle:after{content:'↶　学びを、次の必要の発見へ';grid-column:1 / -1;margin-top:-12px;color:var(--rust);font-size:13px;text-align:right}.ph-word{grid-template-columns:1fr;gap:3px;margin-left:15px;margin-right:15px}.ph-group summary{font-size:15px;padding:11px}.ph-test{grid-template-columns:1fr}.ph-hero{padding-top:16px}.ph-section{padding:23px 0}.ph-bridge,.ph-model{padding:15px}.ph-bridge h2{font-size:19px}.ph-toc{gap:6px}.ph-toc a{font-size:13px}.top nav{gap:0 12px}.ph-outcomes{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ph-outcomes i{margin:0 2px}}
.ph-word-use{display:inline-block;margin:6px 0 0;font-size:13px;font-weight:650;color:var(--rust);text-decoration:underline;text-underline-offset:4px}


/* The value cycle and its links to field records. */
.ph-value-steps,
.ph-case-notes {
  display: grid;
  gap: 14px;
  margin: 20px 0;
}
.ph-value-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ph-case-notes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ph-value-steps > article,
.ph-case-notes > article {
  min-width: 0;
  padding: clamp(15px, 2vw, 23px);
  border: 1px solid var(--rule);
  border-radius: 3px;
  background: var(--white);
}
.ph-value-steps > article { border-top: 3px solid var(--blue); }
.ph-value-steps > article > b,
.ph-case-notes > article > small {
  display: block;
  color: var(--rust);
  font: 650 .83rem/1.55 var(--sans);
}
.ph-value-steps h3,
.ph-case-notes h3,
.ph-case-ref :is(h2, h3) {
  margin: .35em 0 .5em;
  color: var(--ink);
  font: 600 clamp(18px, 1.8vw, 22px)/1.55 var(--serif);
}
.ph-value-steps p,
.ph-case-notes p,
.ph-case-ref p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.85;
}
.ph-case-notes > article {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.ph-case-notes > article > a {
  margin-top: auto;
  padding-top: 12px;
}
.ph-case-notes a,
.ph-case-ref a {
  color: var(--blue);
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}
.ph-returns {
  margin: 18px 0;
  border: 1px solid var(--rule);
  border-radius: 3px;
  background: var(--white);
}
.ph-returns > summary {
  min-height: 44px;
  padding: 11px clamp(15px, 2vw, 22px);
  color: var(--blue);
  cursor: pointer;
  font-weight: 650;
  line-height: 1.65;
}
.ph-returns > summary::marker { color: var(--rust); }
.ph-returns > summary:hover { background: #f3f1e9; }
.ph-returns[open] > summary { border-bottom: 1px solid var(--rule); }
.ph-returns-list,
.ph-returns-list dl { margin: 0; }
.ph-returns-list { padding: 0 clamp(15px, 2vw, 22px); }
.ph-returns-list > div,
.ph-returns-list dl > div {
  display: grid;
  grid-template-columns: minmax(8em, .7fr) minmax(0, 3fr);
  gap: 8px 20px;
  padding: 12px 0;
}
.ph-returns-list > div + div,
.ph-returns-list dl > div + div { border-top: 1px solid var(--rule); }
.ph-returns-list dt { color: var(--blue); font-weight: 650; }
.ph-returns-list dd { margin: 0; line-height: 1.8; }
.ph-case-ref {
  margin: 18px 0;
  padding: 14px clamp(15px, 2vw, 22px);
  border-left: 3px solid #a25b3b;
  background: #f4ece1;
}
.ph-case-ref > :last-child { margin-bottom: 0; }
.ph-case-ref > :first-child { margin-top: 0; }
.ph-case-ref p + p,
.ph-case-notes p + p { margin-top: .6em; }
.ph-case-ref small { color: var(--muted); }
:is(.ph-returns > summary, .ph-case-notes a, .ph-case-ref a):focus-visible {
  outline: 3px solid var(--rust);
  outline-offset: 3px;
}
@media (max-width: 720px) {
  .ph-value-steps,
  .ph-case-notes { grid-template-columns: 1fr; gap: 10px; }
  .ph-value-steps > article { border-top: 1px solid var(--rule); border-left: 3px solid var(--blue); }
}
@media (max-width: 520px) {
  .ph-returns-list > div,
  .ph-returns-list dl > div { grid-template-columns: 1fr; gap: 2px; }
}
@media print {
  .ph-value-steps > article,
  .ph-case-notes > article,
  .ph-case-ref { break-inside: avoid; }
}