/* Selected C3 / F3 directions, shared by the private homepage and comparison. */
:is(.refined-collection,.refined-daylight){--wash:#e2f0ec;--accent:#337362;--ink:#10343c;--muted:#506e67;min-width:0;color:var(--ink);text-decoration:none;border:0;transition:box-shadow .2s ease}
.refined-collection.tone-products{--wash:#e7eef7;--accent:#46678b;--muted:#536a80}
.refined-collection.tone-jokes{--wash:#e9ecf5;--accent:#606888;--muted:#5f6882}
:is(.refined-collection,.refined-daylight):hover{opacity:1}
:is(.refined-collection,.refined-daylight):focus-visible{outline:2px solid #2f8f8a;outline-offset:4px}
.selected-journal[data-input=pointer] .refined-card:focus{outline:none}
:is(.refined-collection,.refined-daylight) .refined-art{min-width:0;align-self:center}
:is(.refined-collection,.refined-daylight) .refined-mat{line-height:0}
:is(.refined-collection,.refined-daylight) .refined-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:4px}
:is(.refined-collection,.refined-daylight) .refined-copy{min-width:0}
:is(.refined-collection,.refined-daylight) .refined-kicker{font-size:.8125rem;font-weight:600;color:var(--accent);margin-bottom:13px}
:is(.refined-collection,.refined-daylight) .refined-copy :is(h2,h3){font:400 2rem/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px;text-wrap:pretty;text-decoration:none;color:var(--ink)}
:is(.refined-collection,.refined-daylight) .refined-copy>p{font-size:1rem;line-height:1.55;color:var(--muted);margin:0;text-wrap:pretty}
:is(.refined-collection,.refined-daylight) .refined-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;color:var(--muted)}
:is(.refined-collection,.refined-daylight) .refined-detail{display:inline-flex;align-items:center;gap:7px}
:is(.refined-collection,.refined-daylight) .refined-detail svg{flex:none}
:is(.refined-collection,.refined-daylight) .refined-action{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:.875rem;white-space:nowrap}
:is(.refined-collection,.refined-daylight) .refined-action svg{flex:none;transition:transform .2s ease}
:is(.refined-collection,.refined-daylight):hover .refined-action svg{transform:translateX(3px)}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:8px 4px 20px;margin-bottom:40px;overflow:visible}
.refined-collection{display:flex;flex-direction:column;align-self:stretch;margin:0;background:linear-gradient(155deg,#fff 0%,var(--wash) 100%);border-radius:12px;box-shadow:0 10px 24px #10343c1c,0 2px 6px #10343c0b}
.refined-collection:hover{box-shadow:0 14px 30px #10343c24,0 2px 6px #10343c0b}
.refined-collection .refined-art{align-self:stretch;padding:16px;background:linear-gradient(145deg,#ffffff90,var(--wash));border-radius:12px 12px 0 0;border:0}
.refined-collection .refined-mat{width:min(100%,288px);margin:auto}
.refined-collection .refined-art img{box-shadow:0 6px 14px #10343c12;border-radius:3px}
.refined-collection .refined-copy{flex:1;padding:16px 21px 0}
.refined-collection .refined-kicker{font-size:.71875rem;margin-bottom:6px}
.refined-collection .refined-copy :is(h2,h3){font-size:1.375rem;line-height:1.18;margin-bottom:8px}
.refined-collection .refined-copy>p{font-size:.875rem;line-height:1.5}
.refined-collection .refined-foot{padding:0 21px 19px;margin-top:14px;border:0;background:transparent;font-size:.71875rem}
.refined-collection .refined-detail{gap:5px}
.refined-collection .refined-detail svg{width:13px;height:13px}
.refined-collection .refined-action{font-size:.75rem;gap:6px}
.refined-collection .refined-action svg{width:15px;height:15px}
/* F3 retains the approved pale blue-grey composition. */
.refined-daylight{--ink:#173b43;--muted:#49656e;--accent:#426976;display:grid;grid-template-columns:148px minmax(0,1fr);column-gap:25px;align-items:center;padding:27px;border-radius:13px;background:linear-gradient(135deg,#f5f8f9,#e8eff2);box-shadow:0 9px 26px #10343c0b}
.refined-daylight .refined-art{background:#ffffff9e;padding:10px;border-radius:6px}
.refined-daylight .refined-art img{box-shadow:none}
.refined-daylight .refined-copy :is(h2,h3){font-size:1.875rem}
.refined-daylight .refined-foot{grid-column:1/-1;border-top:1px solid #173b4321;padding-top:17px;margin-top:25px}
/* New wrappers avoid legacy entry-surface borders and single-entry overrides. */
.selected-journal .journal-item{display:flex;min-width:0}
.selected-journal .journal-item>.refined-card{width:100%;height:100%}
.selected-journal .selected-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding:8px 4px 20px;overflow:visible}
.selected-journal .entry-preview .preview-deck{font-size:17px}
.selected-journal .preview-text:empty{display:none}
@media(max-width:1050px) and (min-width:641px){
 .refined-daylight{grid-template-columns:105px minmax(0,1fr);padding:21px;column-gap:18px}
 .refined-daylight .refined-copy :is(h2,h3){font-size:1.625rem}
}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:760px){.selected-journal .selected-reading-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
 .collection-grid{grid-template-columns:minmax(0,1fr);gap:34px}
 .refined-collection,.selected-journal .collection-grid>.journal-item{width:min(100%,360px);margin-inline:auto}
 .refined-daylight{grid-template-columns:122px minmax(0,1fr);padding:22px;column-gap:20px}
 .refined-daylight .refined-copy :is(h2,h3){font-size:1.625rem}
}
@media(max-width:420px){
 .refined-daylight{grid-template-columns:90px minmax(0,1fr);padding:18px;column-gap:15px}
 .refined-daylight .refined-copy :is(h2,h3){font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){
 :is(.refined-collection,.refined-daylight),:is(.refined-collection,.refined-daylight) .refined-action svg{transition:none}
 :is(.refined-collection,.refined-daylight):hover .refined-action svg{transform:none}
}