/* Compact, readable phone edition shared by homepage, archive and article. */
@media(max-width:680px){
 html{scroll-padding-top:18px}
 .sample,.home>.sample{font-size:10px;padding:6px 12px;line-height:1.5;letter-spacing:.04em}
 .sample span{font-size:10px;letter-spacing:0;margin-left:8px}
 header,.home>header{padding:12px 18px;gap:12px;min-height:82px}
 header nav,.home>header nav{gap:12px;font-size:12px;letter-spacing:0;align-items:center;min-width:0}
 header nav>a{min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1.5}
 header nav .header-legacy{padding:0 0 2px;border-bottom:1px solid #9c825a}
 .topic-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 10px;overflow:visible;white-space:normal;font-size:12px;line-height:1.5;letter-spacing:0;border-top:1px solid #e6e6e6}
 .topic-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;padding:7px 4px}
 .topic-nav>a:nth-child(n+4){border-top:1px solid #efefef}
 .magazine-main{width:calc(100% - 36px)}
 .edition-line{padding:13px 0;align-items:center;gap:10px}.edition-line>span:first-child{font-size:11px;letter-spacing:.02em}
 .lead-photo img{aspect-ratio:1.46;object-fit:cover;object-position:60% 40%}
 .lead-feature .news-tag{margin-top:17px}.lead-feature h1{font-size:clamp(29px,8.1vw,36px);line-height:1.55;letter-spacing:.04em}
 .lead-feature p{font-size:16px;line-height:1.95;margin:13px 0 17px}
 .lead-bottom{display:block;padding-top:13px}.lead-bottom .news-meta{font-size:12px}
 .read-story{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:14px}
 .front-grid{gap:25px}.front-stories{display:flex;flex-direction:column;gap:23px;padding-top:25px}
 .front-stories article>a{display:grid;grid-template-columns:minmax(112px,.85fr) minmax(0,1.15fr);column-gap:16px;align-content:start}
 .front-stories img,.front-stories .landscape-story img{grid-column:1;grid-row:1/4;aspect-ratio:1.5;height:auto;align-self:start;object-fit:cover}
 .front-stories .landscape-story img{object-fit:contain}
 .front-stories .news-tag{grid-column:2;font-size:11px;margin:0 0 6px;line-height:1.6;letter-spacing:.02em}
 .front-stories h2{grid-column:2;font-size:16px;line-height:1.75;font-weight:600}
 .front-stories .news-meta{grid-column:2;font-size:12px;line-height:1.7;margin-top:8px}
 .front-aside{padding-top:5px}.front-aside>h2{padding-top:16px}.front-aside li>a{padding:16px 0;gap:18px}.front-aside h3{font-size:16px;line-height:1.8}
 .front-aside .legacy-promo{padding:24px}.legacy-promo strong{font-size:24px;margin:10px 0}
 .photo-credits summary{min-height:44px;display:flex;align-items:center;gap:8px}.photo-credits summary:before{content:'＋'}.photo-credits[open] summary:before{content:'−'}
 .photo-credits ul{overflow-wrap:anywhere}.image-credit{padding:4px 0 14px}
 .issue-quote{padding:26px 0;gap:17px}.issue-quote blockquote{font-size:22px;line-height:1.9}.issue-quote>a{display:flex;align-items:center;min-height:44px;font-size:14px}
 .editor-letter{padding:32px 0;gap:14px}.editor-letter h2{font-size:28px;line-height:1.7}.editor-letter p{font-size:16px;line-height:2;margin:8px 0}
 .legacy-section{padding:26px 20px;margin-bottom:32px}.legacy-section h2{font-size:26px;line-height:1.7}.legacy-introduction{gap:14px}.legacy-introduction>p{font-size:16px;line-height:2}
 .legacy-steps{gap:24px}.legacy-steps p{font-size:16px}.legacy-action>a{min-height:52px;align-items:center;padding:15px;font-size:14px}.legacy-action>p{font-size:12px}
 .article-top h1{font-size:clamp(29px,8vw,38px);letter-spacing:.05em}.article-cover>img{height:auto;aspect-ratio:1.15;object-position:60% 40%}
 .prose h2{font-size:25px;letter-spacing:.035em}.prose{font-size:16px;overflow-wrap:break-word}.article .closing h2{font-size:25px}.article-layout aside a{min-height:44px}
 .archive h1{font-size:34px}.archive-grid .story-card h3{font-size:26px}.footline{flex-wrap:wrap;gap:12px;font-size:11px}.footline>a{min-height:44px;display:flex;align-items:center;font-size:12px}
}
@media(max-width:360px){header .yamato-brand,.home>header .yamato-brand{width:108px}header nav,.home>header nav{gap:9px;font-size:11px}.sample span{display:block;margin:2px 0 0}.front-stories article>a{column-gap:12px;grid-template-columns:108px minmax(0,1fr)}}
