/* Local design proposal. Native logos; no article or search content edits. */
body{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}body .brand-header{background:white}.brand-header .brand-top{display:grid;align-items:center;gap:24px;min-height:128px;padding:22px 0}.brand-header .brand{gap:15px;color:inherit;min-width:0}.brand-header .brand img{width:66px;height:66px;flex-shrink:0}.brand-type{display:block;min-width:0}.brand-header .brand-en{display:block;font:600 10px/1.2 "Segoe UI",sans-serif;letter-spacing:.2em;margin-bottom:8px}.brand-header .brand strong{font-size:30px;font-weight:850;line-height:1.25;letter-spacing:.04em;white-space:nowrap}.brand-header .brand small{font-size:11px;line-height:1.6;margin-top:7px;letter-spacing:.03em}.brand-topic>span{font:650 10px/1.5 "Segoe UI",sans-serif;letter-spacing:.16em}.brand-topic p{font-size:11px;margin-top:7px;line-height:1.7}.brand-header .header-nav{gap:0;display:flex;margin:0;font-size:13px;line-height:1.5;align-items:stretch}.header-nav>a{display:flex;gap:11px;align-items:center;min-height:48px;padding:9px 18px;white-space:nowrap}.header-nav .nav-index{font:500 10px/1 "Segoe UI",sans-serif;opacity:.75}.header-nav i{font-size:13px;font-style:normal;margin-left:6px}.hero-guides{display:flex;align-items:center;flex-direction:column;justify-content:center;flex-shrink:0}.hero-guides span{font-size:10px;letter-spacing:.03em;line-height:1.7;margin-top:4px;color:#546259}.hero h1{font-size:32px;line-height:1.55;letter-spacing:.015em}.hero .intro{font-size:14px;line-height:1.95;margin-top:13px}.hero-title .eyebrow{font-size:11px;margin-bottom:7px}.hero-title .pair-mini{width:120px;max-height:92px;object-fit:contain}.hero .hero-title{align-items:center;margin-bottom:24px}.lead-copy .tag{border:0;background:transparent;padding:0;font-size:11px;letter-spacing:.04em}.lead-copy h2{line-height:1.65}.lead-copy .date{margin-top:8px}.lead-copy .more{font-size:12px}.route-bar a,.route-bar small{line-height:1.7}.section-head h2{font-size:20px;line-height:1.7}.section-head a{white-space:nowrap}.product-card,.lead-card,.guide-card{box-shadow:none}.product-card .photo,.mini-card .photo{background:#f6f6f3}.product-card h2{line-height:1.75}.tag{border-radius:0}.site-header a:hover,.route-bar a:hover{opacity:1}.site-header a:hover{background:rgba(128,128,128,.08)}
.brand-header .brand strong{white-space:normal}
.hero h1 .phrase{display:inline-block;max-width:100%}
/* 卓あそび手帖 : paper, ink, and a compact editorial masthead. */
body.boardgame{background:#fffefa;color:#26372f}.boardgame .brand-header{border-top:5px solid #234d41;border-bottom:1px solid #c6cbbd}.boardgame .brand-top{grid-template-columns:1fr auto;padding:22px 0 0;gap:20px 28px;min-height:0}.boardgame .brand strong{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:33px;letter-spacing:.06em;color:#233e32}.boardgame .brand strong>span{font-weight:600}.boardgame .brand small{color:#6c7165}.boardgame .brand-en{color:#8b641d}.boardgame .brand-topic{text-align:right;border-left:1px solid #d8d5c6;padding-left:30px;color:#586354}.boardgame .brand-topic>span{color:#294c3e}.boardgame .header-nav{grid-column:1/-1;border-top:1px solid #d9d9ca;margin-top:0;justify-content:flex-start}.boardgame .header-nav>a{border-right:1px solid #d9d9ca;padding:14px 28px 14px 0;margin-right:28px;min-height:49px;color:#294b3d;font-weight:650}.boardgame .header-nav>a:last-child{border-right:0}.boardgame .header-nav i{color:#a6792c}.boardgame .hero{padding:27px 0 0;background:#f5f2e9;border-bottom:1px solid #d9d9ca}.boardgame .hero h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:700;font-size:31px}.boardgame .hero .intro{max-width:720px;color:#5d6658}.boardgame .hero-guides{padding-left:25px;border-left:1px solid #d4d3c2}.boardgame .home-feature{gap:28px;grid-template-columns:minmax(0,1.78fr) minmax(0,1fr)}.boardgame .lead-card{grid-template-columns:46% 54%;background:#fffefa;border:1px solid #d6d4c8;border-radius:0;align-items:stretch}.boardgame .lead-card .photo{background:#efeade;min-height:280px;padding:14px}.boardgame .lead-copy{padding:22px}.boardgame .lead-copy h2{font-size:21px;font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:700}.boardgame .lead-copy p{font-size:13px;line-height:1.9}.boardgame .mini-card{grid-template-columns:100px 1fr;border-color:#d2d4c5;padding-bottom:18px;gap:18px}.boardgame .mini-card .photo{width:100px;height:115px;background:#ececdf;padding:8px}.boardgame .mini-card h3{font-size:15px;line-height:1.7}.boardgame .mini-card p{font-size:12px}.boardgame .route-bar{padding:22px 0;gap:0}.boardgame .route-bar a{background:transparent;border:0;border-right:1px solid #cdcdbf;padding:4px 24px;font-size:13px;font-weight:700;min-width:0}.boardgame .route-bar a:first-child{padding-left:0}.boardgame .route-bar a:last-child{border:0}.boardgame .route-bar small{font-size:11px;color:#5e685a}.boardgame .product-card{border-radius:0;border:1px solid #deded0}.boardgame .section-head{border-bottom:1px solid #263f31;padding-bottom:12px}.boardgame .section-head h2{font-family:"Noto Serif JP","Yu Mincho",serif}.boardgame .card-copy .tag{color:#78551c;background:#faf1dd;border:0}.boardgame .quick span{background:#eeefe5}.boardgame .guide-card{border-radius:0;background:#f1f0e6}.boardgame .site-footer{background:#efeee5}
/* カード支度室 : compact index, a graphic card-cut logo, coral editorial details. */
body.cards{background:#fff;color:#202b40}.cards .brand-header{border:0;border-bottom:1px solid #d4d8e0}.cards .brand-top{grid-template-columns:1fr auto;min-height:122px}.cards .brand img{width:63px;height:68px}.cards .brand strong{font-size:32px;letter-spacing:.01em;font-weight:900}.cards .brand strong>span{color:#df5b41}.cards .brand-en{color:#46516a}.cards .brand small{color:#596174;font-size:11px}.cards .brand-topic{display:none}.cards .header-nav{border:1px solid #d7dce2;border-radius:7px;overflow:hidden}.cards .header-nav>a{padding:16px 18px;color:#23304b;border-right:1px solid #d7dce2;gap:10px}.cards .header-nav>a:first-child{background:#23304b;color:#fff}.cards .header-nav>a:last-child{border:0}.cards .header-nav .nav-index{color:#c85a43;opacity:1}.cards .header-nav>a:first-child .nav-index{color:#ffad93}.cards .header-nav i{display:none}.cards .hero{padding:30px 0 26px;background:#f5f4f1;border-bottom:1px solid #d4d8e0}.cards .hero>.wrap{display:grid;grid-template-columns:305px minmax(0,1fr);column-gap:42px;row-gap:20px;align-items:start}.cards .hero-title{display:block;grid-column:1;grid-row:1;margin:0}.cards .hero-title .eyebrow{color:#8f4435;font-size:11px;letter-spacing:.08em}.cards .hero h1{font-size:29px;line-height:1.7;font-weight:850;max-width:295px;letter-spacing:.01em}.cards .hero .intro{font-size:13px;line-height:2;color:#51586b;margin-top:16px}.cards .hero-guides{flex-direction:row;justify-content:start;gap:12px;margin-top:20px;border-top:1px solid #d6d4cf;padding-top:17px}.cards .hero-title .pair-mini{width:108px;height:77px;max-height:77px}.cards .hero-guides span{font-size:10px;color:#4e5669;max-width:100px}.cards .home-feature{grid-column:2;grid-row:1 / span 2;gap:18px;min-width:0}.cards .lead-card{grid-template-columns:45% 55%;background:#fff;border:1px solid #dddce0;border-radius:0;align-items:stretch}.cards .lead-card .photo{height:100%;min-height:260px;background:#fff;padding:16px}.cards .lead-copy{padding:21px;border-left:0}.cards .lead-copy .tag{color:#b14530;font-size:10px}.cards .lead-copy h2{font-size:19px;font-weight:800;line-height:1.75}.cards .lead-copy p{font-size:13px;line-height:1.95}.cards .lead-copy .more{border-bottom:1px solid #e46348;padding-bottom:3px}.cards .side-list{gap:20px}.cards .mini-card{grid-template-columns:90px 1fr;gap:12px;border-bottom:1px solid #d1d3dc;padding-bottom:15px}.cards .mini-card .photo{width:90px;height:91px;background:#fff}.cards .mini-card h3{font-size:13px;line-height:1.7}.cards .mini-card p{font-size:11px}.cards .mini-card .date{font-size:10px}.cards .route-bar{grid-column:1;grid-row:2;display:block;margin:0;padding:0;border-top:2px solid #24314a;overflow:visible;align-self:end}.cards .route-bar a{min-width:0;border:0;border-bottom:1px solid #d2d5dd;background:transparent;padding:12px 0;font-size:13px;display:block}.cards .route-bar small{font-size:11px;color:#626779;margin-top:3px}.cards .section{padding-top:30px}.cards .section-head{border-bottom:1px solid #26314a;border-top:0;padding-bottom:12px}.cards .section-head h2{font-size:20px;font-weight:800}.cards .section-head a{color:#a63f29}.cards .product-card{border:1px solid #e1e2e5;border-radius:0}.cards .product-card .photo{background:#f5f5f7;height:220px;padding:12px}.cards .card-copy{padding:20px}.cards .card-copy h2{font-size:17px}.cards .card-copy>.tag{border:0;border-left:3px solid #df654b;padding-left:7px;font-size:11px}.cards .quick span{background:#f0f0f5}.cards .guide-card{border-left:4px solid #df654b;border-radius:0}.cards .site-footer{background:#f4f4f6}
/* つなぐデスク : a dark compact instrument-style masthead with clear white content. */
body.desk{background:#fff;color:#263f4a}.desk .brand-header{background:#152e39;border:0;border-bottom:1px solid #45606a;color:#f0f6f4}.desk .brand-top{grid-template-columns:1fr auto;min-height:125px;padding:20px 0}.desk .brand{color:#f0f6f4}.desk .brand strong{font-size:31px;color:#f0f6f4;letter-spacing:.04em;font-weight:750}.desk .brand strong>span{font-weight:400;letter-spacing:.02em}.desk .brand img{width:65px;height:65px}.desk .brand-en{color:#76d2bc;font-size:10px;letter-spacing:.18em}.desk .brand small{color:#bdd0d4;font-size:11px;letter-spacing:.05em}.desk .brand-topic{display:none}.desk .header-nav{gap:8px}.desk .header-nav>a{border:1px solid #44606b;color:#f0f6f4;padding:13px 17px;border-radius:2px;font-size:12px;gap:12px}.desk .header-nav>a:first-child{background:#7ee5c8;border-color:#7ee5c8;color:#173d3e}.desk .header-nav>a:hover{background:#33545e}.desk .header-nav>a:first-child:hover{background:#b1efde}.desk .header-nav .nav-index{color:#8ed6c4;opacity:1}.desk .header-nav>a:first-child .nav-index{color:#25594c}.desk .header-nav i{display:none}.desk .hero{background:#152e39;border-bottom:0;padding:20px 0 0;color:#e0eaea}.desk .hero h1{color:#f4f9f7;font-size:31px;font-weight:650;letter-spacing:.01em}.desk .hero-title{margin-bottom:22px}.desk .hero .eyebrow{color:#92ddc9;letter-spacing:.1em;font-size:10px}.desk .hero .intro{max-width:820px;color:#c1d0d5;font-size:13px;line-height:1.95}.desk .hero-guides{flex-direction:row;gap:12px;align-items:center;max-width:210px;padding:10px 12px;background:#294550;border:1px solid #3c5c68}.desk .hero-title .pair-mini{width:92px;max-height:82px}.desk .hero-guides span{font-size:10px;color:#d2e6e4;max-width:65px}.desk .route-bar{border-top:1px solid #45606b;gap:0;padding:0;margin:0}.desk .route-bar a{background:transparent;border:0;border-right:1px solid #45606b;padding:17px 25px 19px;color:#eff7f4;font-size:13px;min-width:0;font-weight:600}.desk .route-bar a:first-child{padding-left:0}.desk .route-bar a:last-child{border:0}.desk .route-bar a small{color:#bdd3d3;font-size:11px;margin-top:4px}.desk .route-bar a:hover{background:#284750}.desk .section-head{border-bottom:1px solid #456471;padding-bottom:13px}.desk .section-head h2{font-size:20px;font-weight:650}.desk .section-head a{font-size:12px}.desk .product-card{border:1px solid #d6e0e3;border-top:0;border-radius:0;background:#fff}.desk .product-card .photo{height:220px;padding:13px;background:#eef2f3;border-bottom:1px solid #d6e0e3}.desk .card-copy{padding:20px}.desk .card-copy h2{font-size:17px;font-weight:700}.desk .tag{border:0;background:#e7f4ef;color:#24574d;font-size:10px;padding:3px 7px;letter-spacing:.02em}.desk .quick span{background:#eef4f3}.desk .connection-panel{border-top:2px solid #2d786e;background:#eef4f4;padding:23px}.desk .connection-nodes>div{border:0;border-left:2px solid #c2d8d5}.desk .site-footer{background:#eff4f4}
@media(max-width:1050px) and (min-width:651px){.brand-header .brand strong,.boardgame .brand-header .brand strong{font-size:27px}.brand-header .brand-top{gap:20px}.brand-header .header-nav>a{padding-left:12px;padding-right:12px}.brand-topic{max-width:260px}.cards .hero>.wrap{grid-template-columns:260px minmax(0,1fr);gap:25px}.cards .lead-card{display:block}.cards .lead-card .photo{height:230px;min-height:0}.cards .side-list{grid-template-columns:1fr}.boardgame .home-feature{grid-template-columns:1fr}.boardgame .side-list{grid-template-columns:1fr 1fr}.desk .hero-guides{display:none}}
@media(max-width:650px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.brand-header .brand-top{display:block;min-height:0;padding:16px 0 0}.brand-header .brand{gap:11px}.brand-header .brand img{width:48px;height:53px}.brand-header .brand-en{font-size:8px;letter-spacing:.17em;margin-bottom:6px}.brand-header .brand strong,.boardgame .brand-header .brand strong,.cards .brand-header .brand strong,.desk .brand-header .brand strong{font-size:25px;line-height:1.2;letter-spacing:.03em}.brand-header .brand small,.cards .brand-header .brand small,.desk .brand-header .brand small{font-size:9px;margin-top:6px;letter-spacing:.01em}.brand-header .brand-topic{display:none}.brand-header .header-nav{display:grid;grid-template-columns:1fr .8fr 1.35fr;gap:0;margin:16px 0 0;border-radius:0;min-width:0}.brand-header .header-nav>a{gap:6px;min-width:0;min-height:44px;white-space:normal;line-height:1.5;font-size:11px;justify-content:center;padding:9px 7px;margin:0;letter-spacing:0}.header-nav .nav-index{font-size:8px;align-self:center;flex-shrink:0}.header-nav i{display:none}.hero h1,.boardgame .hero h1,.cards .hero h1,.desk .hero h1{font-size:25px;line-height:1.6;letter-spacing:0}.hero .intro,.boardgame .hero .intro,.cards .hero .intro,.desk .hero .intro{font-size:13px;line-height:1.95;margin-top:12px}.hero-title .eyebrow{font-size:10px;line-height:1.65;letter-spacing:.05em}.hero .hero-title{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:11px;align-items:start;margin-bottom:17px}.hero .hero-guides{padding:0;border:0;background:none;flex-direction:column;align-items:center;gap:0;min-width:0;margin:5px 0 0;max-width:64px}.hero .hero-title .pair-mini{width:64px;height:auto;max-height:58px}.hero .hero-guides span,.desk .hero-guides span,.cards .hero-guides span{font-size:8px;line-height:1.5;text-align:center;margin-top:3px;max-width:64px;letter-spacing:0}.hero .lead-card{display:block}.hero .lead-card .photo{height:205px;min-height:0;padding:12px}.hero .lead-copy,.cards .hero .lead-copy{padding:17px}.hero .lead-copy h2,.boardgame .hero .lead-copy h2,.cards .hero .lead-copy h2{font-size:18px;line-height:1.75}.hero .lead-copy p{font-size:13px;line-height:1.9;margin:10px 0}.hero .lead-copy .more{font-size:11px}.hero .side-list,.cards .hero .side-list{grid-template-columns:1fr;gap:13px}.hero .mini-card,.cards .hero .mini-card{grid-template-columns:84px 1fr;gap:13px;padding-bottom:13px}.hero .mini-card .photo{width:84px;height:89px;padding:5px}.hero .mini-card h3{font-size:13px;line-height:1.7}.hero .mini-card p{font-size:11px;line-height:1.85}.hero .mini-card .date{font-size:10px}.hero .route-bar{margin:0;gap:0;display:grid;grid-template-columns:1fr 1fr 1fr;overflow:visible;padding:15px 0}.hero .route-bar a,.hero .route-bar a:first-child{min-width:0;padding:0 9px;border-right:1px solid #cccfc6;font-size:11px;font-weight:650;line-height:1.7;background:transparent}.hero .route-bar a:first-child{padding-left:0}.hero .route-bar a:last-child{border-right:0;padding-right:0}.hero .route-bar small{font-size:10px;line-height:1.7;margin-top:5px}.section{padding-top:24px}.section-head{gap:12px}.section-head h2,.boardgame .section-head h2,.cards .section-head h2,.desk .section-head h2{font-size:17px;line-height:1.8}.section-head a,.cards .section-head a,.desk .section-head a{font-size:10px;white-space:normal;flex-shrink:0;max-width:80px}.product-card>a{grid-template-columns:104px minmax(0,1fr)}.product-card .photo,.cards .product-card .photo,.desk .product-card .photo{width:104px;height:150px;padding:7px}.card-copy,.cards .card-copy,.desk .card-copy{padding:14px 12px}.card-copy h2,.cards .card-copy h2,.desk .card-copy h2{font-size:15px;line-height:1.8}.card-copy p{font-size:12px}.quick{font-size:10px}.card-copy>.tag,.cards .card-copy>.tag,.desk .card-copy>.tag{font-size:9px;line-height:1.65}.boardgame .brand-header{border-top-width:4px}.boardgame .header-nav{border-top:1px solid #d5d7ca}.boardgame .header-nav>a{padding:10px 5px;border-right:1px solid #d5d7ca}.boardgame .hero{padding-top:21px}.boardgame .home-feature{grid-template-columns:1fr;gap:20px}.boardgame .lead-card{border-color:#d8d5ca}.boardgame .route-bar a small{color:#5e685a}.cards .brand-top{padding:16px 0}.cards .header-nav{border:1px solid #d3d6de;margin-top:16px}.cards .header-nav>a{border-right:1px solid #d3d6de}.cards .hero{padding:23px 0 14px}.cards .hero>.wrap{display:flex;flex-direction:column;gap:18px;align-items:stretch}.cards .hero-title{margin:0;grid-template-columns:minmax(0,1fr) 64px}.cards .hero h1{max-width:none;font-size:24px}.cards .hero .intro{font-size:12px}.cards .hero .home-feature{display:block}.cards .lead-card .photo{height:220px;background:#fff}.cards .side-list{display:grid;margin-top:20px}.cards .hero .route-bar{border-top:1px solid #c8cdd6;padding:16px 0 3px}.cards .hero .route-bar a{border-bottom:0}.cards .product-card{border:1px solid #dadce1}.cards .section{padding-top:23px}.desk .brand-header .brand-top{padding:16px 0 0}.desk .header-nav{border-top:1px solid #4c6471}.desk .header-nav>a{border:0;border-right:1px solid #4c6471;background:transparent;border-radius:0;padding:11px 4px;font-size:11px;min-height:45px;color:#e5f1ee}.desk .header-nav>a:first-child{background:transparent;color:#a3f0d8}.desk .header-nav>a:first-child .nav-index{color:#9ad8c7}.desk .header-nav>a:last-child{border-right:0}.desk .hero{padding:22px 0 0}.desk .hero .hero-title{grid-template-columns:minmax(0,1fr) 62px;gap:9px;margin-bottom:18px}.desk .hero h1{font-size:24px}.desk .hero .intro{font-size:12px;color:#c0d2d5}.desk .hero .route-bar{border-color:#45606b;padding:17px 0}.desk .hero .route-bar a{border-color:#45606b;color:#e6f3f0}.desk .hero .route-bar small{color:#b8cece}.desk .desk-editorial-grid .product-card>a{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center}.desk .desk-editorial-grid .product-card .photo{width:112px;height:100%;max-height:210px;min-height:160px;padding:8px;border-bottom:0;border-right:1px solid #d6e0e3}.desk .desk-editorial-grid .card-copy{padding:14px 12px}.desk .desk-editorial-grid .card-copy h2{font-size:14px}.desk .desk-editorial-grid .quick{font-size:9px}.desk .desk-editorial-grid .more{font-size:10px;margin-top:8px}.desk .connection-panel{padding:18px}.desk .connection-nodes>div{padding:13px}.article-layout .article h1{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}}
@media(max-width:355px){.brand-header .brand strong,.boardgame .brand-header .brand strong,.cards .brand-header .brand strong,.desk .brand-header .brand strong{font-size:23px}.brand-header .brand small{font-size:8px}.brand-header .brand img{width:43px;height:49px}.brand-header .header-nav>a{font-size:10px;padding:9px 3px;gap:4px}.hero h1,.boardgame .hero h1,.cards .hero h1,.desk .hero h1{font-size:22px}.hero .hero-title{grid-template-columns:minmax(0,1fr) 53px;gap:8px}.hero .hero-title .pair-mini{width:53px}.hero .hero-guides{max-width:53px}.hero .route-bar a{font-size:10px}.hero .route-bar small{font-size:9px}.desk .desk-editorial-grid .product-card>a{grid-template-columns:93px minmax(0,1fr)}.desk .desk-editorial-grid .product-card .photo{width:93px}.desk .desk-editorial-grid .card-copy{padding:12px 10px}}

/* 2026-10-17: narrow color accents clarify navigation without changing destinations. */
.brand-header .header-nav>a{position:relative}
.brand-header .header-nav>a:before{content:"";position:absolute;left:0;top:50%;width:2px;height:16px;transform:translateY(-50%);background:var(--secondary)}
.boardgame .brand-header .header-nav>a{padding-left:17px}
.boardgame .brand-header .header-nav>a:before{background:#a77928;height:14px}
.cards .brand-header .header-nav>a:before{background:#e56648;height:18px}
.desk .brand-header .header-nav>a:before{background:#8bd8c3;height:18px}
.desk .brand-header .header-nav>a:first-child:before{background:#285e53}
.brand-header .header-nav>a:focus-visible{outline-width:2px;outline-offset:4px}
@media(max-width:650px){.brand-header .header-nav>a:before{left:5px;height:12px}.boardgame .brand-header .header-nav>a{padding-left:9px;padding-right:5px}.desk .brand-header .header-nav>a:first-child:before{background:#8bd8c3}.cards .brand-header .header-nav>a:before,.desk .brand-header .header-nav>a:before{height:14px}}