/* ガイド・コラム用「昼のノート」（site.css の上に重ねる。D案 2026-10-19）
   明るい方眼の地に、本文は無地の紙。ヘッダーは黒緑の帯のまま。端末の設定に関係なく常に明るい表示（本人決定 2026-10-19） */

body.note{
  --n-bg:#f4f2ea;--n-paper:#fbfaf5;--n-ink:#172022;--n-sub:#56605f;--n-line:#d5d0bf;--n-rule:#172022;--n-grid:#1720220f;--n-link:#2e4747;--n-sand:#d9d3a8;--n-code:#efece2;
    color-scheme:light;
}

body.note{background-color:var(--n-bg);color:var(--n-ink);font-family:var(--f-body);
  background-image:linear-gradient(var(--n-grid) 1px,transparent 1px),linear-gradient(90deg,var(--n-grid) 1px,transparent 1px);background-size:16px 16px}
.note header{background:#151a1b;border-bottom:0}
.note header .brand{color:#f1eee4}
.note header nav a{color:#a2aaa7}
.note header nav a:hover{color:#f1eee4}
.note main{padding:40px 0 72px}
.note .wrap{max-width:860px}
.note a{color:var(--n-link);text-underline-offset:3px}
.note a:focus-visible{outline:2px solid var(--n-link);outline-offset:3px}

/* 見出しと文字 */
.note h1{font-family:var(--f-head);font-weight:900;letter-spacing:.01em;color:var(--n-ink);font-size:clamp(24px,4.2vw,34px);line-height:1.45;margin:8px 0 16px;text-wrap:balance}
.note h2{font-family:var(--f-head);font-weight:700;color:var(--n-ink);letter-spacing:0;font-size:clamp(19px,2.6vw,22px);line-height:1.5;text-wrap:balance}
.note h3{font-family:var(--f-head);font-weight:700;color:var(--n-ink);font-size:18px;line-height:1.5;margin:28px 0 6px}
.note p,.note li{color:var(--n-ink)}
.note .lead{color:var(--n-sub);font-size:16px;line-height:1.9;max-width:40em}
.note .eyebrow,.note .lbl{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--n-sub);text-transform:none}
.note code{font-family:var(--f-mono);background:var(--n-code);color:var(--n-ink);padding:1px 5px;border-radius:3px;font-size:.86em;word-break:break-all}
.crumb{font-family:var(--f-mono);font-size:12px;color:var(--n-sub);margin-bottom:14px}
.crumb a{color:var(--n-sub)}
.note .crumb a,.note .toc a{margin:0;font-size:inherit}

/* 記事の頭：記録番号・種類・日付・表示切り替え */
.logline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-family:var(--f-mono);font-size:12.5px;color:var(--n-sub);border-top:1.5px solid var(--n-rule);padding-top:10px}
.logline b{color:var(--n-ink);font-weight:500}

/* 測定条件の欄 */
.cond{background:var(--n-paper);border:1.5px solid var(--n-rule);margin:0 0 20px;padding:12px 16px;display:grid;grid-template-columns:1fr;gap:6px;font-size:14.5px;line-height:1.7}
.cond div{display:grid;grid-template-columns:5.5em 1fr;gap:12px}
.cond dt{font-family:var(--f-mono);font-size:12px;color:var(--n-sub);padding-top:2px}
.cond dd{margin:0;min-width:0}

/* 目次 */
.toc{font-size:14.5px;line-height:1.7;margin:0 0 20px;padding:0 0 0 14px;border-left:2px solid var(--n-rule)}
.toc .lbl{display:block;margin-bottom:4px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.toc li{margin:0;display:grid;grid-template-columns:2.6em 1fr;font-size:14.5px}
.toc li span{font-family:var(--f-mono);font-size:12px;color:var(--n-sub);padding-top:2px}

/* 本文：方眼を敷かない無地の紙。1行36〜40字、行間1.9 */
.paper{background:var(--n-paper);border:1px solid var(--n-line);padding:clamp(20px,4.5vw,44px)}
.paper>*{max-width:38em}
.paper p,.paper li{font-size:17px;line-height:1.95}
.paper p{margin:0 0 1.1em}
.paper ul,.paper ol{padding-left:1.4em;margin:0 0 1.1em}
.paper li{margin:.3em 0}
.paper h2{margin:2.2em 0 .7em;padding-top:12px;border-top:1px solid var(--n-line);display:flex;gap:10px;align-items:baseline;scroll-margin-top:16px}
.paper h2:first-child{margin-top:0;border-top:0;padding-top:0}
.paper h2 .sec{font-family:var(--f-mono);font-size:13px;font-weight:400;color:var(--n-sub);flex:none}
.paper b{background:linear-gradient(transparent 62%,#d9d3a899 62%)}
.paper img{display:block;max-width:100%;height:auto;border:1px solid var(--n-line)}
.paper figure{margin:1.6em 0;max-width:100%}
.paper figcaption{font-family:var(--f-mono);color:var(--n-sub);font-size:12px;margin-top:8px}
.paper .tbl,.paper pre{max-width:100%}
@media (min-width:700px){.paper p,.paper li{font-size:18px}}

.tbl{overflow-x:auto;margin:1.4em 0;border-top:1.5px solid var(--n-rule);border-bottom:1.5px solid var(--n-rule)}
.note table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
.note th,.note td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--n-line);color:var(--n-ink);line-height:1.7}
.note th{font-family:var(--f-mono);font-weight:500;font-size:12.5px;color:var(--n-sub);white-space:nowrap;background:none;border-bottom:1px solid var(--n-rule)}
.note tr:last-child td{border-bottom:0}
.note pre{background:var(--n-code);border:1px solid var(--n-line);border-radius:0;padding:14px 16px;overflow-x:auto;margin:1.4em 0}
.note pre code{background:none;padding:0;font-size:13.5px;line-height:1.7;word-break:normal}

/* 記事の末尾 */
.cta{display:inline-block;margin-top:24px;background:#151a1b;color:#f1eee4!important;font-weight:700;text-decoration:none;padding:12px 22px;font-size:15px;border:1px solid var(--n-rule)}
.cta:hover{background:#2e4747}
.back{margin-top:28px;font-size:15px}

/* タグ（等幅の札） */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.chips a{font-family:var(--f-mono);font-size:12.5px;border:1px solid var(--n-rule);background:var(--n-paper);padding:4px 10px;text-decoration:none;color:var(--n-ink);min-height:32px;display:inline-flex;align-items:center}
.chips a:hover{background:var(--n-sand);color:#172022}
.chips a.on{background:var(--n-ink);color:var(--n-bg)}

/* 一覧：カードをやめ、紙の上の目録にする */
.note main h2{margin:40px 0 10px}
.posts{display:grid;margin-top:10px;background:var(--n-paper);border-top:1.5px solid var(--n-rule);border-bottom:1.5px solid var(--n-rule)}
.post{display:grid;grid-template-columns:7.5em 1fr;gap:4px 16px;padding:16px 16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--n-line);background:none;border-radius:0}
.post:last-child{border-bottom:0}
.post:hover{background:var(--n-code)}
.post .cat{font-family:var(--f-mono);font-size:12px;color:var(--n-sub);letter-spacing:0;padding-top:4px;grid-row:span 3}
.post b{display:block;font-family:var(--f-head);font-weight:700;color:var(--n-ink);font-size:17px;line-height:1.55;margin:0}
.post .desc{display:block;font-size:14.5px;color:var(--n-sub);line-height:1.75}
.post .date{display:block;font-family:var(--f-mono);font-size:12px;color:var(--n-sub)}
@media (max-width:560px){.post{grid-template-columns:1fr}.post .cat{grid-row:auto;padding:0}}
.note .meta2{display:none}
@media (max-width:560px){.note header .wrap{height:60px;gap:12px}.note header .brand{font-size:15px;letter-spacing:2px;white-space:nowrap}.note header nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.note header nav a{margin-left:12px;font-size:12px;white-space:nowrap}}