/* Listing surfaces (categories, tags, theme pages) in the magazine home palette (PM-2094).
   The frame is var(--pm-frame) from style.css :root, the same edges as the header (docs/design/magazine-frame.md). */

/* Cocoon already opens the page main; the archive fills it edge to edge and the frame sits inside. */
body.pm-editorial-archive #content.content,body.pm-editorial-archive #content-in.content-in,body.pm-editorial-archive #main.main{width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:#fff}
body.pm-editorial-archive #content-in.content-in{display:block}
body.pm-editorial-archive #sidebar{display:none}

body.pm-editorial-archive {background:#fff;color:#102538}
body.pm-editorial-archive #main .pma-archive {--pma-ink:#102538;--pma-navy:#102e46;--pma-sub:#637387;--pma-p:#2458d8;--pma-cat:#49718e;--pma-line:#d6e0e8;--pma-pale:#eaf1fb;width:100%;max-width:none;margin:0;padding:0 0 48px;color:var(--pma-ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.7;letter-spacing:.02em}
body.pm-editorial-archive #main .pma-archive .pma-main {float:none;width:100%;max-width:none;margin:0;padding:0;background:#fff;border:0;box-shadow:none}
body.pm-editorial-archive #main .pma-archive * {box-sizing:border-box}
body.pm-editorial-archive #main .pma-archive a {color:inherit;text-decoration:none}
body.pm-editorial-archive #main .pma-archive :is(h1,h2,h3,h4,p) {margin:0;padding:0;border:0;background:none;color:inherit}
body.pm-editorial-archive #main .pma-archive :is(h2,h3,h4)::before,body.pm-editorial-archive #main .pma-archive :is(h2,h3,h4)::after {content:none}
body.pm-editorial-archive #main .pma-archive img {display:block;max-width:100%;height:auto}
body.pm-editorial-archive #main .pma-archive a:hover :is(h2,h3,h4),body.pm-editorial-archive #main .pma-archive a:hover .pma-nrow__t {color:var(--pma-p)}
body.pm-editorial-archive #main .pma-archive a:focus-visible {outline:2px solid #3d77e4;outline-offset:4px}
body.pm-editorial-archive #main .pma-inner {width:var(--pm-frame);max-width:none;margin-inline:auto}

/* Hero */
body.pm-editorial-archive #main .pma-hero {padding:34px 0 0;background:#fff;border:0}
body.pm-editorial-archive #main .pma-hero__crumb {font-size:11px;color:var(--pma-sub);margin:0 0 12px}
body.pm-editorial-archive #main .pma-hero h1 {font-size:28px;font-weight:700;line-height:1.45;letter-spacing:.03em}
body.pm-editorial-archive #main .pma-hero h1 small {display:none}
body.pm-editorial-archive #main .pma-hero__desc {font-size:13px;color:var(--pma-sub);margin-top:8px;max-width:680px}
body.pm-editorial-archive #main .pma-hero__desc p {margin:0}
body.pm-editorial-archive #main .pma-hero__count {font-size:11px;color:var(--pma-sub);margin-top:6px}
body.pm-editorial-archive #main .pma-hero > .pma-inner {padding-bottom:1px;border-bottom:1px solid var(--pma-line)}

/* Theme tabs and period filter */
body.pm-editorial-archive #main .pma-tabs {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
body.pm-editorial-archive #main .pma-tabs__in {display:flex;overflow-x:auto;scrollbar-width:none;min-width:0}
body.pm-editorial-archive #main .pma-tabs__in::-webkit-scrollbar {display:none}
body.pm-editorial-archive #main .pma-tabs__in a {font-size:13px;font-weight:700;padding:12px 18px 11px;border-bottom:2px solid transparent;white-space:nowrap;color:#44627d}
body.pm-editorial-archive #main .pma-tabs__in a:first-child {padding-left:0}
body.pm-editorial-archive #main .pma-tabs__in a.is-active {border-bottom-color:var(--pma-navy);color:var(--pma-ink)}
body.pm-editorial-archive #main .pma-tabs__in a:hover {color:var(--pma-p)}
body.pm-editorial-archive #main .pma-period {display:flex;align-items:center;gap:4px;margin:0;font-size:11px;color:var(--pma-sub);white-space:nowrap}
body.pm-editorial-archive #main .pma-period span {margin-right:6px}
body.pm-editorial-archive #main .pma-period a {padding:3px 9px;border:1px solid transparent;border-radius:0;background:none}
body.pm-editorial-archive #main .pma-period a.is-active {border-color:#9baeba;color:var(--pma-ink);font-weight:700;background:none}
body.pm-editorial-archive #main .pma-chips {display:flex;flex-wrap:wrap;gap:0;margin:18px 0 0}
body.pm-editorial-archive #main .pma-chips a {font-size:13px;font-weight:700;padding:12px 18px 11px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#44627d}
body.pm-editorial-archive #main .pma-chips a:first-child {padding-left:0}
body.pm-editorial-archive #main .pma-chips a.is-active {border-bottom-color:var(--pma-navy);color:var(--pma-ink);background:none}

/* Sections */
body.pm-editorial-archive #main .pma-section {padding:38px 0 0}
body.pm-editorial-archive #main .pma-sec-head {display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:0 0 16px;padding:0;border:0}
body.pm-editorial-archive #main .pma-sec-head h2 {font-size:20px;font-weight:700;line-height:1.4}
body.pm-editorial-archive #main .pma-sec-sub {font-size:11px;color:var(--pma-sub)}
body.pm-editorial-archive #main .pma-more {display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;border-bottom:1px solid #9baeba;padding-bottom:3px;white-space:nowrap}
body.pm-editorial-archive #main .pma-more::after {content:"";width:20px;height:11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 14'%3E%3Cpath d='M1 7h23M18 1l6 6-6 6' fill='none' stroke='%2352738f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
body.pm-editorial-archive #main .pma-card__tag {display:block;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--pma-cat)}
body.pm-editorial-archive #main .pma-empty {color:var(--pma-sub);font-size:13px}

/* Cards: label, title, date (the meta row is split around the title) */
body.pm-editorial-archive #main .pma-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
body.pm-editorial-archive #main .pma-card {display:block;min-width:0;border:0;border-radius:0;box-shadow:none;background:none;padding:0;overflow:visible}
body.pm-editorial-archive #main .pma-card__thumb {aspect-ratio:16/9;overflow:hidden;background:var(--pma-pale)}
body.pm-editorial-archive #main .pma-card__thumb img {width:100%;height:100%;object-fit:cover}
body.pm-editorial-archive #main .pma-card__body {display:flex;flex-direction:column;padding:12px 0 0}
body.pm-editorial-archive #main .pma-card__meta {display:contents}
body.pm-editorial-archive #main .pma-card__meta .pma-card__tag {order:1;margin-bottom:3px}
body.pm-editorial-archive #main .pma-card h3 {order:2;font-size:15px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
body.pm-editorial-archive #main .pma-card__meta time {order:3;font-size:11px;color:#5b7083;letter-spacing:.03em;margin-top:6px}

/* Row list (business) */
body.pm-editorial-archive #main .pma-rows {border-top:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-row {display:grid;grid-template-columns:168px minmax(0,1fr);gap:20px;align-items:start;padding:16px 0;border-bottom:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-row__thumb {aspect-ratio:16/9;overflow:hidden;background:var(--pma-pale)}
body.pm-editorial-archive #main .pma-row__thumb img {width:100%;height:100%;object-fit:cover}
body.pm-editorial-archive #main .pma-row h3 {font-size:15px;font-weight:700;line-height:1.7;margin-top:1px;overflow-wrap:anywhere}
body.pm-editorial-archive #main .pma-row time {display:block;font-size:11px;color:#5b7083;margin-top:6px}

/* Business theme blocks */
body.pm-editorial-archive #main .pma-themes {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
body.pm-editorial-archive #main .pma-theme {display:flex;flex-direction:column;min-width:0}
body.pm-editorial-archive #main .pma-theme__h {font-size:17px;font-weight:700;padding-bottom:6px;border-bottom:2px solid var(--pma-navy)}
body.pm-editorial-archive #main .pma-theme__d {font-size:12px;color:var(--pma-sub);margin:8px 0 14px;min-height:40px}
body.pm-editorial-archive #main .pma-theme .pma-card h3 {font-size:14px}
body.pm-editorial-archive #main .pma-theme .pma-card {margin-bottom:10px}
body.pm-editorial-archive #main .pma-trow {display:block;padding:11px 0;border-top:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-trow h4 {font-size:13px;font-weight:700;line-height:1.65}
body.pm-editorial-archive #main .pma-trow time {display:block;font-size:11px;color:#5b7083;margin-top:2px}
body.pm-editorial-archive #main .pma-theme .pma-more {align-self:flex-start;margin-top:auto;padding-top:14px}

/* Consultation band (same as the top page) */
body.pm-editorial-archive #main .pma-consult {background:#f3f2ef;padding:22px 0;margin-top:42px}
body.pm-editorial-archive #main .pma-consult > .pma-inner {display:flex;align-items:center;justify-content:space-between;gap:20px}
body.pm-editorial-archive #main .pma-consult__t {font-size:20px;font-weight:700;letter-spacing:.04em}
body.pm-editorial-archive #main .pma-consult p + p {font-size:11px;color:#5b7083;margin-top:4px}
body.pm-editorial-archive #main .pma-consult__btn {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:42px;min-width:170px;padding:8px 20px;font-size:12px;font-weight:700;letter-spacing:.04em;border:1px solid #627d93;white-space:nowrap}
body.pm-editorial-archive #main .pma-consult__btn:hover {background:#eaf1f8}

/* CV band used by learn and tag listings */
body.pm-editorial-archive #main .pma-cv {display:flex;align-items:center;gap:24px;margin:32px 0;padding:22px 26px;border:0;border-radius:0;background:#f3f2ef;color:var(--pma-ink)}
body.pm-editorial-archive #main .pma-cv__txt h2 {font-size:18px;font-weight:700;line-height:1.5}
body.pm-editorial-archive #main .pma-cv__txt p {font-size:12px;color:#5b7083;margin-top:4px}
body.pm-editorial-archive #main .pma-cv__btn {margin-left:auto;background:none;color:var(--pma-ink)!important;border:1px solid #627d93;border-radius:0;padding:11px 22px;font-size:12px;font-weight:700;white-space:nowrap}

/* Learn reading order */
body.pm-editorial-archive #main .pma-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.pm-editorial-archive #main .pma-step {min-width:0;padding:0;border:0;border-radius:0;background:none}
body.pm-editorial-archive #main .pma-step__no {font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--pma-cat)}
body.pm-editorial-archive #main .pma-step h3 {font-size:17px;font-weight:700;margin:2px 0 6px;padding-bottom:6px;border-bottom:2px solid var(--pma-navy)}
body.pm-editorial-archive #main .pma-step a {display:block;font-size:13px;font-weight:700;line-height:1.65;padding:11px 0;border-top:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-step h3 + a {border-top:0}
body.pm-editorial-archive #main .pma-step a small {display:block;font-size:11px;font-weight:400;color:#5b7083;margin-top:2px}

/* News */
body.pm-editorial-archive #main .pma-weekly {background:var(--pma-pale);padding:34px 0 32px;margin-top:42px}
body.pm-editorial-archive #main .pma-weekly .pma-card__thumb {background:#fff}
body.pm-editorial-archive #main .pma-news {display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:76px;align-items:start}
body.pm-editorial-archive #main .pma-news__main,body.pm-editorial-archive #main .pma-news__side {min-width:0}
body.pm-editorial-archive #main .pma-day {display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:700;color:var(--pma-ink);margin:0;padding:22px 0 8px;border-bottom:1px solid var(--pma-ink);background:none;letter-spacing:.02em}
body.pm-editorial-archive #main .pma-news__main > .pma-day:first-child {padding-top:0}
body.pm-editorial-archive #main .pma-day small {font-size:11px;font-weight:600;color:var(--pma-sub)}
body.pm-editorial-archive #main .pma-nrow {display:grid;grid-template-columns:56px minmax(0,1fr);gap:2px 14px;padding:13px 0;border-bottom:1px solid var(--pma-line);align-items:baseline}
body.pm-editorial-archive #main .pma-nrow time {grid-column:1;grid-row:1 / span 2;font-size:11px;color:#44627d;letter-spacing:.02em}
body.pm-editorial-archive #main .pma-nrow__chip {grid-column:2;justify-self:start;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--pma-cat);background:none;padding:0}
body.pm-editorial-archive #main .pma-nrow__t {grid-column:2;font-size:14px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
body.pm-editorial-archive #main .pma-nrows.is-flat {border-top:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-nrows.is-flat .pma-nrow {grid-template-columns:64px minmax(0,1fr)}
body.pm-editorial-archive #main .pma-box {border:1px solid var(--pma-line);border-radius:0;padding:18px 18px 16px;margin:0;background:#fff}
body.pm-editorial-archive #main .pma-box h3 {font-size:14px;font-weight:700;margin-bottom:6px}
body.pm-editorial-archive #main .pma-box__row {display:block;font-size:13px;font-weight:700;line-height:1.65;padding:11px 0;border:0;border-top:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-box__row .pma-card__tag {margin-bottom:2px}
body.pm-editorial-archive #main .pma-box .pma-more {margin-top:10px}
body.pm-editorial-archive #main .pma-pager {padding:34px 0 10px}
body.pm-editorial-archive #main .pma-pager .nav-links {display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
body.pm-editorial-archive #main .pma-pager .page-numbers {min-width:34px;height:34px;padding:0 6px;margin:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pma-line);border-radius:0;font-size:12px;background:#fff;color:var(--pma-ink)}
body.pm-editorial-archive #main .pma-pager .page-numbers.current {background:var(--pma-navy);border-color:var(--pma-navy);color:#fff}

/* Theme page */
body.pm-editorial-archive #main .pma-pillar {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;padding:0 0 30px;border-bottom:1px solid var(--pma-line)}
body.pm-editorial-archive #main .pma-pillar__thumb {aspect-ratio:16/9;overflow:hidden;background:var(--pma-pale)}
body.pm-editorial-archive #main .pma-pillar__thumb img {width:100%;height:100%;object-fit:cover}
body.pm-editorial-archive #main .pma-pillar h2 {font-size:24px;font-weight:700;line-height:1.55;margin:4px 0 12px}
body.pm-editorial-archive #main .pma-pillar p {font-size:13px;color:#44627d;line-height:1.85;margin-bottom:18px}
body.pm-editorial-archive #main .pma-groups {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.pm-editorial-archive #main .pma-groups--2 {grid-template-columns:repeat(2,minmax(0,1fr))}
body.pm-editorial-archive #main .pma-groups--1 {grid-template-columns:minmax(0,1fr)}
body.pm-editorial-archive #main .pma-group {min-width:0}
body.pm-editorial-archive #main .pma-group__h {font-size:15px;font-weight:700;padding-bottom:8px;border-bottom:2px solid var(--pma-navy)}
body.pm-editorial-archive #main .pma-group .pma-row {grid-template-columns:112px minmax(0,1fr);gap:14px;padding:14px 0}
body.pm-editorial-archive #main .pma-group .pma-row h3 {font-size:13px;line-height:1.65}
body.pm-editorial-archive #main .pma-groups--1 .pma-row {grid-template-columns:168px minmax(0,1fr);gap:20px}
body.pm-editorial-archive #main .pma-groups--1 .pma-row h3 {font-size:15px}
body.pm-editorial-archive #main .pma-others {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.pm-editorial-archive #main .pma-others a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 16px;border:1px solid #cbd8e3;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}
body.pm-editorial-archive #main .pma-others a::after {content:"";width:24px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 14'%3E%3Cpath d='M1 7h23M18 1l6 6-6 6' fill='none' stroke='%2352738f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;flex:none}
body.pm-editorial-archive #main .pma-others a:hover {background:#f1f6fa;border-color:#6485a1;color:var(--pma-ink)}

@media (max-width:1100px){
 body.pm-editorial-archive #main .pma-news {grid-template-columns:minmax(0,1fr) 235px;gap:32px}
 body.pm-editorial-archive #main .pma-themes {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}
}
@media (max-width:900px){
 body.pm-editorial-archive #main .pma-news {grid-template-columns:1fr;gap:36px}
 body.pm-editorial-archive #main .pma-pillar {grid-template-columns:1fr;gap:18px}
 body.pm-editorial-archive #main .pma-groups,body.pm-editorial-archive #main .pma-groups--2 {grid-template-columns:1fr;gap:26px}
 body.pm-editorial-archive #main .pma-steps {grid-template-columns:1fr;gap:26px}
 body.pm-editorial-archive #main .pma-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
 body.pm-editorial-archive #main .pma-hero {padding-top:22px}
 body.pm-editorial-archive #main .pma-hero h1 {font-size:23px}
 body.pm-editorial-archive #main .pma-tabs {flex-direction:column;align-items:stretch;gap:0}
 body.pm-editorial-archive #main .pma-tabs__in a {padding:11px 14px 10px;font-size:12.5px}
 body.pm-editorial-archive #main .pma-period {padding:10px 0;border-top:1px solid var(--pma-line)}
 body.pm-editorial-archive #main .pma-section {padding-top:30px}
 body.pm-editorial-archive #main .pma-sec-head h2 {font-size:18px}
 body.pm-editorial-archive #main .pma-themes {grid-template-columns:1fr;gap:34px}
 body.pm-editorial-archive #main .pma-theme__d {min-height:0}
 body.pm-editorial-archive #main .pma-grid {grid-template-columns:1fr;gap:22px}
 body.pm-editorial-archive #main .pma-grid .pma-card {display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
 body.pm-editorial-archive #main .pma-grid .pma-card__body {padding:0}
 body.pm-editorial-archive #main .pma-card h3 {font-size:14px}
 body.pm-editorial-archive #main .pma-row,body.pm-editorial-archive #main .pma-groups--1 .pma-row {grid-template-columns:120px minmax(0,1fr);gap:14px}
 body.pm-editorial-archive #main .pma-row h3,body.pm-editorial-archive #main .pma-groups--1 .pma-row h3 {font-size:14px}
 body.pm-editorial-archive #main .pma-consult > .pma-inner {flex-direction:column;align-items:flex-start}
 body.pm-editorial-archive #main .pma-consult__t {font-size:17px}
 body.pm-editorial-archive #main .pma-cv {flex-direction:column;align-items:flex-start;padding:22px}
 body.pm-editorial-archive #main .pma-cv__btn {margin-left:0}
 body.pm-editorial-archive #main .pma-nrow {grid-template-columns:1fr;gap:2px}
 body.pm-editorial-archive #main .pma-nrow time,body.pm-editorial-archive #main .pma-nrow__chip,body.pm-editorial-archive #main .pma-nrow__t {grid-column:1;grid-row:auto}
 body.pm-editorial-archive #main .pma-nrows.is-flat .pma-nrow {grid-template-columns:1fr}
 body.pm-editorial-archive #main .pma-pillar h2 {font-size:19px}
 body.pm-editorial-archive #main .pma-others {grid-template-columns:1fr 1fr;gap:10px}
 body.pm-editorial-archive #main .pma-others a {padding:12px;font-size:12.5px}
}