/* ONE uses the established publication palette with a quieter editorial rhythm. */
.one-reading { max-width:930px; margin-inline:auto; }
.one-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr); gap:48px; align-items:end; padding:4px 0 44px; border-bottom:1px solid var(--ink); }
.one-kicker { margin:0 0 18px; color:var(--accent); font-size:13px; }
.one-intro h1 { margin:0 0 20px; font-size:clamp(44px,5.2vw,68px); line-height:1.2; }
.one-lead { max-width:16em; margin:0; font:600 clamp(24px,3vw,34px)/1.65 var(--serif); word-break:keep-all; overflow-wrap:anywhere; }
.one-description { max-width:28em; margin:0 0 5px; color:var(--muted); font-size:17px; line-height:1.95; }
.one-latest { display:grid; grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr); gap:48px; padding:40px 0 42px; border-bottom:1px solid var(--line); }
.one-latest-label { padding-top:6px; }
.one-latest-label p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.one-latest-label strong { display:block; margin-bottom:8px; color:var(--accent); font-size:13px; font-weight:500; }
.one-story h2 { margin:0 0 14px; font-size:clamp(30px,4vw,44px); line-height:1.35; word-break:keep-all; overflow-wrap:anywhere; }
.one-story h2 a { transition:color .2s ease; }
.one-story h2 a:hover { color:var(--accent); }
.one-story p { max-width:34em; margin:0; color:var(--muted); font-size:16px; line-height:1.9; }
.one-story-link { display:inline-flex; align-items:center; min-height:44px; margin-top:16px; color:var(--accent); font-size:14px; }
.one-story-link:active { transform:translateY(1px); }
.one-note { max-width:710px; padding:40px 0 28px; }
.one-note h2 { max-width:18em; margin:0 0 22px; font-size:26px; line-height:1.65; word-break:keep-all; overflow-wrap:anywhere; }
.one-note > p:not(.one-kicker) { margin:0 0 18px; color:var(--ink-soft); font-size:17px; line-height:1.95; }
.one-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; padding-bottom:42px; }
.one-principle { padding-top:18px; border-top:1px solid var(--line); }
.one-number { color:var(--accent); font-size:12px; font-variant-numeric:tabular-nums; }
.one-principle h2 { margin:12px 0; font-size:21px; line-height:1.5; }
.one-principle p { margin:0; color:var(--muted); font-size:15px; line-height:1.85; }
.one-archive { padding:36px 0 30px; border-top:1px solid var(--ink); }
.one-archive-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:12px; }
.one-archive-heading h2 { margin:0; font-size:25px; }
.one-archive-heading p { margin:0; color:var(--muted); font-size:13px; }
.one-archive-list { margin:0; padding:0; list-style:none; }
.one-archive-list a { display:grid; grid-template-columns:112px minmax(0,1fr) auto; gap:20px; align-items:baseline; min-height:58px; padding:15px 0; border-bottom:1px solid var(--line); transition:color .2s ease,border-color .2s ease; }
.one-archive-list a:hover { color:var(--accent); border-color:var(--accent); }
.one-archive-date,.one-archive-read { color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.one-archive-title { font-family:var(--serif); font-size:18px; }
.one-page .learn-footer a { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:820px) {
  .one-reading { margin-inline:4px; }
  .one-intro { grid-template-columns:1fr; gap:22px; padding:0 0 30px; }
  .one-kicker { font-size:12px; }
  .one-description,.one-note > p:not(.one-kicker) { font-size:16px; }
  .one-latest { grid-template-columns:1fr; gap:18px; padding:30px 0 34px; }
  .one-latest-label { display:flex; justify-content:space-between; gap:16px; padding:0; }
  .one-note { padding:30px 0 20px; }
  .one-note h2 { font-size:23px; }
  .one-principles { grid-template-columns:1fr; gap:24px; padding-bottom:34px; }
  .one-archive { padding-top:30px; }
  .one-archive-heading { align-items:flex-start; flex-direction:column; gap:5px; }
  .one-archive-list a { grid-template-columns:88px minmax(0,1fr); gap:12px; }
  .one-archive-read { grid-column:2; }
}
@media (max-width:360px) { .one-reading { margin-inline:0; } }