.cadhead{padding:30px 0 0}
.cadhead .box{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:0 34px;align-items:end;padding-bottom:22px}
.cadhead .box>.letter{grid-row:1/3}
.cadhead .box>.letter{align-self:stretch;display:flex;align-items:flex-end}
.cadhead .letter{font-family:var(--disp);font-weight:800;font-variation-settings:"wdth" 85;font-size:190px;line-height:.74;color:var(--forest);background:var(--green);padding:14px 22px 0;letter-spacing:-.012em}
.cadhead .nm small{display:block;font-family:var(--disp);font-weight:700;font-size:15px;color:var(--green-deep);margin-bottom:10px}
.cadhead h1{font-size:clamp(52px,7.4vw,112px)}
.cadhead .desc{grid-column:2;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.4;color:var(--ink-2);max-width:52ch;text-align:left;border-left:3px solid var(--green);padding-left:20px;margin:18px 0 6px}
.cadhead nav{display:flex;gap:6px 26px;flex-wrap:wrap;font-family:var(--disp);font-weight:700;font-size:15px;padding:14px 0;border-bottom:1px solid var(--hair)}
.cadhead nav a{color:var(--ink-2)}
.cadhead nav a:hover{color:var(--ink)}
.cadhead nav a[aria-current]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--green)}
.cadhead .more-ind{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);align-items:center;justify-content:center;pointer-events:none}

.man{padding:38px 0 30px}
.man .wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:0 32px}
.man .big{grid-column:1/8;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0 28px;align-content:start}
.man .big .ph{grid-column:2;grid-row:1/4;align-self:start;margin-top:14px}
.man .big .kick,.man .big h2,.man .big p{grid-column:1}
.man .big h2{font-size:clamp(40px,4vw,58px);margin-top:4px}
.man .big p{margin-top:14px;color:var(--ink-2);font-size:19px;max-width:54ch}
.man .side{grid-column:8/-1;border-left:1px solid var(--green-deep);padding-left:32px;display:flex;flex-direction:column}
.man .side a{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--hair)}
.man .side a:last-of-type{border-bottom:0;margin-bottom:0}
.man .side h3{font-family:var(--disp);font-weight:700;font-size:25px;line-height:1.14;letter-spacing:-.012em}
.man .side p{font-size:16px;color:var(--ink-2);margin-top:6px}

.all{padding:24px 0 56px}
.tools{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--hair);margin-bottom:28px}
.tools h2{font-family:var(--disp);font-weight:800;font-variation-settings:"wdth" 85;font-size:28px;letter-spacing:-.012em;line-height:1}
.filt{display:flex;gap:8px;flex-wrap:wrap;border:0}
.filt legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.filt button{font-family:var(--disp);font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--hair);background:transparent;color:var(--ink);border-radius:3px;cursor:pointer}
.filt button small{font-weight:600;color:var(--ink-2)}
.filt button:hover{border-color:var(--ink)}
.filt button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.filt button[aria-pressed=true] small{color:#B9C6C1}
.filt button[aria-pressed=true] .d-conf{background:var(--green)}
.filt button[aria-pressed=true] .d-forte{background:var(--paper)}
.filt button[aria-pressed=true] .d-rumor{border-color:var(--amber-lt)}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 56px}
.cols .c{min-width:0}
.cols .c+.c{position:relative}
.cols .c+.c::before{content:"";position:absolute;left:-28px;top:0;bottom:22px;border-left:1px solid var(--hair)}
.cols article{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--hair)}
.cols article[hidden]{display:none}
.cols .ph{margin-bottom:12px}
.cols .meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.cols time{font-family:var(--disp);font-size:13px;font-weight:600;color:var(--ink-2)}
.cols h3{font-family:var(--disp);font-weight:700;font-size:22px;line-height:1.16;letter-spacing:-.01em}
.cols p{font-size:16px;color:var(--ink-2);margin-top:6px;line-height:1.5}
.empty{display:none;font-style:italic;color:var(--ink-2);padding:10px 0 30px}
.empty.on{display:block}
.pagerwrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-top:8px}
.pagerwrap p{font-family:var(--disp);font-size:14px;font-weight:600;color:var(--ink-2)}


@media (max-width:860px){
  .man .side p,.cols p,.cols .ph{display:none}
  .cols article{padding-bottom:16px;margin-bottom:16px}
  .cadhead{padding-top:20px}
  .cadhead .box{grid-template-columns:auto minmax(0,1fr);gap:0 16px}
  .cadhead .box>.letter{grid-row:1}
  .cadhead .letter{font-size:118px;padding:8px 12px 0}
  .cadhead h1{font-size:clamp(40px,11.6vw,54px)}
  .cadhead .nm small{font-size:13px;margin-bottom:6px}
  .cadhead .desc{grid-column:1/-1;margin-top:16px;font-size:17px;max-width:none;border-left:0;padding-left:0}
  .cadhead .navw{position:relative}
  .cadhead nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;gap:22px;scrollbar-width:none;padding-right:48px;-webkit-mask-image:linear-gradient(90deg,#000 74%,transparent 96%);mask-image:linear-gradient(90deg,#000 74%,transparent 96%)}
  .cadhead nav::-webkit-scrollbar{display:none}
  .cadhead .more-ind{display:inline-flex}
  .man{padding:26px 0 18px}
  .man .big,.man .side{grid-column:1/-1}
  .man .big{grid-template-columns:minmax(0,1fr) 112px;gap:0 14px}
  .man .big .ph{grid-row:1/3;margin-top:10px}
  .man .big p{grid-column:1/-1}
  .man .big h2{font-size:34px}
  .man .big p{font-size:17px}
  .man .side{border-left:0;padding-left:0;border-top:1px solid var(--green-deep);padding-top:22px;margin-top:26px}
  .man .side h3{font-size:21px}
  .tools{flex-direction:column;align-items:flex-start}
  .filt button{padding:0 12px;font-size:14px}
  .cols{grid-template-columns:minmax(0,1fr)}
  .cols .c+.c::before{display:none}
  .cols h3{font-size:20px}
}
