/* Sam Journal — phone/narrow-window layout. Media max-width:600px. */
.smj-root { --smj-gutter:max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)); }
.smj-root .smj-intro { align-items:flex-start; gap:15px; padding:17px 0 27px; }
.smj-root .smj-intro h1 { max-width:250px; font-size:30px; line-height:1.08; letter-spacing:-1.25px; }
.smj-root .smj-intro p { font-size:16px; line-height:1.5; margin-top:2px; }
.smj-root .smj-avatar { width:55px; height:55px; flex-basis:55px; margin-top:5px; }
.smj-root .smj-section-head { margin-bottom:23px; }
.smj-root .smj-section-head h2 { font-size:25px; }
.smj-root .smj-moments, .smj-root .smj-articles-section { margin-bottom:58px; }
.smj-root .smj-moments-track {
  display:flex; flex-flow:row nowrap; align-items:stretch; gap:12px;
  width:calc(100% + var(--smj-gutter)); min-width:0;
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  scroll-padding:0; overscroll-behavior-x:contain; scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.smj-root .smj-moments-track::-webkit-scrollbar { display:none; }
.smj-root .smj-moments-track::after {
  content:""; display:block; flex:0 0 max(0px,calc(100% - min(82%,360px) - 12px)); pointer-events:none;
}
.smj-root .smj-moments-track > .smj-note-card {
  flex:0 0 min(82%,360px); width:min(82%,360px); height:auto; aspect-ratio:4/5;
  min-height:390px; padding:20px 16px; scroll-snap-align:start; scroll-snap-stop:always;
}
.smj-root .smj-carousel-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; width:100%; }
.smj-root .smj-carousel-dots { display:flex; align-items:center; flex-wrap:wrap; margin-left:-8px; }
.smj-root .smj-carousel-dot { display:grid; place-items:center; width:26px; height:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.smj-root .smj-carousel-dot::before { content:""; display:block; width:7px; height:7px; border-radius:50%; background:#d2d2d7; }
.smj-root .smj-carousel-dot[aria-current="true"]::before { background:#1d1d1f; }
.smj-root .smj-carousel-arrows { display:flex; gap:8px; margin-left:auto; }
.smj-root .smj-carousel-arrows button { display:grid; place-items:center; width:44px; height:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:50%; background:#e8e8ed; color:#606064; box-shadow:none; }
.smj-root .smj-carousel-arrows svg { width:22px; height:22px; stroke-width:2.6; }
.smj-root .smj-carousel-arrows button:disabled { opacity:.35; cursor:default; }
.smj-root .smj-articles-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
.smj-root .smj-article { border-radius:21px; min-height:0; }
.smj-root .smj-article--lead { min-height:430px; }
.smj-root .smj-article--lead .smj-article-image { height:165px; flex-basis:165px; }
.smj-root .smj-article--lead .smj-article-copy { padding:22px 23px 19px; }
.smj-root .smj-article--lead .smj-article-title { display:block; -webkit-line-clamp:unset; line-clamp:unset; overflow:visible; margin:16px 0 11px; font-size:30px; letter-spacing:-1.15px; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) { min-height:136px; border-radius:18px; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-main { flex-direction:row; align-items:stretch; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-image { width:136px; height:auto; min-height:136px; flex:0 0 136px; position:relative; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-image img { position:absolute; inset:0; width:100%; height:100%; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-copy { justify-content:center; min-width:0; padding:10px 15px; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-kicker { font-size:10px; line-height:1.25; letter-spacing:1.15px; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-title { -webkit-line-clamp:3; line-clamp:3; margin:4px 0; font-size:17px; line-height:1.18; letter-spacing:-.45px; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-intro { display:none; }
.smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-bottom { margin-top:3px; padding-top:0; font-size:10px; line-height:1.2; }
.smj-root .smj-article--archive { min-height:390px; }
.smj-root .smj-article--archive .smj-article-image { height:165px; flex-basis:165px; }
.smj-root .smj-radar-section { padding:24px 18px 18px; border-radius:24px; margin-bottom:52px; }
.smj-root .smj-radar-section .smj-section-head h2 { font-size:28px; }
.smj-root .smj-rw-grid { grid-template-columns:minmax(0,1fr); }
.smj-root .smj-rw-entry { grid-template-rows:auto; }
.smj-root .smj-rw-note--empty { display:none; }
.smj-root .smj-radar-card { min-height:390px; }
.smj-root .smj-radar-image { height:155px; flex-basis:155px; }
.smj-root .smj-radar-copy { padding:21px; }
.smj-root .smj-radar-card h3 { font-size:22px; }
.smj-root .smj-archive-grid { grid-template-columns:minmax(0,1fr); }
.smj-root .smj-archive-heading h2 { font-size:34px; }
.smj-root .smj-composer { padding:12px; }
.smj-root .smj-composer textarea { font-size:16px; }
.smj-dialog { width:calc(100vw - 20px); max-height:90vh; max-height:90dvh; margin:auto auto 0; border-radius:24px 24px 0 0; }
.smj-dialog .smj-dialog-content { padding:27px 22px 30px; }
.smj-dialog .smj-dialog-loading { padding:72px 22px; }
.smj-dialog .smj-modal-featured { margin-bottom:23px; border-radius:17px; }
.smj-dialog .smj-modal-title { font-size:32px; letter-spacing:-1px; }
.smj-dialog .smj-modal-body { font-size:17px; line-height:1.7; }
@media (max-width:360px) {
  .smj-root .smj-articles-grid > .smj-article:not(.smj-article--lead) .smj-article-image { width:112px; flex-basis:112px; }
  .smj-root .smj-note-card { padding-inline:16px; }
}