:root{--navy:#06233a;--gold:#b58a2a;--cream:#f6f0df;--paper:#fbf8ef;--ink:#17212b;--line:#d8cdb8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Mincho ProN","Yu Mincho",serif;line-height:1.7}a{color:inherit;text-decoration:none}.topbar{height:42px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:13px}.search{display:flex;background:#fff;border-radius:5px;overflow:hidden}.search input{border:0;padding:7px 10px;width:190px;outline:0}.search button{border:0;background:#fff;font-size:20px}.brand{min-height:255px;padding:28px 5%;display:flex;align-items:center;gap:35px;background:radial-gradient(circle at 20% 35%,#fffdf6 0 18%,transparent 19%),linear-gradient(135deg,#f8f0dd,#fffdf5);position:relative;overflow:hidden;border-bottom:1px solid #d9cdb4}.brand:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49%,rgba(181,138,42,.08) 50%,transparent 51%);background-size:42px 42px;pointer-events:none}.brand-mark{width:155px;height:155px;border:8px solid #171717;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#fff 0 42%,#b58a2a 43% 60%,transparent 61%);font-size:50px;transform:rotate(-7deg);z-index:1}.circuit{font-family:Arial}.wave{font-size:35px}.brand-title{z-index:1}.brand-title h1{font-size:58px;letter-spacing:6px;margin:0;color:#080808;font-weight:700}.brand-title p{font-size:18px;margin:8px 0;text-align:center}.admin{text-align:center;font-size:16px}.admin strong{font-size:22px;color:#183654}.genna{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;z-index:1}.portrait{width:110px;height:145px;border:1px solid #9b835d;background:#e7dcc6;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1.15;writing-mode:vertical-rl}.nav{display:flex;background:var(--navy);color:#fff;overflow:auto;white-space:nowrap}.nav a{padding:12px 18px;font-size:14px}.nav a:hover,.nav a.active{background:#113957;border-bottom:3px solid var(--gold)}main{max-width:1250px;margin:auto;padding:24px}.layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(290px,1fr);gap:25px}.hero{min-height:390px;background:linear-gradient(90deg,rgba(2,15,27,.98),rgba(2,15,27,.45)),radial-gradient(circle at 80% 55%,#b86b26 0 5%,#16364b 6% 35%,#061827 60%);color:#fff;position:relative;padding:50px 36px;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;right:7%;bottom:-45px;width:270px;height:95px;border-radius:50%;border:25px solid #c17b3a;transform:rotate(-9deg);box-shadow:0 -20px 0 -5px #d19a62}.hero-label{position:absolute;left:20px;top:0;background:var(--gold);padding:5px 15px;font-size:14px}.hero-content{max-width:700px;position:relative;z-index:1}.hero h2{font-size:42px;line-height:1.3;margin:0 0 18px}.hero p{font-size:17px}.gold-btn{display:inline-block;background:var(--gold);padding:8px 22px;color:#fff;margin-top:10px}.section{margin-top:32px}.section-title{text-align:center;font-size:23px;display:flex;align-items:center;gap:15px}.section-title:before,.section-title:after{content:"";height:1px;background:var(--gold);flex:1}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cat,.card{border:1px solid var(--line);background:#fffdf7;padding:16px;text-align:center;transition:.2s}.cat:hover,.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.cat .icon{font-size:36px;color:#2e5839}.cat h3{margin:4px 0;font-size:16px}.cat p{font-size:12px}.cat span{display:inline-block;border:1px solid #bcae92;padding:3px 12px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{text-align:left;padding:0 0 12px}.card h3,.card p,.card small{margin-left:12px;margin-right:12px}.card h3{font-size:15px;line-height:1.5}.card p{font-size:12px}.card small{border:1px solid #9aaa7d;padding:2px 7px}.thumb,.mini{background:linear-gradient(135deg,#c27a3c,#efd0a5 45%,#6c4126);display:block}.thumb{height:145px}.glass{background:linear-gradient(135deg,#c9c9c0,#f8f7ee,#999a92)}.pcb{background:linear-gradient(135deg,#031f27,#155d52 45%,#d4b04c)}.factory{background:linear-gradient(135deg,#8db4d1,#e6f0f5 55%,#647a83)}.pcb2{background:linear-gradient(135deg,#153d3c,#c49a43 55%,#254d65)}aside{display:flex;flex-direction:column;gap:20px}.sidebox,.profile{border:1px solid var(--line);background:#fffdf7;padding:15px}.sidebox h2,.profile h2{font-size:18px;margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:8px}.sidebox ol{list-style:none;padding:0;margin:0}.sidebox li,.news li{display:grid;grid-template-columns:30px 70px 1fr;gap:8px;align-items:center;border-bottom:1px solid #e5ddcf;padding:9px 0}.sidebox li>b{background:var(--gold);color:#fff;text-align:center;padding:2px}.mini{height:46px}.sidebox small,.news small{display:block;font-size:10px;color:#666}.sidebox strong,.news strong{font-size:13px;display:block}.news{list-style:none;padding:0;margin:0}.news li{grid-template-columns:55px 1fr}.profile{background:#f4ead3}.profile-row{display:flex;gap:12px;align-items:center}.avatar{width:72px;height:72px;border-radius:50%;background:#d8c5a4;display:flex;align-items:center;justify-content:center;line-height:1.1;text-align:center}.profile h3{margin:0}.profile p{font-size:13px}.about{margin-top:35px;border:1px solid var(--line);padding:25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:20px;background:#f5eedc}.about h2{margin-top:0}.about-item{border-left:1px solid #d4c5a9;padding-left:20px;display:flex;flex-direction:column;gap:4px}.about-item b{font-size:28px;color:#986a2c}.tags span{display:inline-block;border:1px solid #bda985;padding:2px 7px;margin:2px;font-size:11px}.article{max-width:850px;margin:30px auto;background:#fffdf7;border:1px solid var(--line);padding:40px}.breadcrumb{font-size:12px;color:#777}.article h1{font-size:40px;line-height:1.4}.article .lead{font-size:18px;background:#f4ead5;padding:18px}.article h2{border-left:5px solid var(--gold);padding-left:12px;margin-top:35px}.note{margin:30px 0;padding:20px;background:#f5eedc;border:1px solid #d7c7a8}.back{color:#fff}footer{background:var(--navy);color:#fff;padding:22px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center}footer nav{display:flex;gap:18px;font-size:12px}@media(max-width:900px){.brand{min-height:200px}.brand-title h1{font-size:39px}.brand-mark{width:105px;height:105px}.genna{display:none}.layout{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1fr}.hero h2{font-size:31px}}@media(max-width:600px){.topbar{height:auto;padding:8px 12px;gap:8px}.search input{width:120px}.brand{padding:20px 15px;justify-content:center}.brand-mark{display:none}.brand-title h1{font-size:30px;letter-spacing:2px}.brand-title p{font-size:13px}.admin{font-size:12px}.nav a{padding:9px 12px;font-size:12px}.layout{display:block}.hero{min-height:370px;padding:45px 20px}.hero h2{font-size:27px}.hero p{font-size:14px}.categories,.cards{grid-template-columns:1fr 1fr;gap:8px}.cat{padding:10px}.cat p{font-size:11px}.about{grid-template-columns:1fr}.article{padding:20px}.article h1{font-size:28px}footer{flex-direction:column;align-items:flex-start}}


/* v2: mobile-first refinements */
@media(max-width:900px){
  .topbar{padding:8px 16px;gap:12px}
  .topbar>div{font-size:12px}
  .brand{min-height:190px;padding:24px 20px}
  .brand-title{width:100%;}
  .brand-title h1{font-size:40px;text-align:center;letter-spacing:3px}
  .brand-title p{font-size:15px}
  .admin{font-size:14px}
  .admin strong{font-size:20px}
  .nav{flex-wrap:wrap;overflow:visible;white-space:normal}
  .nav a{flex:1 1 25%;min-width:25%;padding:10px 5px;font-size:12px;text-align:center;line-height:1.35}
  main{padding:18px 16px}
  .hero{min-height:410px;padding:54px 28px 28px}
  .hero-content{width:100%}
  .hero h2{font-size:32px}
  .hero p{font-size:15px;line-height:1.8}
  .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .about{grid-template-columns:1fr 1fr}
  aside{margin-top:26px}
}
@media(max-width:600px){
  .topbar{display:grid;grid-template-columns:1fr;justify-items:stretch;padding:9px 12px}
  .topbar>div{font-size:12px;text-align:left}
  .search{width:100%}
  .search input{width:100%;min-width:0;font-size:14px}
  .search button{width:44px}
  .brand{min-height:205px;padding:25px 14px 22px}
  .brand-title h1{font-size:32px;letter-spacing:2px;white-space:nowrap}
  .brand-title p{font-size:13px;line-height:1.7;margin:8px 0 4px}
  .admin{font-size:12px;white-space:nowrap}
  .admin strong{font-size:19px}
  .nav a{flex:1 1 25%;min-width:25%;font-size:11px;padding:9px 3px}
  main{padding:12px}
  .layout{display:block}
  .hero{min-height:430px;padding:50px 20px 24px}
  .hero-label{left:14px;font-size:13px;padding:5px 12px}
  .hero h2{font-size:28px;line-height:1.4;margin-bottom:12px}
  .hero p{font-size:14px;line-height:1.75;margin-bottom:6px}
  .gold-btn{font-size:14px;padding:8px 18px}
  .section{margin-top:26px}
  .section-title{font-size:19px;gap:9px}
  .categories,.cards{grid-template-columns:1fr 1fr;gap:8px}
  .cat{padding:10px 7px}
  .cat .icon{font-size:28px}
  .cat h3{font-size:14px}
  .cat p{font-size:10px;line-height:1.55}
  .cat span{font-size:10px;padding:3px 7px}
  .card h3{font-size:13px;line-height:1.5}
  .card p{font-size:10px;line-height:1.55}
  .thumb{height:105px}
  .about{grid-template-columns:1fr;padding:18px;gap:12px}
  .about-item{border-left:0;border-top:1px solid #d4c5a9;padding:12px 0 0}
  .sidebox,.profile{padding:12px}
  .sidebox li{grid-template-columns:26px 58px 1fr;gap:6px}
  .sidebox strong,.news strong{font-size:12px}
  footer{padding:20px 14px;gap:10px}
  footer nav{flex-wrap:wrap;gap:8px 14px}
  .article{margin:18px auto;padding:18px 16px}
  .article h1{font-size:27px;line-height:1.5}
  .article .lead{font-size:15px;padding:14px}
}


/* v3: article page enhancements */
.article-subtitle{text-align:center;font-size:19px;color:#6a5635;margin-top:-12px;margin-bottom:24px}.compare-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.compare-box>div{border:1px solid var(--line);background:#f8f1df;padding:18px}.compare-box h3{margin-top:0;color:#183654}.quote-box{margin:24px 0;padding:20px;text-align:center;background:#f4ead5;border-top:3px solid var(--gold);border-bottom:1px solid var(--line);font-size:20px;color:#183654}.flow-box{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0}.flow-box span{border:1px solid var(--line);background:#fffaf0;padding:9px 14px}.flow-box b{color:var(--gold);font-size:22px}.article-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.article-table th,.article-table td{border:1px solid var(--line);padding:10px;text-align:left}.article-table thead th{background:#183654;color:#fff}.article-table tbody th{background:#f4ead5}
.glass-diagram{margin:24px 0;padding:18px;background:#f6efdf;border:1px solid var(--line)}.glass-diagram-title{text-align:center;color:#183654;font-weight:700;margin-bottom:14px}.glass-layers{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;align-items:stretch}.glass-layer{min-height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #d4c5a6;padding:12px}.glass-layer span{font-size:18px;font-weight:700;color:#183654}.glass-layer small{margin-top:8px;color:#6b604e}.glass-layer.resin{background:#fffaf0}.glass-layer.cloth{background:#e9e3d4}.glass-signal{margin-top:12px;padding:10px;text-align:center;background:#183654;color:#fff;font-size:13px}.caption{font-size:11px!important;color:#777!important;text-align:center;margin-top:-10px!important}@media(max-width:600px){.glass-layers{grid-template-columns:1fr}.glass-layer{min-height:70px}.glass-signal{font-size:11px;line-height:1.6}}.article-list{padding-left:1.4em}.related{margin-top:36px;padding:18px;background:#f5eedc;border:1px solid var(--line)}.related h2{margin-top:0}.related a{display:block;padding:8px 0;border-bottom:1px solid #ddd0b8;color:#183654}.related a:last-child{border-bottom:0}@media(max-width:600px){.compare-box{grid-template-columns:1fr}.article-subtitle{font-size:16px}.quote-box{font-size:17px}.article-table{font-size:12px}.article-table th,.article-table td{padding:7px}.flow-box{gap:6px}.flow-box span{padding:7px 9px}.flow-box b{font-size:18px}}


/* v5: reliable article infographic display */
.image-card{margin:28px 0 30px;border:1px solid var(--line);background:#fffdf7;padding:10px;}
.image-card img{display:block;width:100%;height:auto;max-width:100%;}
.image-card p{margin:10px 8px 4px;font-size:12px;line-height:1.7;color:#666;}
@media(max-width:600px){.image-card{margin:22px -1px 26px;padding:6px}.image-card p{font-size:11px;line-height:1.65;margin:8px 5px 3px}}

/* v6: copper roughness / peel strength trade-off diagram */
.tradeoff-diagram{margin:28px 0 8px;border:1px solid var(--line);background:#fbf6e9;padding:18px}.tradeoff-title{text-align:center;font-weight:700;color:#183654;font-size:18px;margin-bottom:16px}.tradeoff-columns{display:grid;grid-template-columns:1fr 54px 1fr;gap:12px;align-items:stretch}.tradeoff-panel{border:1px solid #d9ccb3;background:#fffdf7;padding:15px;text-align:center}.tradeoff-panel.electric{border-top:5px solid #2f6388}.tradeoff-panel.adhesion{border-top:5px solid #9a6d2b}.tradeoff-badge{font-size:12px;color:#fff;background:#183654;display:inline-block;padding:4px 9px}.adhesion .tradeoff-badge{background:#8a652d}.tradeoff-panel h3{font-size:16px;margin:10px 0 12px}.surface{height:58px;margin:5px auto 12px;position:relative;border-bottom:4px solid #9a6b32;background:#ead6b4}.surface:before{content:"";position:absolute;left:4%;right:4%;bottom:3px;height:26px;background:#c58b4d}.surface.smooth:before{clip-path:polygon(0 70%,10% 67%,20% 70%,30% 68%,40% 71%,50% 68%,60% 70%,70% 68%,80% 70%,90% 68%,100% 70%,100% 100%,0 100%)}.surface.rough:before{clip-path:polygon(0 72%,8% 35%,15% 70%,24% 20%,33% 65%,42% 30%,51% 72%,60% 25%,69% 68%,78% 18%,87% 70%,95% 38%,100% 72%,100% 100%,0 100%)}.tradeoff-panel p{font-size:13px;line-height:1.7;margin:0}.tradeoff-arrow{display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold)}.tradeoff-bottom{margin-top:14px;padding:11px;text-align:center;background:#efe4cb;color:#183654;font-size:14px}.caption{font-size:12px;color:#777;line-height:1.7;margin:6px 4px 25px}@media(max-width:600px){.tradeoff-diagram{padding:12px}.tradeoff-title{font-size:15px}.tradeoff-columns{grid-template-columns:1fr;gap:8px}.tradeoff-arrow{transform:rotate(90deg);height:28px}.tradeoff-panel{padding:12px}.tradeoff-bottom{font-size:12px}.caption{font-size:11px}}


/* v7: article-loop navigation */
.reading-path{margin:28px 0 10px;padding:14px 16px;border:1px solid var(--line);background:#fffaf0}.reading-path-title{font-weight:700;color:#183654;font-size:14px;margin-bottom:10px}.reading-path ol{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.reading-path li{font-size:11px;color:#6b604e;background:#f3ead6;border:1px solid #d8c9ab;padding:4px 8px}.reading-path li.active{background:#183654;color:#fff;border-color:#183654}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.related-card{display:block;background:#fffdf7;border:1px solid #d8cdb8;padding:11px;transition:.2s}.related-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.07)}.related-card small{display:block;color:#8b6b2d;font-size:10px;margin-bottom:4px}.related-card strong{display:block;color:#183654;font-size:13px;line-height:1.5}.related-card span{display:block;color:#666;font-size:11px;margin-top:5px;line-height:1.5}@media(max-width:600px){.related-grid{grid-template-columns:1fr}.reading-path{padding:11px}.reading-path ol{gap:5px}.related-card{padding:10px}}

/* v10: glass material family comparison */
.glass-choice-diagram{margin:28px 0 8px;padding:18px;background:#f6efdf;border:1px solid var(--line)}
.glass-choice-title{text-align:center;font-weight:700;color:#183654;font-size:18px;margin-bottom:16px}.glass-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.glass-choice-card{background:#fffdf7;border:1px solid #d7c9ad;padding:16px;text-align:center}.glass-choice-card h3{margin:8px 0 2px;color:#183654;font-size:18px}.glass-choice-card p{margin:0;color:#6b604e;font-size:12px}.glass-choice-card strong{display:block;margin-top:12px;color:#8a652d;font-size:14px}.glass-choice-card small{display:block;margin-top:6px;color:#666;font-size:11px;line-height:1.5}.glass-badge{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-family:Arial,sans-serif;font-weight:700;font-size:20px}.glass-badge.general{background:#6b6b6b}.glass-badge.lowd{background:#183654}.glass-badge.lowcte{background:#9a6d2b}.thermal-diagram{margin:28px 0 8px;padding:18px;background:#fbf6e9;border:1px solid var(--line)}.thermal-title{text-align:center;font-weight:700;color:#183654;margin-bottom:16px}.thermal-row{display:grid;grid-template-columns:145px 1fr 220px;gap:12px;align-items:center;margin:12px 0}.thermal-row>span{font-weight:700;color:#183654}.thermal-row small{color:#6b604e;font-size:11px}.bar{height:20px;border-radius:10px;background:#d9c7a7;position:relative}.bar:after{content:"";position:absolute;right:0;top:0;bottom:0;background:#b58a2a;border-radius:10px}.bar.short:after{width:25%}.bar.medium:after{width:55%}.bar.controlled:after{width:38%}.mini-note{color:#8a652d!important;font-size:12px!important}@media(max-width:600px){.glass-choice-diagram{padding:12px}.glass-choice-title{font-size:15px}.glass-choice-grid{grid-template-columns:1fr}.glass-choice-card{padding:12px}.thermal-diagram{padding:12px}.thermal-row{grid-template-columns:1fr;gap:5px}.thermal-row small{font-size:10px}.thermal-row{margin:14px 0}}

/* v11: resin / glass / copper system diagram */
.material-system-diagram{margin:30px 0 8px;padding:20px;background:#f6efdf;border:1px solid var(--line)}
.material-system-title{text-align:center;font-weight:700;color:#183654;font-size:18px;margin-bottom:18px}
.material-system-row{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;gap:8px;align-items:stretch}
.material-node{background:#fffdf7;border:1px solid #d7c9ad;padding:14px 10px;text-align:center;min-height:105px;display:flex;flex-direction:column;justify-content:center}
.material-node b{font-size:19px;color:#183654}.material-node span{font-size:12px;color:#8a652d;font-weight:700;margin-top:3px}.material-node small{font-size:11px;color:#666;margin-top:6px;line-height:1.45}
.copper-node{border-top:5px solid #9a6b32}.resin-node{border-top:5px solid #49657d}.glass-node{border-top:5px solid #b58a2a}.system-arrow{display:flex;align-items:center;justify-content:center;color:#b58a2a;font-size:24px;font-weight:700}.system-down{text-align:center;color:#b58a2a;font-size:30px;line-height:1;margin:8px}.system-result{display:flex;gap:12px;align-items:center;justify-content:center;background:#183654;color:#fff;padding:12px}.system-result b{font-size:20px}.system-result span{font-size:12px}.signal-line{margin-top:14px;padding:10px 12px;border:1px solid #d7c9ad;background:#fffdf7;display:flex;align-items:center;gap:10px;font-size:12px;color:#555}.signal-line i{display:block;height:3px;background:#b58a2a;flex:0 0 70px;position:relative}.signal-line i:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #b58a2a;border-top:5px solid transparent;border-bottom:5px solid transparent}.signal-line strong{color:#183654}.weave-diagram{margin:30px 0 8px;padding:18px;background:#fbf6e9;border:1px solid var(--line)}.weave-title{text-align:center;font-weight:700;color:#183654;margin-bottom:15px}.weave-columns{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;gap:8px;align-items:center}.weave-card{background:#fffdf7;border:1px solid #d7c9ad;padding:12px}.weave-card h3{font-size:15px;color:#183654;margin:0 0 8px}.weave-card p{font-size:11px;line-height:1.6;margin:8px 0 0;color:#666}.weave-arrow{text-align:center;color:#b58a2a;font-size:24px;font-weight:700}.weave-strip{height:54px;border:1px solid #d4c5a8;display:flex;align-items:center;justify-content:space-around;font-size:11px}.weave-strip span{padding:4px 7px;border:1px solid #cdbb9b;background:#f1e5cc}.weave-strip.resin-rich{background:#eee5d3}.weave-strip.mixed{background:repeating-linear-gradient(90deg,#efe3cb 0 18px,#f9f5e9 18px 36px)}.weave-strip.designed{background:#e7dfcf;gap:4px}.weave-strip.designed span:first-child{background:#183654;color:#fff}.weave-strip.designed span:nth-child(2){background:#f8f1df}.weave-strip.designed span:nth-child(3){background:#b58a2a;color:#fff}@media(max-width:600px){.material-system-diagram{padding:12px}.material-system-title{font-size:15px}.material-system-row{grid-template-columns:1fr;gap:5px}.system-arrow{height:20px}.system-result{display:block;text-align:center}.system-result span{display:block;margin-top:4px}.signal-line{display:block;text-align:center}.signal-line i{width:60px;margin:0 auto 6px}.weave-diagram{padding:12px}.weave-columns{grid-template-columns:1fr;gap:6px}.weave-arrow{transform:rotate(90deg);height:22px}.weave-card{padding:10px}}

/* v12: Tガラス深掘り図解 */
.tglass-hero-diagram{margin:28px 0 8px;padding:20px;background:#f6efdf;border:1px solid var(--line)}
.tglass-diagram-title{text-align:center;font-weight:700;color:#183654;font-size:18px;margin-bottom:18px}
.tglass-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}
.tglass-chain>div{background:#fffdf7;border:1px solid #d7c9ad;padding:13px 9px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.tglass-chain>div.accent{background:#183654;color:#fff;border-color:#183654}
.tglass-chain b{font-size:13px;line-height:1.45}.tglass-chain span{display:block;font-size:10px;color:#6b604e;margin-top:5px;line-height:1.45}.tglass-chain .accent span{color:#e9dfc8}.tglass-chain i{align-self:center;color:#9a742d;font-style:normal;font-size:18px}
.tglass-thermal-diagram{margin:28px 0 8px;padding:18px;background:#fbf6e9;border:1px solid var(--line)}
.thermal-head{text-align:center;font-weight:700;color:#183654;margin-bottom:18px}.material-line{display:grid;grid-template-columns:110px 1fr 190px;gap:12px;align-items:center;margin:14px 0}.material-line>span{font-weight:700;color:#183654}.material-line small{color:#6b604e;font-size:11px}.thermal-bar{height:23px;border-radius:12px;background:#e3dac8;position:relative;overflow:hidden}.thermal-bar:after{content:"";position:absolute;left:0;top:0;bottom:0;border-radius:12px}.thermal-bar.low:after{width:26%;background:#8b8b8b}.thermal-bar.mid:after{width:58%;background:#b9a37a}.thermal-bar.tglass:after{width:34%;background:#b58a2a}.thermal-bar em{position:absolute;z-index:1;left:8px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.25)}.thermal-result{margin-top:18px;padding:11px;text-align:center;background:#fffdf7;border:1px dashed #bcae93;color:#183654;font-size:13px}
.tglass-balance{margin:28px 0;padding:18px;background:#f6efdf;border:1px solid var(--line);text-align:center}.balance-title{font-weight:700;color:#183654;margin-bottom:14px}.balance-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;align-items:center}.balance-grid span{padding:7px 10px;background:#fffdf7;border:1px solid #d7c9ad;color:#183654;font-size:12px}.balance-grid b{color:#9a742d}.tglass-balance p{margin:14px 0 0;color:#6b604e;font-size:12px}
@media(max-width:700px){.tglass-chain{grid-template-columns:1fr}.tglass-chain i{transform:rotate(90deg);height:20px}.material-line{grid-template-columns:1fr;gap:5px}.material-line small{font-size:10px}.tglass-hero-diagram,.tglass-thermal-diagram,.tglass-balance{padding:12px}.tglass-diagram-title{font-size:15px}}

/* v13: AI package article */
.ai-package-diagram{margin:28px 0 8px;padding:20px;background:#f6efdf;border:1px solid var(--line)}
.ai-diagram-title{text-align:center;font-weight:700;color:#183654;font-size:18px;margin-bottom:18px}
.ai-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.ai-chain>div{background:#fffdf7;border:1px solid #d7c9ad;padding:13px 9px;text-align:center;display:flex;flex-direction:column;justify-content:center}.ai-chain>div.accent{background:#183654;color:#fff;border-color:#183654}.ai-chain b{font-size:13px;line-height:1.45}.ai-chain span{display:block;font-size:10px;color:#6b604e;margin-top:5px;line-height:1.45}.ai-chain .accent span{color:#e9dfc8}.ai-chain i{align-self:center;color:#9a742d;font-style:normal;font-size:18px}
.package-scale{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:28px 0;padding:16px;background:#fbf6e9;border:1px solid var(--line)}.scale-card{background:#fffdf7;border:1px solid #d7c9ad;padding:14px;text-align:center}.scale-card b{display:block;color:#183654;margin-bottom:6px}.scale-card span{font-size:11px;color:#6b604e;line-height:1.5}.scale-card.strong{background:#183654;color:#fff;border-color:#183654}.scale-card.strong b{color:#fff}.scale-card.strong span{color:#e9dfc8}.package-scale .arrow{color:#9a742d;font-size:20px}
.tradeoff-diagram{margin:28px 0;padding:18px;background:#f6efdf;border:1px solid var(--line)}.tradeoff-title{text-align:center;font-weight:700;color:#183654;margin-bottom:14px}.tradeoff-row{display:grid;grid-template-columns:130px 30px 1fr;gap:8px;align-items:center;background:#fffdf7;border:1px solid #d7c9ad;padding:9px;margin:7px 0}.tradeoff-row span{font-weight:700;color:#183654;text-align:center}.tradeoff-row b{color:#9a742d;text-align:center}.tradeoff-row em{font-style:normal;color:#5f5548;font-size:12px}.tradeoff-row.warning{border-color:#bda46e}.tradeoff-row.warning em{font-weight:700;color:#183654}
.role-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0;padding:14px;background:#fbf6e9;border:1px solid var(--line)}.role-matrix>div{background:#fffdf7;border:1px solid #d7c9ad;padding:12px;text-align:center}.role-matrix b{display:block;color:#183654;margin-bottom:6px}.role-matrix span{font-size:10px;color:#6b604e;line-height:1.5}.four-axis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}.four-axis>div{border:1px solid #d7c9ad;background:#f6efdf;padding:13px;text-align:center}.four-axis strong{display:block;color:#183654;margin-bottom:7px}.four-axis span{font-size:11px;color:#6b604e;line-height:1.5}.system-loop{margin:28px auto;padding:16px;max-width:560px;background:#fbf6e9;border:1px solid var(--line);text-align:center}.system-loop>div{background:#fffdf7;border:1px solid #d7c9ad;padding:10px;margin:6px 0;color:#183654;font-weight:700}.system-loop>div.accent{background:#183654;color:#fff;border-color:#183654}.system-loop i{display:block;color:#9a742d;font-style:normal;font-size:18px;line-height:1}
@media(max-width:700px){.ai-chain{grid-template-columns:1fr}.ai-chain i{transform:rotate(90deg);height:20px}.package-scale{grid-template-columns:1fr}.package-scale .arrow{transform:rotate(90deg);height:20px}.role-matrix,.four-axis{grid-template-columns:1fr 1fr}.tradeoff-row{grid-template-columns:1fr}.tradeoff-row b{display:none}.ai-package-diagram{padding:12px}.ai-diagram-title{font-size:15px}}

/* v14: glass core article */
.glass-core-diagram{margin:28px 0 8px;padding:20px;background:#f6efdf;border:1px solid var(--line)}
.glass-core-title{text-align:center;font-weight:700;color:#183654;font-size:18px;margin-bottom:18px}.glass-core-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.glass-core-chain>div{background:#fffdf7;border:1px solid #d7c9ad;padding:13px 9px;text-align:center;display:flex;flex-direction:column;justify-content:center}.glass-core-chain>div.accent{background:#183654;color:#fff;border-color:#183654}.glass-core-chain b{font-size:13px;line-height:1.45}.glass-core-chain span{display:block;font-size:10px;color:#6b604e;margin-top:5px;line-height:1.45}.glass-core-chain .accent span{color:#e9dfc8}.glass-core-chain i{align-self:center;color:#9a742d;font-style:normal;font-size:18px}
.core-cross-section{display:grid;grid-template-columns:1fr 58px 1.7fr 58px 1fr;align-items:stretch;margin:28px auto 8px;max-width:650px;min-height:110px}.core-cross-section>div{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #d7c9ad}.core-cross-section .build{background:#f6efdf;color:#183654;font-weight:700}.core-cross-section .copper{background:#b58a2a;color:#fff;font-weight:700}.core-cross-section .glass{background:#dce5e8;color:#183654;font-weight:700;line-height:1.5}.core-cross-section small{font-size:10px;display:block}
.flatness-balance{display:flex;align-items:center;justify-content:center;gap:10px;margin:28px 0;padding:16px;background:#fbf6e9;border:1px solid var(--line)}.flatness-balance>div{background:#fffdf7;border:1px solid #d7c9ad;padding:13px;text-align:center;min-width:130px}.flatness-balance b{display:block;color:#183654;margin-bottom:6px}.flatness-balance span{font-size:10px;color:#6b604e}.flatness-balance>strong{color:#9a742d;font-size:20px}.flatness-balance .result{background:#183654;border-color:#183654}.flatness-balance .result b{color:#fff}.flatness-balance .result span{color:#e9dfc8}
.glass-vs-glasscore{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:10px;margin:28px 0;padding:16px;background:#f6efdf;border:1px solid var(--line)}.glass-vs-glasscore>div:not(.vs){background:#fffdf7;border:1px solid #d7c9ad;padding:16px}.glass-vs-glasscore b{display:block;color:#183654;font-size:18px;margin:8px 0}.glass-vs-glasscore p{font-size:12px;line-height:1.7;margin:8px 0}.glass-vs-glasscore small{color:#8a652d}.glass-vs-glasscore .vs{text-align:center;color:#9a742d;font-size:28px;font-weight:700}.badge{display:inline-block;padding:5px 10px;background:#f1e5cc;border:1px solid #cdbb9b;color:#8a652d;font-size:11px;font-weight:700}.badge.dark{background:#183654;border-color:#183654;color:#fff}
.tgv-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch;margin:28px 0;padding:16px;background:#fbf6e9;border:1px solid var(--line)}.tgv-chain>div{background:#fffdf7;border:1px solid #d7c9ad;padding:13px;text-align:center}.tgv-chain b{display:block;color:#183654;margin-bottom:5px}.tgv-chain span{font-size:10px;color:#6b604e}.tgv-chain i{align-self:center;color:#9a742d;font-style:normal;font-size:18px}.tgv-chain .accent{background:#183654;color:#fff;border-color:#183654}.tgv-chain .accent b{color:#fff}.tgv-chain .accent span{color:#e9dfc8}
.property-balance{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0}.property-balance>div{background:#f6efdf;border:1px solid #d7c9ad;padding:13px;text-align:center}.property-balance b{display:block;color:#183654;margin-bottom:6px}.property-balance span{font-size:10px;color:#6b604e}
.material-ecosystem{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;padding:14px;background:#fbf6e9;border:1px solid var(--line)}.material-ecosystem>div{background:#fffdf7;border:1px solid #d7c9ad;padding:13px 8px;text-align:center}.material-ecosystem b{display:block;color:#183654;margin-bottom:6px}.material-ecosystem span{font-size:10px;color:#6b604e;line-height:1.5}
@media(max-width:700px){.glass-core-chain{grid-template-columns:1fr}.glass-core-chain i{transform:rotate(90deg);height:20px}.core-cross-section{grid-template-columns:1fr;min-height:0}.core-cross-section>div{min-height:55px}.flatness-balance{flex-direction:column}.flatness-balance>strong{transform:rotate(90deg);height:16px}.glass-vs-glasscore{grid-template-columns:1fr}.glass-vs-glasscore .vs{height:25px}.tgv-chain{grid-template-columns:1fr}.tgv-chain i{transform:rotate(90deg);height:20px}.property-balance,.material-ecosystem{grid-template-columns:1fr 1fr}.glass-core-diagram{padding:12px}.glass-core-title{font-size:15px}}

/* v16：徒然コラム */
.column-letter{margin:28px 0;padding:22px 24px;background:#fbf6e9;border:1px solid var(--line);border-left:5px solid #b58a2a}.column-letter p{margin:0 0 18px}.column-letter p:last-child{margin-bottom:0}.quote-callout{margin:30px 0;padding:22px 24px;background:#183654;color:#fff;border-left:5px solid #b58a2a;text-align:center}.quote-callout p{margin:0;font-size:20px;line-height:1.8}.quote-callout strong{color:#fff}.column-signature{margin:34px 0 10px;text-align:right;color:#6b604e}.column-signature span{margin-right:10px}.column-signature strong{color:#183654;font-size:20px;margin-right:5px}.column-signature small{font-size:11px}.tsurezuregusa-quote{margin:25px 0;padding:24px;background:#f6efdf;border:1px solid #d7c9ad;box-shadow:inset 0 0 0 1px rgba(181,138,42,.08)}.tsurezuregusa-quote p{margin:0;font-size:16px;line-height:2.15}.tsurezuregusa-quote .quote-note{margin-top:14px;text-align:right;font-size:12px;color:#7b6a50}@media(max-width:600px){.column-letter,.quote-callout,.tsurezuregusa-quote{padding:18px}.quote-callout p{font-size:17px}.tsurezuregusa-quote p{font-size:14px;line-height:2}}

.column-feature-card{display:block;padding:24px 26px;background:#fbf6e9;border:1px solid var(--line);border-left:5px solid #b58a2a;transition:.2s}.column-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,54,84,.08)}.column-feature-label{color:#9a742d;font-size:12px;margin-bottom:6px}.column-feature-card h3{margin:0 0 10px;color:#183654;font-size:23px}.column-feature-card p{margin:0 0 12px;color:#5f5548}.column-feature-card span{color:#183654;font-weight:700}@media(max-width:600px){.column-feature-card{padding:18px}.column-feature-card h3{font-size:19px}}

/* v18 additions */
.maker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.maker-card{border:1px solid var(--line);background:#fffdf7;padding:18px}.maker-card .maker-category{display:inline-block;color:#8b6b2d;font-size:11px;border:1px solid #cdbd9e;padding:2px 8px;margin-bottom:6px}.maker-card h2{border-left:0;padding-left:0;margin:4px 0 8px;color:#183654}.maker-card p{font-size:13px;margin-top:0}.maker-card a{display:inline-block;color:#183654;border-bottom:1px solid #bda985;font-size:12px}.glossary-note{background:#f5eedc;padding:15px;border:1px solid var(--line)}@media(max-width:600px){.maker-grid{grid-template-columns:1fr}.maker-card{padding:14px}}