.column-journal{max-width:960px;margin:0 auto;padding:38px 26px 80px}.column-journal>header{border-bottom:2px solid var(--ink,#25252d);padding:18px 0 34px}.column-journal h1{letter-spacing:-.035em;margin:10px 0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.45}.column-journal>header p{color:var(--ink-soft,#575761);font-size:1rem;line-height:1.8}.column-entry{border-bottom:1px solid var(--line,#ceced4);scroll-margin-top:100px}.column-entry>summary{cursor:pointer;min-height:130px;padding:26px 62px 28px 0;list-style:none;position:relative}.column-entry>summary::-webkit-details-marker{display:none}.column-entry>summary:focus-visible{outline:2px solid var(--teal,#236c70);outline-offset:5px}.column-entry-meta{align-items:center;gap:15px;margin-bottom:12px;font-size:.875rem;display:flex}.column-genre{color:var(--teal,#236c70);border:1px solid;border-radius:3px;padding:3px 10px;line-height:1.5;display:inline-block}.column-entry time{color:var(--ink-soft,#575761);font-variant-numeric:tabular-nums}.column-entry h2{overflow-wrap:anywhere;font-size:clamp(1.15rem,2.3vw,1.45rem);font-weight:750;line-height:1.65}.column-preview{color:var(--ink-soft,#575761);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:1rem;line-height:1.85;display:-webkit-box;overflow:hidden}.column-toggle{border:1px solid var(--line,#c0c0c9);border-radius:50%;width:27px;height:27px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.column-toggle:before,.column-toggle:after{content:"";background:currentColor;width:11px;height:1px;position:absolute;top:12px;left:7px}.column-toggle:after{transform:rotate(90deg)}.column-entry[open] .column-toggle:after{display:none}.column-entry[open]>summary{padding-bottom:22px}.column-reading{max-width:780px;padding:0 0 36px}.column-byline{border-top:1px solid var(--line,#ceced4);color:var(--ink-soft,#575761);flex-wrap:wrap;gap:18px;padding:14px 0 20px;font-size:.875rem;display:flex}.column-byline>a:last-child{margin-left:auto}.column-reading .editorial-prose>p:first-child{margin-top:0}.column-reading .editorial-prose p{overflow-wrap:anywhere;font-size:1rem;line-height:2}.column-reading .editorial-prose h2{margin-top:28px;font-size:1.2rem}.column-reading .editorial-prose a,.cms-prose a{color:var(--teal,#236c70);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.column-empty{padding:30px 0;font-size:1rem;line-height:1.9}@media (max-width:640px){.column-journal{padding:23px 18px 60px}.column-entry>summary{padding:22px 41px 23px 0}.column-entry h2{font-size:1.2rem}.column-toggle{right:0}.column-reading{padding-bottom:30px}.column-entry-meta{gap:10px}.column-preview{-webkit-line-clamp:3}.column-byline{gap:10px}.column-byline>a:last-child{margin-left:0}}.column-journal,.column-article{--ink:#fff;--ink-soft:#fff;--line:#485665;--teal:#b6eaf9;color:#fff}.column-journal :is(h1,h2,.eyebrow,.column-preview,.column-byline,time),.column-journal>header p,.column-article :is(h1,.editorial-summary,.editorial-byline,.editorial-breadcrumb),.column-reading .editorial-prose,.column-article .editorial-prose,.column-reading .editorial-prose :is(p,li,h2,a),.column-article .editorial-prose :is(p,li,h2,a),.column-reading .editorial-prose h2:before,.column-article .editorial-prose h2:before{color:#fff}.column-reading .editorial-prose ul,.column-article .editorial-prose ul{background:#15202b;border-color:#71899e}.column-article .editorial-paper{color:#fff;background:#0e151d;border:1px solid #485665;border-radius:.5rem}.column-genre{--genre-background:#166534;color:#fff;background:var(--genre-background);letter-spacing:0;border:0;border-radius:.375rem;padding:.3125rem .75rem;font-size:.875rem;font-weight:700;line-height:1.6}.column-genre[data-genre=X運用]{--genre-background:#166534}.column-genre[data-genre=SNS運用]{--genre-background:#075985}.column-genre[data-genre=マーケティング]{--genre-background:#9a3412}.column-genre[data-genre=AI活用]{--genre-background:#6b21a8}.column-genre[data-genre=動画編集]{--genre-background:#9f1239}.column-genre[data-genre=デザイン]{--genre-background:#115e59}.column-genre[data-genre=創作]{--genre-background:#3730a3}.column-article .editorial-hero>.column-genre{color:#fff;letter-spacing:0;font-size:.875rem}
