.col-article{padding:clamp(64px,9vw,120px) 0 0}
.col-text{max-width:calc(680px + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
.col-meta{display:flex;gap:20px;align-items:center;margin-bottom:28px}
.col-back{font-size:14px;color:var(--mute);letter-spacing:.06em}.col-back:hover{color:var(--ink)}
.col-cat{font-size:13px;letter-spacing:.16em;color:var(--green)}
.col-article h1{font-weight:400;letter-spacing:-.01em;line-height:1.22;font-size:clamp(36px,4.6vw,60px)}
.col-by{font-size:13px;color:var(--mute);letter-spacing:.08em;margin:24px 0 48px}
.col-lead{font-size:clamp(19px,1.6vw,22px);line-height:1.8;font-weight:300;color:var(--ink);letter-spacing:.02em;margin-bottom:48px}
.col-text p,.col-text li{font-size:18px;line-height:1.9;font-weight:300;color:#2a2a2d;letter-spacing:.03em}
.col-text p{margin:0 0 1.2em}
.col-text strong{font-weight:500;color:var(--ink)}
.col-text a{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(2,72,62,.35)}
.col-text a:hover{text-decoration-color:var(--green)}
.col-text h2{font-size:clamp(24px,2.2vw,30px);font-weight:500;letter-spacing:0;line-height:1.4;margin:88px 0 24px}
.col-text ol,.col-text ul{padding-left:1.3em;margin:0 0 1.4em}.col-text li{margin-bottom:.5em}
.col-summary{background:var(--soft);border-radius:18px;padding:36px 36px 20px;margin-bottom:24px}
.col-summary h2{margin:0 0 18px;font-size:15px;letter-spacing:.2em;color:var(--mute);font-weight:400}
.col-summary ul{list-style:none;padding:0}.col-summary li{font-size:16px;margin-bottom:1.3em}
.col-figure{max-width:1180px;margin:72px auto;padding:0 var(--pad)}
.col-figure img{width:100%;height:auto;border-radius:18px;aspect-ratio:16/9;object-fit:cover}
.col-figure figcaption{font-size:13px;color:var(--mute);margin-top:14px;letter-spacing:.06em;text-align:center}
.table-scroll{overflow-x:auto;margin:32px 0 36px;-webkit-overflow-scrolling:touch}
.col-table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.col-table th{font-weight:500;text-align:left;color:var(--mute);font-size:13px;letter-spacing:.06em;padding:12px 14px 12px 0;border-bottom:1px solid var(--ink)}
.col-table td{padding:14px 14px 14px 0;border-bottom:1px solid #e8e8ed;font-weight:300}
.col-table .num{font-variant-numeric:tabular-nums}
.col-figure-num{margin:56px 0;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.col-text .col-big{font-size:clamp(30px,3.4vw,44px);font-weight:300;letter-spacing:-.01em;line-height:1.3;color:var(--ink);margin-bottom:16px}
.col-text .col-big-note{font-size:14px;color:var(--mute);line-height:1.8;max-width:34em;margin:0 auto}
.col-tasting{margin:96px 0 0;padding:48px 40px;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,var(--gsoft),rgba(2,72,62,.02) 60%,#f7f8f7)}
.col-tasting h2{margin:0 0 16px}
.col-rel{max-width:calc(680px + var(--pad)*2);margin:120px auto 0;padding:56px var(--pad) 120px;border-top:1px solid var(--line)}
.col-rel>a{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;margin-top:24px}
.col-rel .ph{aspect-ratio:4/3;border-radius:14px}
.col-rel .t{font-size:26px;margin:10px 0 14px}
.col-backall{margin-top:64px;text-align:center}
@media(max-width:760px){.col-text p,.col-text li{font-size:17px}.col-text h2{margin-top:64px}.col-figure{padding:0;margin:48px 0}.col-figure img{border-radius:0}.col-figure figcaption{padding:0 var(--pad)}.col-summary{padding:28px 22px 12px;border-radius:14px}.col-tasting{padding:36px 22px;border-radius:14px}.col-rel>a{grid-template-columns:1fr;gap:18px}.col-rel .t{font-size:22px}}
/* column guard vs site styles.css (generated by tools/col_guard.py) */
html body.column-page .col-main .col-article{padding:clamp(64px,9vw,120px) 0 0 !important}
html body.column-page .col-main .col-text{max-width:calc(680px + var(--pad)*2) !important;margin:0 auto !important;padding:0 var(--pad) !important}
html body.column-page .col-main .col-meta{display:flex !important;gap:20px !important;align-items:center !important;margin-bottom:28px !important}
html body.column-page .col-main .col-back{font-size:14px !important;color:var(--mute) !important;letter-spacing:.06em !important}
html body.column-page .col-main .col-back:hover{color:var(--ink) !important}
html body.column-page .col-main .col-cat{font-size:13px !important;letter-spacing:.16em !important;color:var(--green) !important}
html body.column-page .col-main .col-article h1{font-weight:400 !important;letter-spacing:-.01em !important;line-height:1.22 !important;font-size:clamp(36px,4.6vw,60px) !important}
html body.column-page .col-main .col-by{font-size:13px !important;color:var(--mute) !important;letter-spacing:.08em !important;margin:24px 0 48px !important}
html body.column-page .col-main .col-lead{font-size:clamp(19px,1.6vw,22px) !important;line-height:1.8 !important;font-weight:300 !important;color:var(--ink) !important;letter-spacing:.02em !important;margin-bottom:48px !important}
html body.column-page .col-main .col-text p,html body.column-page .col-main .col-text li{font-size:18px !important;line-height:1.9 !important;font-weight:300 !important;color:#2a2a2d !important;letter-spacing:.03em !important}
html body.column-page .col-main .col-text p{margin:0 0 1.2em !important}
html body.column-page .col-main .col-text strong{font-weight:500 !important;color:var(--ink) !important}
html body.column-page .col-main .col-text a{color:var(--green) !important;text-decoration:underline !important;text-decoration-thickness:1px !important;text-underline-offset:4px !important;text-decoration-color:rgba(2,72,62,.35) !important}
html body.column-page .col-main .col-text a:hover{text-decoration-color:var(--green) !important}
html body.column-page .col-main .col-text h2{font-size:clamp(24px,2.2vw,30px) !important;font-weight:500 !important;letter-spacing:0 !important;line-height:1.4 !important;margin:88px 0 24px !important}
html body.column-page .col-main .col-text ol,html body.column-page .col-main .col-text ul{padding-left:1.3em !important;margin:0 0 1.4em !important}
html body.column-page .col-main .col-text li{margin-bottom:.5em !important}
html body.column-page .col-main .col-summary{background:var(--soft) !important;border-radius:18px !important;padding:36px 36px 20px !important;margin-bottom:24px !important}
html body.column-page .col-main .col-summary h2{margin:0 0 18px !important;font-size:15px !important;letter-spacing:.2em !important;color:var(--mute) !important;font-weight:400 !important}
html body.column-page .col-main .col-summary ul{list-style:none !important;padding:0 !important}
html body.column-page .col-main .col-summary li{font-size:16px !important;margin-bottom:1.3em !important}
html body.column-page .col-main .col-figure{max-width:1180px !important;margin:72px auto !important;padding:0 var(--pad) !important}
html body.column-page .col-main .col-figure img{width:100% !important;height:auto !important;border-radius:18px !important;aspect-ratio:16/9 !important;object-fit:cover !important}
html body.column-page .col-main .col-figure figcaption{font-size:13px !important;color:var(--mute) !important;margin-top:14px !important;letter-spacing:.06em !important;text-align:center !important}
html body.column-page .col-main .table-scroll{overflow-x:auto !important;margin:32px 0 36px !important}
html body.column-page .col-main .col-table{border-collapse:collapse !important;width:100% !important;min-width:520px !important;font-size:15px !important}
html body.column-page .col-main .col-table th{font-weight:500 !important;text-align:left !important;color:var(--mute) !important;font-size:13px !important;letter-spacing:.06em !important;padding:12px 14px 12px 0 !important;border-bottom:1px solid var(--ink) !important}
html body.column-page .col-main .col-table td{padding:14px 14px 14px 0 !important;border-bottom:1px solid #e8e8ed !important;font-weight:300 !important}
html body.column-page .col-main .col-figure-num{margin:56px 0 !important;padding:44px 0 !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;text-align:center !important}
html body.column-page .col-main .col-text .col-big{font-size:clamp(30px,3.4vw,44px) !important;font-weight:300 !important;letter-spacing:-.01em !important;line-height:1.3 !important;color:var(--ink) !important;margin-bottom:16px !important}
html body.column-page .col-main .col-text .col-big-note{font-size:14px !important;color:var(--mute) !important;line-height:1.8 !important;max-width:34em !important;margin:0 auto !important}
html body.column-page .col-main .col-tasting{margin:96px 0 0 !important;padding:48px 40px !important;border-radius:18px !important;background:radial-gradient(120% 140% at 0% 0%,var(--gsoft),rgba(2,72,62,.02) 60%,#f7f8f7) !important}
html body.column-page .col-main .col-tasting h2{margin:0 0 16px !important}
html body.column-page .col-main .col-rel{max-width:calc(680px + var(--pad)*2) !important;margin:120px auto 0 !important;padding:56px var(--pad) 120px !important;border-top:1px solid var(--line) !important}
html body.column-page .col-main .col-rel>a{display:grid !important;grid-template-columns:200px 1fr !important;gap:32px !important;align-items:center !important;margin-top:24px !important}
html body.column-page .col-main .col-rel .ph{aspect-ratio:4/3 !important;border-radius:14px !important}
html body.column-page .col-main .col-rel .t{font-size:26px !important;margin:10px 0 14px !important}
html body.column-page .col-main .col-backall{margin-top:64px !important;text-align:center !important}
@media (max-width:760px){html body.column-page .col-main .col-text p,html body.column-page .col-main .col-text li{font-size:17px !important}html body.column-page .col-main .col-text h2{margin-top:64px !important}html body.column-page .col-main .col-figure{padding:0 !important;margin:48px 0 !important}html body.column-page .col-main .col-figure img{border-radius:0 !important}html body.column-page .col-main .col-figure figcaption{padding:0 var(--pad) !important}html body.column-page .col-main .col-summary{padding:28px 22px 12px !important;border-radius:14px !important}html body.column-page .col-main .col-tasting{padding:36px 22px !important;border-radius:14px !important}html body.column-page .col-main .col-rel>a{grid-template-columns:1fr !important;gap:18px !important}html body.column-page .col-main .col-rel .t{font-size:22px !important}}
/* col5 1025b additions: headline wrap, tables, scenes */
html body.column-page .col-main .col-article h1{text-wrap:balance;overflow-wrap:anywhere;margin:0 !important}
html body.column-page .col-main .col-h1-line{display:inline-block;text-wrap:balance}
@media (max-width:760px){html body.column-page .col-main .col-article h1{font-size:clamp(22px,calc((100vw - 2*var(--pad))/11.6),36px) !important;line-height:1.3 !important}
 html body.column-page .col-main .col-h1-line{white-space:nowrap}}
html body.column-page .col-main .col-lead,html body.column-page .col-main .col-text h2{text-wrap:pretty}
html body.column-page .col-main .col-text h2{text-wrap:balance}
html body.column-page .col-main .table-wrap,html body.column-page .col-main .table-scroll{overflow-x:auto !important;-webkit-overflow-scrolling:touch;margin:32px 0 36px !important;border:1px solid var(--line);border-radius:14px;background:#fff}
html body.column-page .col-main .table-wrap .table-scroll{margin:0 !important;border:0;border-radius:0}
html body.column-page .col-main .col-table{min-width:0 !important;width:100% !important}
html body.column-page .col-main .col-table:has(th:nth-child(5)){min-width:640px !important}
html body.column-page .col-main .col-table th,html body.column-page .col-main .col-table td{padding:12px 16px !important;border-bottom:1px solid #e8e8ed !important;vertical-align:top;line-height:1.6 !important}
html body.column-page .col-main .col-table thead th{background:var(--soft);color:var(--ink2) !important;border-bottom:1px solid var(--ink) !important;white-space:nowrap}
html body.column-page .col-main .col-table td+td,html body.column-page .col-main .col-table th+th{border-left:1px solid #e8e8ed}
html body.column-page .col-main .col-table tbody tr:last-child td{border-bottom:0 !important}
html body.column-page .col-main .col-table td.num{white-space:nowrap;font-weight:500 !important;color:var(--green)}
html body.column-page .col-main .col-table tbody td:first-child{font-weight:400 !important;color:var(--ink)}
@media (max-width:760px){html body.column-page .col-main .col-table{font-size:14px !important}
 html body.column-page .col-main .col-table th,html body.column-page .col-main .col-table td{padding:10px 12px !important}
 html body.column-page .col-main .col-table:has(th:nth-child(5)) tbody td:first-child,html body.column-page .col-main .col-table:has(th:nth-child(5)) thead th:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 #e8e8ed}
 html body.column-page .col-main .col-table:has(th:nth-child(5)) thead th:first-child{background:var(--soft)}}
html body.column-page .col-main .c5-rel{max-width:calc(680px + var(--pad)*2) !important}

/* column G-K designer images: natural aspect, no crop */
html body.column-page .col-main .col-figure.col-figure--nat{max-width:960px !important}
html body.column-page .col-main .col-figure--nat picture{display:block}
html body.column-page .col-main .col-figure--nat img{max-width:100% !important;width:100% !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important}
html body.column-page .col-main .col-figure--portrait img,html body.column-page .col-main .col-figure--cert img{width:auto !important;max-height:none;max-width:min(100%,520px) !important;margin:0 auto;display:block}
html body.column-page .col-main .col-figure--small img{width:auto !important;max-width:min(100%,360px) !important;margin:0 auto;display:block;border-radius:12px !important}