/* WGE bridge v1.0（bundle: bridge）— 旧「料理図鑑」記事(.fd)を、本文に触れずに v4「スクラップ図鑑」の色・書体・写真の扱いへ寄せる外装。
   .fd 系の基本CSS（fda〜fdd）の後に読み込まれる。止めたいときは wge_css_bridge を空にするだけで元の見た目に戻る。 */
.fd.fd{--paper:#fffaea;--ink:#26313f;--ink2:#3c4654;--mut:#7d725d;--hair:rgba(38,49,63,.14);--gold:#0d7f7c;--aka:#e0483c;--dark:#26313f;
 font-family:var(--wge-font-sans);color:#26313f;background-color:#fffaea;
 background-image:var(--wge-confetti),radial-gradient(rgba(255,197,49,.26) 1.5px,transparent 1.6px),radial-gradient(rgba(255,197,49,.26) 1.5px,transparent 1.6px);
 background-size:240px 240px,30px 30px,30px 30px;background-position:0 0,0 0,15px 15px}
/* 全幅：WordPress の alignfull（has-global-padding の負マージン）を効かせる。
   元CSSの margin:0!important がそれを打ち消していたため、スマホで本文(.w = 92vw)が右に14pxはみ出していた（既存不具合） */
.fd.fd.alignfull{width:auto!important;margin-left:calc(var(--wp--style--root--padding-left,0px)*-1)!important;margin-right:calc(var(--wp--style--root--padding-right,0px)*-1)!important}
.fd h1,.fd h2,.fd h3,.fd .fd-quote,.fd .fd-relg .nm,.fd .fd-grid .nm,.fd .fd-gh{font-family:var(--wge-font-sans)}

/* 扉 */
.fd .fd-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.08) 30%,rgba(30,20,10,.68) 100%)}
.fd .fd-hero .pl{display:inline-block;background:#fff;color:#0d7f7c;font-family:var(--wge-font-sans);font-weight:700;font-size:14px;letter-spacing:.08em;padding:4px 16px;border-radius:999px;margin:0 0 4px}
.fd .fd-hero h1{font-weight:900;letter-spacing:.02em;color:#fff;margin-top:12px;
 text-shadow:0 4px 0 #ff5f52,4px 4px 0 #ff5f52,-3px 3px 0 #ff5f52,3px -2px 0 #ff5f52,-3px -2px 0 #ff5f52,0 10px 30px rgba(0,0,0,.45)}
.fd .fd-hero .lo{font-family:var(--wge-font-sans);font-weight:800;color:#fff;letter-spacing:.06em;margin-top:12px;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.fd .fd-hero .sub{display:inline-block;background:#ffc531;color:#26313f;font-family:var(--wge-font-sans);font-weight:800;letter-spacing:.02em;line-height:1.75;padding:9px 22px;border-radius:14px;transform:rotate(-1deg);box-shadow:4px 4px 0 #ff5f52}

/* リードと早見表 */
.fd .fd-lead p{font-family:var(--wge-font-sans);font-weight:500;color:#26313f;letter-spacing:.02em}
.fd .fd-info{background:#fff;border-top:0;border-radius:20px;padding:8px 26px;box-shadow:0 4px 0 rgba(38,49,63,.07)}
.fd .fd-info div{border-bottom:2px dotted #eadfc6}
.fd .fd-info div:last-child{border-bottom:0}
.fd .fd-info dt{color:#0d7f7c;letter-spacing:.08em}
.fd .fd-info dd{color:#26313f}

/* 章扉と見出し */
.fd .fd-cover::after{background:linear-gradient(180deg,rgba(10,14,12,.12),rgba(20,16,10,.64) 90%)}
.fd .fd-cover .no{display:inline-block;background:#ffc531;color:#26313f;font-family:var(--wge-font-sans);font-size:13px;letter-spacing:.18em;padding:3px 14px;border-radius:999px}
.fd .fd-cover h2{font-weight:900;letter-spacing:.02em}
.fd .fd-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;font-weight:800;letter-spacing:.02em;border-bottom:0;padding-bottom:0}
.fd .fd-h .n{display:inline-grid;place-items:center;flex:none;width:52px;height:52px;margin:0;border-radius:50%;background:#ff5f52;color:#fff;font-family:var(--wge-font-sans);font-size:21px;letter-spacing:0;transform:rotate(-6deg);box-shadow:0 3px 0 rgba(38,49,63,.16)}
.fd .fd-h::after{content:"";flex-basis:100%;height:10px;max-width:240px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5' fill='none' stroke='%23ffc531' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center/40px 10px}
.fd .fd-h3{border-left:0;padding-left:0;font-weight:800;display:flex;align-items:center;gap:10px}
.fd .fd-h3::before{content:"";flex:0 0 12px;height:12px;margin-right:16px;border-radius:50%;background:#13a3a0;box-shadow:16px 0 0 #ffc531}

/* 本文 */
.fd .fd-body p{color:#2f3a47}
.fd .fd-body b{color:#26313f;background:linear-gradient(transparent 64%,rgba(255,197,49,.5) 64%)}
.fd .fd-body .dc::first-letter{font-family:var(--wge-font-sans);color:#ff5f52;font-weight:900}

/* 写真 */
.fd figure img{border-radius:16px}
.fd .w>figure img,.fd .fd-pair img,.fd .fd-tri img,.fd .fd-cut img{border:4px solid #fff;box-shadow:0 4px 0 rgba(38,49,63,.12)}
.fd figcaption{border-left:0;padding-left:2px;color:#5b6572}
.fd figcaption::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#ff5f52;vertical-align:.12em}

/* 引用・表・注記 */
.fd .fd-quote{position:relative;border:0;background:#fff;border-radius:22px;padding:36px 30px;box-shadow:0 5px 0 rgba(38,49,63,.08);font-weight:800}
.fd .fd-quote::before{content:"";position:absolute;top:-11px;left:50%;width:112px;height:28px;margin-left:-56px;background:rgba(255,197,49,.8);transform:rotate(-3deg)}
.fd .fd-quote cite{color:#7d725d}
.fd .fd-tbl,.fd .fd-fee{background:#fff;border-top:0;border-radius:18px;padding:6px 22px;box-shadow:0 4px 0 rgba(38,49,63,.07)}
.fd .fd-tbl .r,.fd .fd-fee div{border-bottom:2px dotted #eadfc6}
.fd .fd-tbl .r:last-child,.fd .fd-fee div:last-child{border-bottom:0}
.fd .fd-tbl .hd>span,.fd .fd-fee .hd{color:#0d7f7c}
.fd .fd-note{background:#e2f6f2;border:0;border-radius:16px;padding:18px 22px}
.fd .fd-note b{color:#0d7f7c}
.fd .fd-orn{color:#ffc531}
.fd .fd-tag span{background:#ff5f52}
.fd .fd-tape::before{background:rgba(255,197,49,.75)}
.fd .fd-tape::after{background:rgba(19,163,160,.45)}
.fd mark.fd-mk{background:linear-gradient(transparent 62%,rgba(255,197,49,.7) 62%)}

/* 近くの棚・次の料理・出典 */
.fd .fd-rel h2,.fd .fd-gh{border-bottom:3px solid #26313f;font-weight:800}
.fd .fd-relg img,.fd .fd-grid img{border-radius:14px;border:3px solid #fff;box-shadow:0 3px 0 rgba(38,49,63,.12)}
.fd .fd-relg a:hover .nm,.fd .fd-grid a:hover .nm{color:#0d7f7c}
.fd .fd-nav{border-top:0}
.fd .fd-nav a{margin-top:10px;background:#fff;border:2px solid #eadfc6;border-radius:14px;padding:14px 18px;color:#26313f;font-weight:700}
.fd .fd-nav a:hover{border-color:#13a3a0}
.fd .fd-nav a span:last-child{color:#ff5f52}
.fd .fd-src{color:#6b6355}

@media (max-width:600px){
 .fd .fd-h .n{width:44px;height:44px;font-size:18px}
 .fd .fd-info,.fd .fd-tbl,.fd .fd-fee{padding-left:16px;padding-right:16px}
 .fd .fd-quote{padding:30px 20px}
 .fd .fd-hero .sub{padding:8px 16px}
 .fd .fd-fee div span:last-child{white-space:normal;text-align:right}
}