/* Mobile-first articles and concise service introductions. */
.public-home,.journal-page { background:#fff;color:#17201f;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.public-home .site-header,.journal-page .site-header { background:#fff;border-bottom:1px solid #eceeed; }
.public-home .header-inner,.journal-header { flex-wrap:wrap;min-height:0;padding-top:20px;gap:20px; }
.public-home .brand,.journal-page .brand { font-size:25px; }
.public-home .home-nav,.journal-nav { display:flex;align-items:center;gap:24px;width:100%;margin:0;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:none; }
.public-home .home-nav a,.journal-nav a { display:block;flex-shrink:0;padding:12px 0 14px;font-size:12px;text-decoration:none;color:#626967; }
.public-home .home-nav .journal-nav-feature,.journal-nav a:first-child { color:#17201f;font-weight:700;border-bottom:3px solid #17201f; }
.public-home .portal-intro { position:absolute;width:1px!important;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px; }
.public-home .shell,.journal-page .shell { width:calc(100% - 40px);max-width:1040px; }
.journal-home { padding:26px 0 32px;margin-inline:auto; }
.journal-home-intro { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px; }
.journal-home h2,.journal-index-intro h1 { margin:0;font-size:24px;font-weight:700;letter-spacing:.01em;line-height:1.4; }
.journal-all { flex-shrink:0;font-size:12px;text-decoration:none;font-weight:600; }
.journal-card { display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:14px;padding:14px 0;border-bottom:1px solid #eceeed;color:inherit;text-decoration:none;min-width:0; }
.journal-card-image { grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:1280/670;object-fit:cover;border-radius:4px;align-self:start;margin-top:3px;background:#f4f5f3; }
.journal-card-copy { grid-column:1;grid-row:1;min-width:0; }
.journal-card h3 { font-size:15px;font-weight:700;line-height:1.55;letter-spacing:.01em;margin:0; }
.journal-card-bottom { display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:7px;font-size:10px;line-height:1.5;color:#7b827f; }
.journal-card time { font-variant-numeric:tabular-nums; }
.journal-card[hidden] { display:none!important; }
.journal-card-category { font-weight:600;color:#42755e; }
.journal-card-category.data { color:#8a5a2b; }
.journal-card-category.reading { color:#4a5f86; }
.journal-card-panel { display:flex;align-items:center;justify-content:center;background:#eef3ee;color:#42755e; }
.journal-card-panel.data { background:#f6eee4;color:#8a5a2b; }
.journal-card-panel.reading { background:#eceff5;color:#4a5f86; }
.journal-card-panel svg { width:30%;max-width:60px;height:auto; }
.journal-tools { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 22px; }
.journal-tools[hidden] { display:none; }
.journal-filter { display:flex;flex-wrap:wrap;gap:8px; }
.journal-filter button { min-height:40px;padding:6px 14px;border:1px solid #dce1dd;border-radius:999px;background:#fff;color:#39463e;font:inherit;font-size:12px;cursor:pointer; }
.journal-filter button[aria-pressed="true"] { background:#17201f;border-color:#17201f;color:#fff; }
.journal-sort { display:flex;align-items:center;gap:8px;font-size:12px;color:#626967; }
.journal-sort select { min-height:40px;padding:4px 10px;border:1px solid #dce1dd;border-radius:6px;background:#fff;color:#17201f;font:inherit;font-size:12px; }
.journal-filter button:focus-visible,.journal-sort select:focus-visible { outline:2px solid #42755e;outline-offset:2px; }
@media(pointer:coarse) { .journal-sort select { font-size:16px; } }
.journal-home-layout .journal-card:first-child { display:block;padding-top:16px; }
.journal-home-layout .journal-card:first-child .journal-card-image { margin:0 0 12px; }
.journal-home-layout .journal-card:first-child h3 { font-size:18px; }
.journal-card:hover h3 { text-decoration:underline;text-underline-offset:4px; }
.journal-card:hover img { opacity:.88; }
.journal-more { display:flex;align-items:center;justify-content:center;gap:20px;min-height:48px;border:1px solid #dce1dd;border-radius:5px;font-size:13px;font-weight:600;text-decoration:none;margin-top:24px; }
.journal-more:hover { background:#f5f7f5; }
.public-home .service-directory { border-top:6px solid #f4f5f3;padding-top:32px;padding-bottom:48px; }
.journal-breadcrumb { display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#7b827f;margin:18px 0; }
.journal-breadcrumb a { text-decoration:none; }
.journal-index-intro { padding:10px 0 28px; }
.journal-list-heading { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 14px;border-bottom:2px solid #222b27; }
.journal-list-heading h2 { font-size:15px;line-height:1.5;font-weight:700;margin:0; }
.journal-list-heading>span,.journal-list-heading>a { font-size:11px;color:#747d77;text-decoration:none; }
.journal-index,.journal-detail { padding-bottom:48px; }
.journal-author { border-block:1px solid #e5e8e5;padding:24px 0;margin-top:32px; }
.journal-author h2 { font-size:17px;margin:8px 0; }
.journal-author p { font-size:13px;line-height:1.9;color:#6b746e;margin:8px 0; }
.journal-text-link,.journal-services-link { font-size:12px;text-underline-offset:4px; }
.journal-services-link { padding-top:24px; }
.journal-cover { display:block;width:100%;height:auto;aspect-ratio:1280/670;object-fit:contain;margin-top:24px; }
.journal-title { padding:24px 0; }
.journal-title h1 { font-size:25px;font-weight:700;letter-spacing:.01em;line-height:1.6;margin:0 0 16px; }
.journal-meta { display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;line-height:1.8;color:#7b827f; }
.journal-meta a { color:#39463e;text-decoration:none; }
.journal-toc { margin:0 0 32px; }
.journal-toc details { background:#f7f8f7;border:1px solid #eceeeb;border-radius:5px;padding:16px 20px; }
.journal-toc summary { font-size:13px;font-weight:600;cursor:pointer; }
.journal-toc ol { padding-left:20px;margin:16px 0 4px; }
.journal-toc li { font-size:12px;line-height:1.8;margin-top:4px; }
.journal-toc a { display:block;padding-block:7px;color:#5c685e;text-decoration:none; }
.journal-toc a:hover { text-decoration:underline; }
.journal-body { font-size:15px;line-height:1.75;overflow-wrap:anywhere; }
.journal-body>p { margin:0 0 22.4px; }
.journal-body p>br:last-child { display:none; }
.journal-body h2 { font-size:20px;line-height:1.6;font-weight:700;margin:2.2em 0 1em;scroll-margin-top:24px; }
.journal-body h3 { font-size:17px;line-height:1.65;font-weight:700;margin:2.2em 0 1em;scroll-margin-top:24px; }
.journal-body blockquote { margin:1.7em 0;padding:4px 0 4px 20px;border-left:3px solid #d9dfda;color:#6b736d;font-size:14px; }
.journal-body blockquote p { margin:0 0 1em; }
.journal-body blockquote p:last-child { margin-bottom:0; }
.journal-body figure { margin:1.7em 0; }
.journal-body figure blockquote { margin-bottom:8px; }
.journal-body figcaption { color:#7b827f;font-size:12px;line-height:1.8; }
.journal-body figure img { display:block;width:100%;max-width:480px;height:auto;margin:0 auto 8px; }
.journal-body .journal-table { overflow-x:auto; }
.journal-body table { width:100%;border-collapse:collapse;font-size:14px;line-height:1.7; }
.journal-body caption { caption-side:top;text-align:left;font-weight:700;font-size:14px;line-height:1.7;margin:0 0 8px; }
.journal-body th,.journal-body td { padding:10px 8px;border-bottom:1px solid #e5e8e5;text-align:left;vertical-align:top; }
.journal-body thead th { color:#6b736d;font-size:12px;font-weight:600;border-bottom-color:#d9dfda; }
.journal-body tbody th { font-weight:700;white-space:nowrap; }
.journal-body ul,.journal-body ol { padding-left:1.4em;margin:1.5em 0; }
.journal-body li { margin:.7em 0; }
.journal-body li p { margin:0; }
.journal-body a { color:#42755e;text-underline-offset:4px; }
.journal-body hr { border:0;border-top:1px solid #e5e8e5;margin:40px 0; }
.journal-body strong,.journal-body b { font-weight:700; }
.journal-end { display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e5e8e5;margin-top:40px;padding-top:20px;font-size:11px; }
.journal-related { margin-top:40px; }
.public-home .home-footer,.journal-page .home-footer { background:#fafbfa; }
@media(min-width:700px) {
 .public-home .header-inner,.journal-header { flex-wrap:nowrap;min-height:82px;padding-top:0; }
 .public-home .home-nav,.journal-nav { width:auto;gap:26px; }
 .public-home .home-nav a,.journal-nav a { font-size:13px;padding:25px 0; }
 .journal-home { padding:36px 0 44px; }
 .journal-home h2,.journal-index-intro h1 { font-size:28px; }
 .journal-home-intro { margin-bottom:10px; }
 .journal-home-layout { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;padding-top:18px; }
 .journal-home-layout .journal-card,.journal-home-layout .journal-card:first-child { display:block;padding:0;border-bottom:0; }
 .journal-home-layout .journal-card-image,.journal-home-layout .journal-card:first-child .journal-card-image { margin:0 0 14px; }
 .journal-home-layout .journal-card h3,.journal-home-layout .journal-card:first-child h3 { font-size:17px; }
 .journal-card { grid-template-columns:minmax(0,1fr) 130px;gap:20px; }
 .journal-card h3 { font-size:17px; }
 .journal-card-bottom { font-size:11px; }
 .journal-more { width:300px;margin-inline:auto; }
 .journal-index .journal-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px;padding-top:26px; }
 .journal-index .journal-card { display:block;padding:0;border-bottom:0; }
 .journal-index .journal-card-image { margin:0 0 15px; }
 .journal-index .journal-card h3 { font-size:17px; }
 .journal-index-intro { padding-block:20px 36px; }
 .journal-author { display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:45px; }
 .journal-text-link { flex-shrink:0; }
 .journal-detail { max-width:720px!important; }
 .journal-title h1 { font-size:32px; }
 .journal-title { padding-block:30px; }
 .journal-meta { font-size:12px; }
 .journal-body { font-size:16px;line-height:1.75; }
 .journal-body>p { margin-bottom:23.8px; }
 .journal-body blockquote { font-size:15px; }
 .journal-body h2 { font-size:23px; }
 .journal-body h3 { font-size:19px; }
 .journal-related .journal-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
 .journal-related .journal-card { display:block;border:0; }
 .journal-related .journal-card-image { margin-bottom:12px; }
 .journal-related .journal-card h3 { font-size:14px; }
}
@media(max-width:359px) {
 .public-home .shell,.journal-page .shell { width:calc(100% - 32px); }
 .public-home .home-nav,.journal-nav { gap:16px; }
 .public-home .home-nav a,.journal-nav a { font-size:11px; }
 .journal-card { grid-template-columns:minmax(0,1fr) 90px;gap:12px; }
 .journal-home-intro { gap:8px; }
}

/* Keep secondary information quieter than titles and actions. */
.public-home .service-panel { background:#fff;border-radius:10px; }
.public-home .service-introduction { padding:20px;border-radius:9px 9px 0 0; }
.public-home .service-introduction h2 { font-size:24px; }
.public-home .service-description { margin-top:8px;font-size:13px;line-height:1.75; }
.public-home .service-body { padding:20px; }
.public-home .service-feature h3 { font-size:16px; }
.public-home .service-feature p { margin:6px 0 12px;font-size:13px;line-height:1.7; }
.public-home .service-note { margin:14px 0 0;font-size:11px;color:#707770; }
.public-home .service-button { min-height:44px;padding:10px 12px;font-size:13px; }
.public-home .service-buttons { display:grid;gap:10px;margin-top:12px; }
.public-home .service-text-link { min-height:44px;margin-top:8px;padding-block:10px;font-size:13px; }

.journal-end a { display:flex;align-items:center;min-height:44px; }
.journal-page a:focus-visible,.journal-toc summary:focus-visible { outline:2px solid #42755e;outline-offset:4px; }
.journal-body hr+h2 { margin-top:0; }

.journal-meta a{color:inherit;text-underline-offset:3px;overflow-wrap:anywhere}

/* Pinned article: one block above the date-ordered cards on the home feature and the article list. */
.journal-pinned { background:#f1f4ef;border:1px solid #dfe6df;border-radius:10px;padding:14px 16px 16px;margin:8px 0 18px; }
.journal-pinned-label,.journal-home .journal-pinned-label,.journal-index .journal-pinned-label { margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.5;color:#42755e; }
.journal-pinned .journal-card { padding:0;border-bottom:0; }
.journal-pinned .journal-card-image { background:#fff; }
.journal-index .journal-pinned .journal-card { display:grid; }
.journal-index .journal-pinned .journal-card-image { margin:3px 0 0; }
@media(min-width:700px) {
 .journal-pinned { padding:18px 22px 20px;margin:14px 0 26px; }
 .journal-pinned .journal-card,.journal-index .journal-pinned .journal-card { display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center; }
 .journal-pinned .journal-card-image,.journal-index .journal-pinned .journal-card-image { margin:0;grid-column:2;grid-row:1; }
 .journal-pinned .journal-card h3 { font-size:19px; }
}