/* Japan Work IFK 3.1.1 — original articles and clearly marked sample jobs */
.blog-hero{padding:46px 0}.blog-hero h1{margin:14px 0 22px}.blog-section{padding-top:52px}.archive-count{display:inline-block;font-size:13px;color:var(--navy);border-left:3px solid var(--green);padding-left:13px}.article-grid{row-gap:42px}.article-card{display:flex;flex-direction:column;min-width:0}.article-body{display:flex;flex-direction:column;flex:1}.article-body .text-link{align-self:flex-start;margin-top:auto}.article-body p{margin-bottom:22px}.article-cover{flex-shrink:0}.article-cover-placeholder{background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:30px;border-bottom:5px solid var(--green)}.article-cover-placeholder span{font-size:11px;letter-spacing:.15em;color:#c4d7df}.article-cover-placeholder strong{font-size:31px;line-height:1.15;font-weight:500}.editorial-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:28px 0 50px}.article-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:30px}.article-breadcrumb a:hover{text-decoration:underline}.editorial-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.editorial-heading.without-cover{grid-template-columns:minmax(0,900px)}.editorial-heading h1{font-size:clamp(30px,3.4vw,48px);line-height:1.18;margin:18px 0 24px;overflow-wrap:anywhere}.editorial-cover{margin:0;min-width:0;aspect-ratio:1.5;overflow:hidden;border-radius:5px;background:#e8eddf}.editorial-cover img{width:100%;height:100%;object-fit:contain}.article-meta{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.article-meta span:first-child{font-weight:600;color:var(--navy)}.archive-note{font-size:12px;border-left:2px solid var(--green);padding-left:12px;margin-top:22px}.article-intro{font-size:18px;line-height:1.65}.editorial-section{padding:54px 0 64px}.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start}.article-reading{font-size:18px;line-height:1.85;min-width:0;color:#183e55;overflow-wrap:anywhere}.article-reading p{color:inherit;margin:0 0 1.3em}.article-reading h2{font-size:29px;margin:1.6em 0 .7em;line-height:1.35}.article-reading h3{font-size:24px;margin:1.4em 0 .6em;line-height:1.35}.article-reading h2,.article-reading h3{scroll-margin-top:130px}.article-reading> :first-child{margin-top:0}.article-reading img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:4px}.article-reading figure{margin:26px 0}.article-reading figcaption{font-size:13px;text-align:center;color:var(--muted)}.article-reading blockquote{margin:28px 0;padding:18px 24px;background:var(--soft);border-left:4px solid var(--green)}.article-reading ul,.article-reading ol{padding-left:1.5em;margin-bottom:1.4em}.article-reading li{margin:.4em 0}.article-reading table{font-size:15px;line-height:1.6}.article-aside{position:sticky;top:120px;display:grid;gap:28px;min-width:0}.article-toc{border:1px solid var(--line);border-radius:5px;padding:20px}.article-toc h2{font-size:17px;margin:0 0 16px}.article-toc ol{list-style:none;padding:0;margin:0;max-height:42vh;overflow:auto}.article-toc li{font-size:14px;line-height:1.5;margin:12px 0}.article-toc .h3{padding-left:14px}.article-toc a:hover{color:#006388;text-decoration:underline}.article-help{background:var(--soft);padding:23px;border-top:3px solid var(--green);border-radius:4px}.article-help h2{font-size:24px;margin:12px 0}.article-help p{font-size:15px}.article-help .btn{font-size:14px;min-height:44px;padding:10px 13px}.article-aside>.text-link{justify-self:start}.related-section{background:var(--soft);border-top:1px solid var(--line);padding:56px 0}.related-section .article-card{background:transparent}.demo-badge{background:#e9f3db;color:#3f5e0d;border:1px solid #bed38c;font-weight:600}.content-notice{border:1px solid #d1dfba;border-left:4px solid var(--green);border-radius:4px;background:var(--soft);padding:18px 22px;margin:0 0 28px}.content-notice strong{display:block;font-size:17px}.content-notice p{font-size:15px;line-height:1.65;margin:7px 0 0}.catalog-search{display:grid;grid-template-columns:1.2fr 1fr 1.1fr auto;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:5px;margin-top:30px;align-items:end}.catalog-search label{display:grid;gap:6px;min-width:0}.catalog-search label>span{font-size:12px;color:var(--muted)}.catalog-search input,.catalog-search select{width:100%;min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:3px;background:white;color:var(--navy);font-size:15px}.catalog-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px}.catalog-tabs a{font-size:15px;padding:10px 16px;border:1px solid var(--line);border-radius:4px}.catalog-tabs a[aria-current]{background:var(--navy);color:white;border-color:var(--navy)}.job-row-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}.job-list article{border-radius:5px}.job-list .grow{min-width:0}.job-list h3{overflow-wrap:anywhere}.job-list .job-meta{margin-bottom:0}.job-title-row h1{overflow-wrap:anywhere}.pagination{margin-top:44px}.article-missing-image{padding:15px;background:var(--soft);font-size:13px;color:var(--muted);border:1px dashed var(--line)}
@media(max-width:1000px){.editorial-heading{gap:28px}.editorial-grid{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.catalog-search{grid-template-columns:1fr 1fr}.catalog-search .btn{width:100%}}
@media(max-width:760px){.editorial-heading,.editorial-grid{grid-template-columns:1fr}.editorial-cover{max-width:100%}.editorial-heading h1{font-size:34px}.article-aside{position:static}.article-toc ol{max-height:none}.article-reading{font-size:17px}.article-reading h2{font-size:27px}.article-breadcrumb{margin-bottom:20px}.editorial-hero{padding:22px 0 34px}.editorial-section{padding-top:35px}.related-section .section-head h2{font-size:30px}.blog-hero h1{font-size:36px}.job-list article>.btn{margin-left:66px}}
@media(max-width:480px){.catalog-search{grid-template-columns:1fr}.editorial-heading h1{font-size:30px}.content-notice{padding:16px}.job-list article>.btn{margin-left:0}.job-list .grow{flex-basis:calc(100% - 66px)}.article-cover-placeholder strong{font-size:27px}.article-meta{gap:8px 14px}.catalog-tabs a{font-size:13px}.result-bar{gap:12px;font-size:14px}}
.article-company{margin-top:40px;padding:26px;background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:5px;font-size:15px;line-height:1.85}.article-company h3{font-size:22px;margin:0 0 18px}.article-company a{overflow-wrap:anywhere}.article-company p:last-child{margin-bottom:0}@media(max-width:480px){.article-company{padding:20px;font-size:14px}}
.blog-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.blog-discovery{padding:30px 32px;background:white;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:5px}.blog-discovery .eyebrow{margin-bottom:12px}.blog-discovery h2{font-size:27px;line-height:1.25;margin:12px 0 24px}.blog-search{display:flex;gap:8px;border:1px solid var(--line);padding:6px;border-radius:4px}.blog-search input{min-width:0;width:100%;border:0;background:white;color:var(--navy);padding:8px;font-size:15px}.blog-search .btn{min-height:42px;padding:10px 13px}.blog-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.blog-topics a{font-size:11px;border:1px solid var(--line);padding:4px 8px;border-radius:3px;color:var(--muted)}.blog-topics a:hover{color:var(--navy);border-color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.blog-hero-grid{gap:30px}}@media(max-width:760px){.blog-hero-grid{grid-template-columns:1fr;gap:28px}.blog-discovery{padding:22px}.blog-discovery h2{font-size:25px}.blog-hero h1{margin-top:10px}.blog-section{padding-top:36px}}
@media(max-width:600px){.chat-launch{width:56px;height:56px;justify-content:center;padding:12px;border-radius:50%;position:relative}.chat-launch>span:not(.chat-dot){display:none}.chat-launch .chat-dot{position:absolute;right:7px;top:7px;width:7px;height:7px}.chat-launch>.icon{width:28px;height:28px}}
