.col-cover{max-width:720px;margin-left:auto;margin-right:auto;height:210px;border-radius:5px;margin-bottom:22px;position:relative;overflow:hidden;border:1px solid #E2E2E2;box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.06));background:linear-gradient(135deg,#8A97A8 0%,#5C6B80 55%,#3A465A 100%);}

.col-cover.has-img{height:auto;}
.col-cover-img{display:block;width:100%;height:auto;}
.col-cat-badge{position:absolute;left:20px;top:18px;background:rgba(255,255,255,.92);color:var(--accent3);font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 12px;border-radius:99px;}

.col-head{max-width:720px;margin:0 auto 8px;}
.col-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:12px;}
.col-title{font-size:34px;font-weight:900;color:var(--t1);line-height:1.32;letter-spacing:-.01em;margin:0 0 16px;}
.col-lead{font-size:18px;color:var(--t2);line-height:1.85;font-weight:500;margin:0 0 18px;}
.col-meta{display:flex;gap:16px;font-size:12px;color:var(--t5);align-items:center;padding-top:18px;border-top:1px dashed var(--border2);}
.col-meta .col-author{display:flex;align-items:center;gap:7px;}
.col-meta .col-ava{width:20px;height:20px;border-radius:50%;background:var(--accent);display:inline-block;}


.column-article{max-width:720px;margin:26px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow,0 4px 14px rgba(0,0,0,.04));padding:44px 48px;}
.column-article h2{scroll-margin-top:calc(var(--header-h,88px) + 20px);font-size:23px;font-weight:900;color:var(--t1);line-height:1.5;letter-spacing:-.01em;margin:36px 0 15px;padding-left:14px;border-left:4px solid var(--accent);}
.column-article h2:first-child{margin-top:0;}
.column-article h3{scroll-margin-top:calc(var(--header-h,88px) + 20px);font-size:23px;font-weight:900;color:var(--t1);line-height:1.5;letter-spacing:-.01em;margin:36px 0 15px;padding-left:14px;border-left:4px solid var(--accent);}
.column-article h3:first-child{margin-top:0;}
.column-article p{font-size:16.5px;line-height:1.95;color:var(--t2);margin:0 0 18px;}
.column-article p strong{color:var(--t1);}
.column-article mark{color:var(--t1);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 22%,transparent) 62%);}
.column-article hr{height:0;border:0;border-top:1px dashed #D6D6D6;margin:32px 0;}
.column-article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.column-article ul,.column-article ol{padding-left:24px;font-size:16.5px;line-height:1.95;color:var(--t2);margin:0 0 18px;}
.column-article li{margin-bottom:7px;}
.column-article blockquote{margin:22px 0;padding:16px 22px;background:var(--bg2);border-left:4px solid var(--accent2);border-radius:0 10px 10px 0;color:var(--t3);font-size:15.5px;line-height:1.9;}
.column-article figure{margin:26px 0;}
.column-article figure img{width:100%;height:auto;border-radius:5px;border:1px solid var(--border);display:block;}
.column-article-body img{max-width:100%;height:auto;border-radius:5px;}
.column-article figcaption{margin-top:10px;font-size:12.5px;color:var(--t5);text-align:center;}


.column-article .jl-embed{display:block;margin:26px auto;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000;}
.column-article .jl-embed--16x9{aspect-ratio:16/9;}
.column-article .jl-embed>iframe,.column-article .jl-embed>video{width:100%;height:100%;display:block;border:0;}

.column-article figure .jl-embed{margin:0;}

.column-article .twitter-tweet{margin:26px auto!important;}


.col-related{max-width:720px;margin:28px auto 0;}
.col-related-hd{font-size:13px;font-weight:800;color:var(--accent3);letter-spacing:.06em;margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.col-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.col-rel-card{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;}
.col-rel-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover,0 8px 20px rgba(0,0,0,.08));border-color:var(--accent);}
.col-rel-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg3);}
.col-rel-lbl{font-size:10px;color:var(--t5);font-weight:800;letter-spacing:.06em;margin-bottom:3px;}
.col-rel-ttl{font-size:14px;font-weight:800;color:var(--t1);line-height:1.35;}

.col-rel-tx{display:flex;flex-direction:column;gap:3px;min-width:0;}
.col-rel-ic img,.jl-rel-ic img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.col-tags{max-width:720px;margin:16px auto 0;display:flex;flex-wrap:wrap;gap:8px;}
.col-tag{font-size:12px;font-weight:700;color:var(--accent3);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid var(--border2);padding:6px 12px;border-radius:99px;text-decoration:none;}
.col-tag:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);}




.colx-pickup{display:grid;grid-template-columns:1.15fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.06));margin-bottom:28px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;}
.colx-pickup:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover,0 14px 32px rgba(0,0,0,.10));}
.colx-pickup-cover{position:relative;min-height:260px;background:linear-gradient(135deg,#FFB088 0%,#F08C50 55%,#D67030 100%);}
.colx-pickup-cover .col-cat-badge{left:20px;top:20px;}
.colx-pickup-flag{position:absolute;right:0;top:20px;background:var(--accent);color:var(--on-accent,#fff);font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 14px 6px 12px;border-radius:8px 0 0 8px;}
.colx-pickup-body{padding:34px 38px;display:flex;flex-direction:column;justify-content:center;}
.colx-pickup-body .p-ttl{font-size:26px;font-weight:900;color:var(--t1);line-height:1.42;letter-spacing:-.01em;margin:0 0 14px;}
.colx-pickup-body .p-ex{font-size:15px;color:var(--t3);line-height:1.85;margin:0 0 18px;}
.colx-pickup-body .p-meta{display:flex;gap:16px;font-size:12px;color:var(--t5);align-items:center;}

.colx-filter{display:flex;gap:10px;align-items:center;margin:0 0 22px;flex-wrap:wrap;}
.colx-chip{font-size:13px;font-weight:700;color:var(--t3);background:var(--surface);border:1.5px solid var(--border2);padding:8px 18px;border-radius:99px;cursor:pointer;text-decoration:none;transition:.15s;}
.colx-chip:hover{border-color:var(--accent);color:var(--t1);}
.colx-chip.is-active{background:var(--accent);color:var(--on-accent,#fff);border-color:transparent;}
.colx-filter .colx-count{margin-left:auto;font-size:12px;color:var(--t5);font-weight:700;}

.colx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.colx-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow,0 4px 14px rgba(0,0,0,.04));text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;}
.colx-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover,0 12px 28px rgba(0,0,0,.10));border-color:var(--accent);}
.colx-card-cover{height:150px;position:relative;background:var(--bg3);}
.colx-card-cover .col-cat-badge{left:12px;top:12px;}
.colx-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.colx-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;}
.colx-mini-tag{font-size:11px;font-weight:700;color:var(--accent3);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:3px 9px;border-radius:99px;}
.colx-card-ttl{font-size:16px;font-weight:800;color:var(--t1);line-height:1.5;margin:0 0 8px;}
.colx-card-ex{font-size:13px;color:var(--t4);line-height:1.75;margin:0 0 14px;flex:1;}
.colx-card-meta{display:flex;gap:12px;font-size:11px;color:var(--t5);align-items:center;padding-top:12px;border-top:1px dashed var(--border2);}

.colx-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:36px;}
.colx-pg{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;color:var(--t3);font-size:14px;font-weight:700;text-decoration:none;transition:.15s;}
.colx-pg:hover{border-color:var(--accent);color:var(--t1);}
.colx-pg.is-active{background:var(--accent);color:var(--on-accent,#fff);border-color:transparent;}
.colx-pg.dots{border:none;background:transparent;pointer-events:none;}


.col-cat-badge.news{color:#2E6BA0;}
.col-cat-badge.notice{color:#2F6B4F;}



body.pc-layout:not(.is-article-open) main.center > .pc-article-center{display:none !important;}
body.pc-layout.is-article-open #screenTop main.center > *:not(.pc-article-center){display:none !important;}
body.pc-layout.is-article-open #screenTop main.center{padding:16px 0 40px !important;}

body.pc-layout.is-article-open #screenTop main.center > .pc-article-center{display:block !important;}


body.pc-layout.is-article-open .wrap{
  grid-template-columns:260px minmax(0,1fr) 320px !important;
  grid-template-areas:"header header header" "rail center aux" !important;
}

body.pc-layout.is-article-open.is-preview-open .wrap{
  grid-template-columns:260px minmax(0,1fr) 400px !important;
}

body.pc-layout.is-article-open .aux{display:flex !important;}


.jl-article-ssr{max-width:720px;margin:0 auto;padding:0;}

body.pc-layout.is-article-open #pcCta{display:none !important;}
body.pc-layout.is-article-open #screenTop #pcCta{display:none !important;}
.jl-article-index-ssr{max-width:1120px;margin:0 auto;padding:8px 8px 40px;}


body.pc-layout.is-article-open .aux > :not(#jlArticleAux){display:none !important;}
#jlArticleAux{display:flex;flex-direction:column;gap:16px;width:100%;}
.jl-side-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow,0 4px 14px rgba(0,0,0,.04));overflow:hidden;}
.jl-side-hd{margin:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border);font-size:13px;font-weight:900;color:var(--t1);}
.jl-side-new{font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--like-color,#F43F5E);padding:2px 7px;border-radius:6px;}
.jl-side-nw{display:flex;align-items:center;gap:12px;padding:11px 16px;text-decoration:none;color:inherit;border-bottom:1px dashed var(--border2);}
.jl-side-nw:last-child{border-bottom:none;}
.jl-side-nw:hover{background:var(--bg2);}
.jl-side-th{width:56px;height:56px;border-radius:10px;flex:0 0 auto;background-size:cover;background-position:center;background-color:var(--bg3);border:1px solid var(--border);}
.jl-side-th.noimg{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.04em;color:var(--t5);background:linear-gradient(135deg,var(--bg2),var(--bg3));}
.jl-side-tx{display:flex;flex-direction:column;gap:4px;min-width:0;}
.jl-side-ti{font-size:13px;font-weight:700;color:var(--t1);line-height:1.5;}
.jl-side-mt{font-size:11px;color:var(--t5);font-weight:600;}
.jl-side-empty{padding:16px;color:var(--t5);font-size:13px;text-align:center;}


.jl-rel-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;border-bottom:1px dashed var(--border2);cursor:pointer;}
.jl-rel-item:last-child{border-bottom:none;}
.jl-rel-item:hover{background:var(--bg2);}
.jl-rel-ic{width:40px;height:40px;border-radius:11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:20px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));}
.jl-rel-tx{display:flex;flex-direction:column;gap:3px;min-width:0;}
.jl-rel-lbl{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent3);}
.jl-rel-ti{font-size:13px;font-weight:700;color:var(--t1);line-height:1.4;}

body.pc-layout.is-article-open.is-preview-open #jlArticleAux{visibility:hidden !important;}

body.pc-layout.is-article-open:is(.wt-event-open,.res-detail-open,.route-timeline-open) .wrap{grid-template-columns:260px minmax(0,1fr) 400px !important;}
body.pc-layout.is-article-open:is(.wt-event-open,.res-detail-open,.route-timeline-open) #jlArticleAux{visibility:hidden !important;}


body.pc-layout.is-article-open:has(#userSheet[aria-hidden="false"]) .wrap{grid-template-columns:260px minmax(0,1fr) 400px !important;}
body.pc-layout.is-article-open:has(#userSheet[aria-hidden="false"]) #jlArticleAux{visibility:hidden !important;}


.col-crumb{max-width:720px;margin:0 auto 14px;font-size:13px;color:var(--t4);display:flex;align-items:center;gap:8px;font-weight:700;flex-wrap:wrap;}
.col-crumb{background:var(--surface);border:1px solid #E2E2E2;border-radius:5px;padding:8px 12px;}
.col-crumb a{color:var(--t4);text-decoration:none;}
.col-crumb a:hover{color:var(--accent);}
.col-crumb .sep{color:var(--t5);}
.col-crumb .cur{color:var(--accent3);}


.col-share{max-width:720px;margin:18px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow,0 4px 14px rgba(0,0,0,.04));padding:16px 18px;}
.col-share-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.col-sbtn{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border:1.5px solid var(--border2);border-radius:12px;background:var(--surface);color:var(--t2);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s;}
.col-sbtn:hover{border-color:var(--accent);color:var(--t1);background:color-mix(in srgb,var(--accent) 5%,var(--surface));}
.col-sbtn .x{font-weight:900;font-size:15px;font-family:var(--mono);}

button.col-sbtn{font-family:inherit;width:100%;padding:0;-webkit-appearance:none;appearance:none;}
.col-sbtn .col-sbtn-ic{width:16px;height:16px;flex:0 0 auto;}


.col-author-box{font-style:normal;max-width:720px;margin:18px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow,0 4px 14px rgba(0,0,0,.04));padding:22px 26px;}
.col-ab-top{display:flex;align-items:flex-start;gap:16px;}
.col-ab-av{width:64px;height:64px;border-radius:50%;flex:0 0 auto;object-fit:cover;border:1px solid var(--border2);background:var(--bg3);}
.col-ab-av-orbit{display:block;border:none;border-radius:0;background:none;}
.col-ab-main{flex:1;min-width:0;}
.col-ab-namerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.col-ab-edited{font-size:12px;color:var(--t5);font-weight:700;}
.col-ab-name{font-size:19px;font-weight:900;color:var(--t1);}
.col-ab-role{font-size:11px;font-weight:800;color:var(--accent3);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--border2);padding:3px 10px;border-radius:99px;}
.col-ab-listbtn{margin-left:auto;font-size:12px;font-weight:700;color:var(--t3);background:var(--surface);border:1.5px solid var(--border2);border-radius:99px;padding:7px 16px;text-decoration:none;white-space:nowrap;}
.col-ab-listbtn:hover{border-color:var(--accent);color:var(--t1);}
.col-ab-bio{font-size:13.5px;line-height:1.85;color:var(--t3);margin-top:12px;}

.col-ab-bio:has(+ .col-ab-xbn){margin-bottom:0;}
.col-ab-xbn{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:7px 14px 7px 8px;min-width:180px;background:#26262B;color:#fff;border-radius:6px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1;}
.col-ab-xbn:hover{background:#000;color:#fff;}
.col-ab-xbn-ic{width:24px;height:24px;flex:0 0 auto;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.col-ab-xbn-ic svg{width:11px;height:11px;}
.col-ab-xbn-id{flex:1 1 auto;}
.col-ab-xbn-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#D58A4A;margin-left:12px;}

.col-ab-meta{margin-top:18px;padding-top:16px;border-top:1px dashed var(--border2);display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:12px;}
.col-ab-mk{display:flex;align-items:baseline;gap:12px;min-width:0;}
.col-ab-lbl{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--t5);}
.col-ab-val{color:var(--t3);font-weight:600;word-break:break-all;}
a.col-ab-val{color:var(--t3);text-decoration:none;}



body.pc-layout.is-article-open.is-article-index .wrap{
  grid-template-columns:260px minmax(0,1fr) !important;
  grid-template-areas:"header header" "rail center" !important;
}
body.pc-layout.is-article-index .aux{display:none !important;}

.colx-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px 44px;margin-bottom:26px;box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.06));}
.colx-hero-k{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.colx-hero-k::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--accent) 0%,transparent 60%);}
.colx-hero-ttl{font-size:34px;font-weight:900;color:var(--t1);line-height:1.3;letter-spacing:-.02em;margin:0 0 12px;}
.colx-hero-lead{font-size:16px;color:var(--t2);line-height:1.85;font-weight:500;margin:0;}
.colx-empty{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;text-align:center;color:var(--t5);font-size:14px;}


body.is-article-open.jl-art-preview #previewSheet .preview-api-candidate-notice{display:none !important;}


.jl-copy-toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(12px);background:var(--surface,#fff);border:1px solid var(--border2,#ddd);border-radius:99px;padding:9px 18px;font-size:13px;font-weight:700;color:var(--t1,#222);box-shadow:0 6px 16px rgba(0,0,0,.12);z-index:2147483000;white-space:nowrap;opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;}
.jl-copy-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0);}
.jl-copy-ta{position:fixed;top:-1000px;left:0;opacity:0;}



.jl-free{min-width:0;}
.jl-free img{max-width:100%;height:auto;}
.jl-free iframe{max-width:100%;}



.col-kicker:not(:is(.jl-m-body,.m-article-center) .col-kicker){display:inline-block;font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:0;line-height:16px;color:#828282;text-transform:none;background:var(--surface,#FFF);border:1px solid #ECEAEA;border-radius:999px;padding:7px 28px;margin-bottom:8px;}

.col-cover .col-cat-badge{display:none;}