/* rc.3: only the user-requested learning typography, FAQ stroke and footer logo.
 * All previously approved CSS, photos, icons and section-spacing.css are retained.
 */
body.bfra-approved .bfv-footer .bfra-footer-logo{max-width:100%;min-width:0}
body.bfra-approved .bfv-footer .bfra-footer-logo>a{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%;text-decoration:none}
body.bfra-approved .bfv-footer .bfra-footer-logo img{display:block;width:200px;max-width:100%;height:auto;max-height:none;object-fit:contain}
body.bfra-approved .bfv-footer .bfra-footer-logo__sub{display:block;font-size:8px;line-height:1.6;color:#243447;letter-spacing:.03em;margin-top:2px}
body.bfra-approved .bfv-page .bfv-learning .bfp-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px}
body.bfra-approved .bfv-page .bfv-learning .bfp-eyebrow{width:100%;font-size:14px;line-height:1.7;margin:0;letter-spacing:.04em}
body.bfra-approved .bfv-page .bfv-learning h2{font-size:34px;line-height:1.5;letter-spacing:0;margin:0;flex:1 1 auto}
body.bfra-approved .bfv-page .bfv-learning .bfp-pill{font-size:13px;line-height:1.7;white-space:normal;padding:8px 16px;max-width:100%;overflow-wrap:anywhere}
body.bfra-approved .bfv-page .bfv-learning .bfp-grid{gap:14px}
body.bfra-approved .bfv-page .bfv-learning .bfp-card{padding:26px 16px;min-height:260px;height:auto}
body.bfra-approved .bfv-page .bfv-learning h3{font-size:18px;line-height:1.6;letter-spacing:0;min-height:100px;margin:0;overflow-wrap:anywhere}
body.bfra-approved .bfv-page .bfv-learning .bfp-card p{font-size:16px;line-height:1.85;letter-spacing:0;margin-top:16px;overflow-wrap:anywhere;text-wrap:pretty}
body.bfra-approved .bfv-page .bfv-learning .bfp-card p br{display:none}
body.bfra-approved .bfv-page .bfv-learning .bfp-learn__note{font-size:13px;line-height:1.85;margin-top:20px;overflow-wrap:anywhere}
/* Retain the source handwriting, but give it one continuous stroke at full heading width. */
body.bfra-approved .bfv-page .bfv-faq .bfp-eyebrow{font-size:11px;line-height:1.7;margin:0 0 4px}
body.bfra-approved .bfv-page .bfv-faq h2{margin:0 0 16px;line-height:1}
body.bfra-approved .bfv-page .bfv-faq h2 .bfra-faq-title{isolation:isolate;width:256px;max-width:calc(100% - 12px);margin-left:0}
body.bfra-approved .bfv-page .bfra-faq-title img{position:relative;z-index:1}
body.bfra-approved .bfv-page .bfra-faq-title::after{content:"";position:absolute;z-index:0;left:-6px;right:-6px;bottom:4px;height:20px;background:url("images/faq-brush.svg") center / 100% 100% no-repeat;pointer-events:none}
@media(max-width:900px){
 body.bfra-approved .bfv-page .bfv-learning .bfp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 body.bfra-approved .bfv-page .bfv-learning h2{font-size:30px}
 body.bfra-approved .bfv-page .bfv-learning .bfp-card{min-height:240px}
 body.bfra-approved .bfv-page .bfv-learning h3{min-height:70px}
}
@media(max-width:600px){
 body.bfra-approved .bfv-page .bfv-learning .bfp-grid{grid-template-columns:1fr}
 body.bfra-approved .bfv-page .bfv-learning h2{font-size:28px}
 body.bfra-approved .bfv-page .bfv-learning .bfp-card{padding:26px 22px;min-height:0}
 body.bfra-approved .bfv-page .bfv-learning h3{min-height:0}
 body.bfra-approved .bfv-page .bfv-learning .bfp-pill{font-size:13px}
}
@media(max-width:767px){
 body.bfra-approved .bfv-page .bfv-faq h2 .bfra-faq-title{width:240px}
 body.bfra-approved .bfv-page .bfra-faq-title::after{height:20px}
}
@media print,(forced-colors:active){body.bfra-approved .bfv-page .bfra-faq-title::after{display:none}}

body.bfra-approved .bfv-page .bfv-learning .bfra-learning-title>span{display:block;max-width:100%}
/* Figma: remove only the extraneous dark 「た」 at lower right of the original
 * transparent handwriting asset. Preserve blue accent strokes at upper right. */
body.bfra-approved .bfv-work .bfv-hand img[src*="work-handword.webp"]{clip-path:polygon(0 0,100% 0,100% 45%,89% 45%,89% 100%,0 100%)}
