/* Editorial design for the startup diary.
   Scoped to /kaigyo/: no shared assets or application styles. */
:root{
  color-scheme:light;
  --paper:#f8f5ec;
  --paper-dark:#f0ece0;
  --ink:#252a25;
  --muted:#555e53;
  --rule:#b9b6a9;
  --rust:#a53e29;
  --soft:#e9e3d5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:36px}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;
  font-size:17px;line-height:1.95;-webkit-font-smoothing:antialiased
}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
.wrap{width:min(1080px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:10px 14px;z-index:20}
.skip-link:focus{top:10px}
.masthead{border-bottom:1px solid var(--ink)}
.masthead-inner{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.masthead-brand{font-size:14px;font-weight:850;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.masthead-nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.masthead-nav a{font-size:13px;text-decoration:none;font-weight:750;white-space:nowrap}
.masthead-nav a:hover{color:var(--rust)}
.cover{overflow:hidden;border-bottom:3px double var(--ink)}
.cover-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:54px;padding-top:71px;padding-bottom:64px}
.issue-line{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--rust);margin:0 0 27px}
.issue-line:after{content:"";height:1px;background:var(--rust);flex:1;max-width:175px}
.cover-title{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(43px,6.1vw,79px);font-weight:800;letter-spacing:-.075em;line-height:1.37;margin:0}
.cover-title span{display:block}
.cover-title em{display:block;margin-top:2px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(92px,11vw,148px);font-style:normal;font-weight:400;line-height:1.03;color:var(--rust);letter-spacing:-.085em}
.cover-description{margin:26px 0 0;padding-left:22px;border-left:3px solid var(--rust);font-size:clamp(16px,1.8vw,19px);font-weight:550;max-width:670px;line-height:1.95}
.cover-jump{display:inline-flex;align-items:center;gap:15px;margin-top:24px;font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
.cover-jump:hover{color:var(--rust);border-color:var(--rust)}
.cover-side{position:relative;border-left:1px solid var(--rule);padding:9px 0 0 25px;display:flex;flex-direction:column;justify-content:space-between;align-items:start}
.cover-side-top{font-family:Georgia,serif;font-size:15px;font-style:italic;letter-spacing:.03em;color:var(--rust)}
.cover-side-stamp{font-family:Georgia,serif;writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-end;font-size:clamp(52px,6vw,81px);line-height:1;color:#c7beae;letter-spacing:.02em;font-weight:400}
.cover-side-bottom{font-size:12px;line-height:1.7;font-weight:750;letter-spacing:.08em}
.main-column{max-width:840px}
.editor-section{display:grid;grid-template-columns:162px minmax(0,1fr);gap:25px;border-bottom:1px solid var(--rule);padding:74px 0 78px}
.section-index{font-family:Georgia,serif;color:var(--rust);font-size:16px;line-height:1.6;margin:0}
.section-index span{display:block;font-size:12px;color:var(--muted);letter-spacing:.13em;font-family:inherit;margin-top:6px}
.section-title{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:800;font-size:clamp(29px,3.1vw,38px);letter-spacing:-.06em;line-height:1.5;margin:0 0 26px}
.story p{margin:0 0 18px}
.story p:last-child{margin-bottom:0}
.intro-first{font-weight:850;font-size:clamp(19px,2.2vw,24px)}
.profile-section{padding-top:68px;padding-bottom:78px}
.profile-section .section-index{position:relative}
.profile-section .section-index:after{content:"";display:block;width:34px;height:1px;background:var(--rust);margin-top:20px}
.profile-copy{max-width:780px}
.profile-copy strong{font-weight:900;color:var(--rust)}
.profile-annotation{display:block;margin-top:28px;font-family:Georgia,serif;font-style:italic;font-size:13px;color:#786f60;letter-spacing:.02em}
.diary{padding-top:82px;padding-bottom:115px}
.diary-heading{display:grid;grid-template-columns:162px minmax(0,1fr);gap:25px;margin-bottom:32px}
.diary-heading .section-title{margin-bottom:13px}
.diary-lead{color:var(--muted);margin:0;max-width:680px}
.chapter-collection{border-top:2px solid var(--ink)}
.chapter{border-bottom:1px solid var(--ink)}
.chapter summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:132px minmax(0,1fr) 64px;align-items:start;gap:22px;padding:30px 0 32px;transition:background-color .18s ease}
.chapter summary::-webkit-details-marker{display:none}
.chapter summary::marker{content:""}
.chapter summary:hover{background:rgba(165,62,41,.035)}
.chapter-num{font-family:Georgia,serif;font-size:clamp(64px,7vw,94px);line-height:1;color:var(--rust);letter-spacing:-.08em;font-weight:400}
.chapter-issue{display:block;font-size:12px;font-weight:850;letter-spacing:.13em;margin:5px 0 10px;color:#715a48}
.chapter-title{display:block;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(25px,3.1vw,39px);line-height:1.45;letter-spacing:-.065em;font-weight:800}
.chapter-hook{display:block;margin-top:15px;font-size:16px;line-height:1.8;color:var(--muted);max-width:650px}
.chapter-action{align-self:center;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--rust)}
.chapter-action-symbol{font-size:40px;font-weight:300;line-height:1}
.chapter-action-label{font-size:11px;font-weight:800;white-space:nowrap}
.chapter details[open] .chapter-action-symbol{transform:rotate(45deg)}
.chapter-content{margin:0 0 40px 154px;max-width:690px;border-left:3px solid var(--rust);padding:0 0 0 28px}
.chapter-content p{margin:0 0 14px;color:var(--muted);font-size:15px}
.chapter-content ul{list-style:none;padding:0;margin:0}
.chapter-content li{padding:10px 0;border-bottom:1px dashed var(--rule);font-size:16px;line-height:1.75}
.chapter-content li:last-child{border-bottom:0}
.chapter-content li:before{content:"・";color:var(--rust);margin-right:4px;font-weight:900}
.chapter-content .publishing-note{font-size:12px;margin-top:18px;margin-bottom:0;color:#756f65}
.postscript{margin-top:54px;display:grid;grid-template-columns:162px minmax(0,1fr);gap:25px;padding-top:23px;border-top:1px dashed var(--rule)}
.postscript-label{font-size:13px;font-weight:850;color:var(--rust);letter-spacing:.06em}
.postscript p{font-size:16px;color:var(--muted);margin:0}
.site-footer{border-top:1px solid var(--ink);padding:30px 0 40px}
.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:24px}
.footer-title{font-size:14px;font-weight:900}
.footer-note{color:var(--muted);font-size:12px;max-width:720px;line-height:1.7;margin:9px 0 0}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;white-space:nowrap}
.footer-links a{font-size:12px}
@media(max-width:850px){
  .cover-layout{grid-template-columns:minmax(0,1fr) 120px;gap:24px}
  .cover-side{padding-left:17px}
  .editor-section,.diary-heading,.postscript{grid-template-columns:115px minmax(0,1fr);gap:20px}
  .chapter summary{grid-template-columns:102px minmax(0,1fr) 50px;gap:14px}
  .chapter-content{margin-left:116px}
}
@media(max-width:590px){
  body{font-size:16px}
  .wrap{width:calc(100% - 36px)}
  .masthead-inner{min-height:59px;gap:8px}
  .masthead-brand{font-size:13px}
  .masthead-nav{gap:13px}
  .masthead-nav a{font-size:12px}
  .masthead-nav a:nth-child(2){display:none}
  .cover-layout{grid-template-columns:minmax(0,1fr);padding-top:52px;padding-bottom:53px}
  .cover-side{display:none}
  .issue-line{font-size:11px;margin-bottom:22px}
  .cover-title{font-size:clamp(36px,9.2vw,57px);letter-spacing:-.07em}
  .cover-title em{font-size:clamp(85px,23vw,134px)}
  .cover-description{margin-top:19px;padding-left:15px;font-size:16px}
  .editor-section,.diary-heading,.postscript{display:block}
  .editor-section{padding:52px 0 54px}
  .section-index{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
  .section-index span{display:inline;margin:0}
  .section-title{font-size:29px;margin-bottom:20px}
  .profile-section .section-index:after{display:none}
  .diary{padding:62px 0 79px}
  .diary-heading{margin-bottom:25px}
  .diary-lead{font-size:15px}
  .chapter summary{grid-template-columns:57px minmax(0,1fr) 25px;gap:11px;padding:26px 0 27px}
  .chapter-num{font-size:51px;letter-spacing:-.08em}
  .chapter-issue{font-size:11px;margin:2px 0 9px}
  .chapter-title{font-size:clamp(23px,5.8vw,31px);line-height:1.45}
  .chapter-title br{display:none}
  .chapter-hook{font-size:15px;margin-top:11px}
  .chapter-action-symbol{font-size:26px}
  .chapter-action-label{display:none}
  .chapter-content{margin:0 0 30px 68px;padding-left:16px}
  .chapter-content li{font-size:15px}
  .postscript{margin-top:41px}
  .postscript-label{display:block;margin-bottom:8px}
  .footer-inner{display:block}
  .footer-links{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .chapter summary{transition:none}
}


/* ---- Compact issue layout / unpublished chapters (2026-10-21) ----
   Preserve editorial hierarchy and accessible body copy. Pending entries are
   intentionally not links or disclosure buttons until an article exists. */
.cover-layout{grid-template-columns:minmax(0,1fr) 160px;gap:36px;padding-top:43px;padding-bottom:42px}
.issue-line{margin-bottom:13px}
.cover-title{font-size:clamp(38px,4.7vw,63px);line-height:1.21}
.cover-title span:first-child,.cover-title span:nth-child(2){display:inline}
.cover-title span:nth-child(3){display:block}
.cover-title em{display:inline-block;margin:0 0 0 21px;font-size:clamp(61px,7.5vw,100px);line-height:1.01;vertical-align:baseline}
.cover-description{margin-top:15px;font-size:17px;line-height:1.85}
.cover-jump{margin-top:13px}
.cover-side-stamp{font-size:59px}
.editor-section{grid-template-columns:122px minmax(0,1fr);gap:24px;padding:49px 0 52px}
.profile-section{padding-top:44px;padding-bottom:51px}
.section-title{margin-bottom:17px}
.story p{margin-bottom:11px;line-height:1.83}
.profile-copy{max-width:820px}
.diary{padding-top:51px;padding-bottom:73px}
.diary-heading{grid-template-columns:122px minmax(0,1fr);gap:24px;margin-bottom:19px}
.diary-heading .section-title{margin-bottom:9px}
.chapter-collection{border-top:2px solid var(--ink)}
.chapter{border-bottom:1px solid var(--rule)}
.chapter-row{display:grid;grid-template-columns:79px minmax(0,1fr) 82px;gap:17px;align-items:center;padding:18px 14px 19px 0}
.chapter-num{font-size:65px;line-height:1;color:#acada4}
.chapter-issue{margin:0 0 4px;color:#797d75}
.chapter-title{font-size:clamp(22px,2.4vw,31px);line-height:1.36;margin:0;color:#505850}
.chapter-hook{font-size:15px;line-height:1.7;margin-top:7px;color:#6c7068}
.chapter-status{justify-self:end;align-self:center;white-space:nowrap;font-size:13px;font-weight:800;color:#6d7169;padding:4px 10px;border:1px solid #c9cbc5;background:#e5e5e0;border-radius:3px;line-height:1.5}
.chapter--pending{background:#efeee8}
.chapter--pending .chapter-row{cursor:default}
.postscript{grid-template-columns:122px minmax(0,1fr);gap:24px;margin-top:34px;padding-top:19px}
@media(max-width:850px){
  .cover-layout{grid-template-columns:minmax(0,1fr) 115px;gap:18px}
  .editor-section,.diary-heading,.postscript{grid-template-columns:90px minmax(0,1fr);gap:16px}
  .chapter-row{grid-template-columns:58px minmax(0,1fr) 75px;gap:11px;padding-right:9px}
  .chapter-num{font-size:56px}
}
@media(max-width:590px){
  .cover-layout{display:block;padding-top:34px;padding-bottom:31px}
  .cover-title{font-size:clamp(32px,8.7vw,47px);line-height:1.27}
  .cover-title span:first-child,.cover-title span:nth-child(2){display:block}
  .cover-title span:nth-child(3){display:inline-block}
  .cover-title em{font-size:clamp(55px,15vw,85px);margin-left:12px;vertical-align:baseline}
  .cover-description{margin-top:12px;font-size:16px;line-height:1.78}
  .cover-jump{margin-top:10px}
  .issue-line{margin-bottom:11px}
  .editor-section{display:block;padding:36px 0 40px}
  .section-title{margin-bottom:13px}
  .profile-section{padding-top:36px;padding-bottom:43px}
  .story p{margin-bottom:11px;line-height:1.8}
  .diary{padding-top:43px;padding-bottom:57px}
  .diary-heading{display:block;margin-bottom:17px}
  .chapter-row{position:relative;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;padding:18px 10px 19px 0}
  .chapter-num{font-size:39px;line-height:1.14}
  .chapter-issue{font-size:11px;margin-top:0;margin-bottom:5px}
  .chapter-title{font-size:22px;padding-right:65px;line-height:1.45}
  .chapter-hook{font-size:14px;line-height:1.7;margin-top:6px}
  .chapter-status{position:absolute;right:9px;top:19px;padding:2px 7px;font-size:11px}
  .postscript{display:block;margin-top:28px;padding-top:17px}
}


/* ---- Expandable chapter outlines and article readiness (2026-10-21) ---- */
/* Parent chapter: always interactive. Individual story headlines:
   draft = gray, plain text (no dead link);
   published = dark, clickable link to actual article. */
.chapter summary.chapter-row{
  display:grid;
  grid-template-columns:79px minmax(0,1fr) 108px;
  gap:17px;
  align-items:center;
  padding:19px 15px 20px 0;
  list-style:none;
  cursor:pointer;
}
.chapter summary.chapter-row::-webkit-details-marker{display:none}
.chapter summary.chapter-row::marker{content:""}
.chapter summary.chapter-row:hover{background:rgba(165,62,41,.04)}
.chapter summary.chapter-row:focus-visible{outline:3px solid #a53e29;outline-offset:2px}
.chapter .chapter-num{font-size:61px;color:var(--rust)}
.chapter .chapter-title{display:block;color:var(--ink);font-weight:850;line-height:1.34}
.chapter .chapter-hook{color:#53584f}
.chapter .chapter-status{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-self:end;
  gap:7px;
  padding:4px 0 4px 9px;
  border:0;
  border-left:1px solid #b8b1a4;
  border-radius:0;
  background:transparent;
  color:#8d4937;
  font-size:13px;
  font-weight:850;
}
.chapter-toggle{display:inline-block;font-size:23px;line-height:1;transition:transform .18s ease}
.chapter details[open] .chapter-toggle{transform:rotate(45deg)}
.chapter details[open] > summary{border-bottom:1px solid #c5bfb3}
.chapter-index{
  padding:19px 25px 22px 97px;
  background:#f2efe6;
}
.chapter-index-caption{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;
  margin:0 0 7px;
  font-weight:850;font-size:14px;letter-spacing:.015em;
}
.chapter-index-caption span{font-size:12px;color:#666e66;font-weight:550}
.chapter-list{list-style:none;margin:0;padding:0}
.chapter-item{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 58px;
  align-items:start;
  gap:14px;
  padding:11px 0;
  border-bottom:1px dashed #cbc7bd;
  font-size:15px;line-height:1.75;
}
.chapter-item:last-child{border-bottom:0}
.chapter-item-number{
  font-family:Georgia,serif;font-size:15px;letter-spacing:-.01em;color:#777a74;
}
.chapter-item--draft .chapter-item-title{color:#6d736c;cursor:default}
.chapter-item--draft .chapter-item-label{
  color:#686e69;font-size:12px;font-weight:750;
  justify-self:end;white-space:nowrap;margin-top:3px;
}
.chapter-item--published .chapter-item-title{color:#1c2721;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.chapter-item--published .chapter-item-title:hover{color:var(--rust)}
.chapter-item--published .chapter-item-number{color:var(--rust)}
.chapter-item--published .chapter-item-label{color:#555e54;font-size:12px;justify-self:end}
@media(max-width:850px){
  .chapter summary.chapter-row{grid-template-columns:60px minmax(0,1fr) 82px;gap:11px;padding-right:9px}
  .chapter .chapter-num{font-size:53px}
  .chapter-index{padding-left:70px;padding-right:15px}
}
@media(max-width:590px){
  .chapter summary.chapter-row{
    position:relative;
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:17px 8px 18px 0;
  }
  .chapter .chapter-num{font-size:39px}
  .chapter .chapter-title{font-size:22px;padding-right:62px;line-height:1.43}
  .chapter .chapter-hook{font-size:14px;line-height:1.7}
  .chapter .chapter-status{position:absolute;right:6px;top:20px;padding:0 0 0 7px;font-size:12px;gap:2px}
  .chapter-toggle{font-size:20px}
  .chapter-index{padding:15px 12px 17px 18px}
  .chapter-index-caption{font-size:13px}
  .chapter-index-caption span{font-size:11px}
  .chapter-item{grid-template-columns:20px minmax(0,1fr) 45px;gap:7px;font-size:14px;padding:9px 0}
  .chapter-item--draft .chapter-item-label,
  .chapter-item--published .chapter-item-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.chapter-toggle{transition:none}}


/* Cover title update: longer editorial heading with 2026 retained in the issue line. */
.cover-title{font-size:clamp(32px,4.5vw,58px);line-height:1.28;overflow-wrap:anywhere}
.cover-title span,.cover-title span:first-child,.cover-title span:nth-child(2),.cover-title span:nth-child(3){display:block}
.cover-title .cover-title-ending{color:var(--rust)}
@media(max-width:590px){
  .cover-title{font-size:clamp(24px,7vw,38px);line-height:1.33}
  .cover-title span,.cover-title span:first-child,.cover-title span:nth-child(2),.cover-title span:nth-child(3){display:block}
}

/* Chapter list: no duplicate display numbering; clear three-line headings. */
.profile-section.editor-section,.diary-heading{display:block}
.profile-section .profile-copy,.diary-heading > div{max-width:820px}
.chapter summary.chapter-row{grid-template-columns:minmax(0,1fr) 38px;gap:12px;padding:21px 8px 22px 0;align-items:center}
.chapter .chapter-issue{display:block;margin:0 0 3px;font-size:13px;line-height:1.5;color:#6f6256}
.chapter-phase{display:block;margin:0 0 6px;font-size:19px;font-weight:750;line-height:1.45;color:var(--rust)}
.chapter .chapter-title{padding:0;max-width:36ch;overflow-wrap:break-word}
.chapter .chapter-status{position:static;justify-self:end;align-self:center;padding:0 0 0 7px}
.chapter-index{padding-left:24px}
@media(max-width:850px){
  .chapter summary.chapter-row{grid-template-columns:minmax(0,1fr) 36px;gap:8px}
  .chapter-index{padding-left:16px}
}
@media(max-width:590px){
  .chapter summary.chapter-row{position:relative;grid-template-columns:minmax(0,1fr) 30px;gap:7px;align-items:start;padding:18px 4px 19px 0}
  .chapter .chapter-issue{font-size:12px;margin:0 0 4px}
  .chapter-phase{font-size:18px;margin-bottom:5px}
  .chapter .chapter-title{font-size:clamp(20px,5.2vw,23px);line-height:1.43;padding-right:0}
  .chapter .chapter-status{right:auto;top:auto;padding:4px 0 0 5px;gap:0}
  .chapter-index{padding:15px 12px 17px 12px}
}