/* Rikuruba Journal / v8. Editorial styles are scoped to media pages. */
.media-page,.category-page{--journal-gap:32px;--journal-radius:12px;background:var(--cream)}
.media-page .page-hero{padding-block:24px 40px;background:var(--cream)}
.media-page .page-hero::before,.media-page .page-hero::after,.category-page .page-hero::before,.category-page .page-hero::after{display:none}
.media-page .page-hero__inner{display:block}
.media-page .page-hero__copy{display:grid;grid-template-columns:1.1fr 1fr;column-gap:48px;align-items:end}
.media-page .page-hero .breadcrumbs,.media-page .page-hero .section-label{grid-column:1/-1}
.media-page .page-hero .breadcrumbs{margin-bottom:28px}
.media-page .page-hero .section-label{margin-bottom:12px;font-size:12px;letter-spacing:.18em}
.media-page .page-hero__title{font-size:clamp(36px,4.6vw,66px);line-height:1.2;letter-spacing:-.055em}
.media-page .page-hero__lead{margin:0 0 3px;font-size:14px;line-height:1.9}
.media-page .page-hero__art{display:none}
.media-page .media-pickup{margin-bottom:64px}
.media-page .media-archive{padding-top:0}
.media-page .media-subtitle{display:flex;align-items:center;gap:16px;font-size:28px;letter-spacing:-.03em;margin-block:48px 28px;padding-bottom:0;border-bottom:0}
.media-page .media-subtitle::after{content:'';height:1px;background:var(--line);flex:1}
.media-page .post-card,.category-page .post-card,.article-page .post-card{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.media-page .post-card:hover,.category-page .post-card:hover,.article-page .post-card:hover{box-shadow:none;border-color:transparent;transform:translateY(-3px)}
.media-page .post-card__image,.category-page .post-card__image,.article-page .post-card__image{border:0;border-radius:var(--journal-radius,12px);background:var(--category-color,var(--cream));overflow:hidden}
.media-page .post-card__image>img,.category-page .post-card__image>img,.article-page .post-card__image>img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;max-height:none}
.media-page .post-card__body,.category-page .post-card__body,.article-page .post-card__body{padding:20px 0 0;gap:12px}
.media-page .post-card__title,.category-page .post-card__title,.article-page .post-card__title{font-size:20px;font-weight:800;line-height:1.65;letter-spacing:-.025em;margin:0}
.media-page .post-card__meta,.category-page .post-card__meta,.article-page .post-card__meta{order:2;margin:0;font-size:11px;letter-spacing:.055em;color:var(--muted)}
.media-page .post-grid,.category-page .post-grid{gap:40px 28px;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}
.media-page .media-pickup .post-card>a{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:40px;align-items:center}
.media-page .media-pickup .post-card__body{padding:0;gap:24px}
.media-page .media-pickup .post-card__title{font-size:clamp(24px,2.5vw,36px);line-height:1.6;letter-spacing:-.035em}
.media-page .media-pickup .post-card__image{border-radius:16px}
.media-page .media-pickup .post-card__meta{font-size:12px}
.media-page .category-grid,.category-page .category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-block:48px}
.media-page .category-card,.category-page .category-card{min-height:64px;padding:16px 10px;gap:0;flex-direction:row;border:1px solid transparent;border-radius:8px;background:var(--category-color);color:var(--white);font-size:12px;font-weight:800;line-height:1.55;box-shadow:none}
.media-page .category-card__art,.category-page .category-card__art,.media-page .category-card::after,.category-page .category-card::after{display:none}
.media-page .category-card__arrow,.category-page .category-card__arrow{display:none}
.media-page .category-card:hover,.category-page .category-card:hover{background:var(--category-color);border-color:transparent;transform:translateY(-2px);filter:brightness(.92)}
.media-page .category-card.is-current,.category-page .category-card.is-current{outline:2px solid var(--category-color);outline-offset:3px}
.category-page .page-hero{background:var(--category-color);color:var(--white);padding-block:28px 56px}
.category-page .page-hero__inner{grid-template-columns:minmax(0,1fr) 280px;gap:48px}
.category-page .page-hero .breadcrumbs{color:rgb(255 255 255 / .8);margin-bottom:40px}
.category-page .page-hero .breadcrumbs a,.category-page .page-hero .breadcrumbs [aria-current],.category-page .page-hero .section-label{color:inherit}
.category-page .page-hero .section-label{font-size:12px;letter-spacing:.18em}
.category-page .page-hero .section-label::before{background:var(--accent)}
.category-page .page-hero__title{font-size:clamp(36px,4.1vw,58px);letter-spacing:-.04em;line-height:1.5}
.category-page .page-hero__lead{color:rgb(255 255 255 / .9);font-size:14px;max-width:640px}
.category-page .page-hero__art{position:relative;width:280px;aspect-ratio:1;overflow:hidden;padding:0;transform:rotate(-4deg);filter:drop-shadow(0 5px 0 #fff) drop-shadow(5px 0 0 #fff) drop-shadow(-5px 0 0 #fff)}
.category-page .page-hero__art img{position:absolute;left:50%;top:50%;width:250%;max-width:none;height:auto;mix-blend-mode:normal;transform:translate(-50%,-50%)}
.category-page .page-hero__art img[src*="il_11"]{width:190%}
.category-page .page-hero__art img[src*="il_23"],.category-page .page-hero__art img[src*="il_29"],.category-page .page-hero__art img[src*="il_45"]{width:210%}
.category-page .media-archive{padding-top:0}
.category-page .post-grid{margin-top:40px}
.category-page .post-grid>.post-card:first-child{grid-column:span 2}
.category-page .post-grid>.post-card:first-child .post-card__title{font-size:26px;line-height:1.6}
.article-page .article-shell{grid-template-columns:minmax(0,1fr) 240px;gap:48px}
.article-page .article-category{background:var(--category-color);color:var(--white);border-color:transparent;font-weight:800;padding-inline:20px;letter-spacing:.025em}
.article-page .article-title{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.025em;line-height:1.65}
.article-page .article-eyecatch{border:0;border-radius:12px;overflow:hidden}
.article-page .article-eyecatch>img{aspect-ratio:1200/630;object-fit:cover;max-height:none;width:100%;height:auto}
@media(min-width:1024px){.media-page .post-grid>.post-card:first-child{grid-column:span 2;grid-row:span 2}.media-page .post-grid>.post-card:first-child .post-card__title{font-size:27px;line-height:1.65}}
@media(max-width:1023px){.media-page .page-hero__copy{grid-template-columns:1fr}.media-page .page-hero__lead{margin-top:20px}.media-page .post-grid,.category-page .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-page .category-grid,.category-page .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-page .page-hero__inner{grid-template-columns:minmax(0,1fr) 200px}.category-page .page-hero__art{width:200px}.article-page .article-shell{grid-template-columns:minmax(0,1fr)}.article-page .article-sidebar{display:none}}
@media(max-width:600px){
 .media-page .rk-worries .rk-worries__list{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-block:2px 12px}
 .media-page .rk-worries .rk-worries__list>li{min-width:0;max-width:100%;scroll-snap-align:start}
 .media-page .rk-worries .rk-worries__list>li>a,.media-page .rk-worries .rk-worries__list>li>div{height:100%;min-width:0;max-width:100%}
 .media-page .page-hero{padding-block:16px 28px}.media-page .page-hero .breadcrumbs{margin-bottom:24px}.media-page .page-hero .section-label{font-size:10px;margin-bottom:12px}.media-page .page-hero__title{font-size:38px}.media-page .page-hero__lead{font-size:12px;line-height:2;margin-top:18px}
 .media-page .media-pickup{margin-bottom:40px}.media-page .media-pickup .post-card>a{display:flex;gap:0;align-items:stretch}.media-page .media-pickup .post-card__body{padding-top:18px;gap:12px}.media-page .media-pickup .post-card__title{font-size:23px;line-height:1.65}.media-page .media-pickup .post-card__image{border-radius:10px}
 .media-page .post-grid,.category-page .post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.media-page .post-grid>.post-card:first-child,.category-page .post-grid>.post-card:first-child{grid-column:1/-1}.media-page .post-card__image,.category-page .post-card__image{border-radius:8px}.media-page .post-card__body,.category-page .post-card__body{padding-top:12px;gap:8px}.media-page .post-card__title,.category-page .post-card__title{font-size:14px;line-height:1.7}.media-page .post-grid>.post-card:first-child .post-card__title,.category-page .post-grid>.post-card:first-child .post-card__title{font-size:20px;line-height:1.65}.media-page .post-card__meta,.category-page .post-card__meta{font-size:10px}
 .media-page .category-grid,.category-page .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:32px}.media-page .category-card,.category-page .category-card{min-height:48px;padding:12px 10px;font-size:12px;justify-content:center}.media-page .category-card:last-child,.category-page .category-card:last-child{grid-column:1/-1}
 .media-page .media-subtitle{font-size:24px;margin-block:32px 24px}.category-page .page-hero{padding-block:16px 32px}.category-page .page-hero__inner{grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:end}.category-page .page-hero .breadcrumbs{margin-bottom:24px;white-space:normal}.category-page .page-hero__title{font-size:29px;line-height:1.55}.category-page .page-hero__lead{font-size:12px;margin-top:16px}.category-page .page-hero .section-label{font-size:10px}.category-page .page-hero__art{width:92px;margin-bottom:8px;filter:drop-shadow(0 3px 0 #fff) drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff)}.category-page .post-grid{margin-top:28px}
 .article-page .article-title{font-size:27px;line-height:1.65}.article-page .article-eyecatch{border-radius:10px}.article-page .article-category{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.media-page .post-card,.category-page .post-card,.article-page .post-card,.media-page .post-card img,.category-page .post-card img,.media-page .category-card,.category-page .category-card{transition:none;transform:none!important}.category-page .page-hero__art{transform:none}}

/* v8a (Claude): 4位以下の順位の丸に縁、スマホの件数を左寄せ */
.rk-worries .rk-worries__list>li:nth-child(n+4) .rk-worries__rank{background:#fff;box-shadow:inset 0 0 0 1.5px #292B27}
@media(max-width:800px){.rk-worries .rk-worries__list .rk-worries__count{text-align:left}}

/* v8b 配色：GPT案1 インク（2026-11-05 代表決定）。カテゴリボタンは白地＋色の点、選択は黄色の下線 */
.media-page .category-card,.category-page .category-card{background:#fff;color:#292B27;border:1px solid #E2DED4;gap:8px;justify-content:center;align-items:center}
.media-page .category-card::before,.category-page .category-card::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--category-color)}
.media-page .category-card:hover,.category-page .category-card:hover{background:#FFFDF6;border-color:#292B27;filter:none}
.media-page .category-card.is-current,.category-page .category-card.is-current{outline:0;background:#FFFDF6;border-color:#292B27;box-shadow:inset 0 -3px 0 #F5B80A}
/* v8b 新イラスト：カテゴリ上部は人物全体を見せる（切り抜きなし） */
.category-page .page-hero__art{overflow:visible;transform:none;filter:none;width:320px;aspect-ratio:3/2}
.category-page .page-hero__art img,.category-page .page-hero__art img[src*="il_"]{position:static;width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(4px 0 0 #fff) drop-shadow(-4px 0 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(0 -4px 0 #fff)}
@media(max-width:1023px){.category-page .page-hero__art{width:220px}}
@media(max-width:600px){.category-page .page-hero__art{width:92px;aspect-ratio:1}}