/* v0.4.36: blog examples only plus scoped navigation responsive adjustments */
/* The existing homepage and legal page content/styles remain untouched. */
@media(min-width:1101px){
  .bmds-site .bmds-nav{gap:clamp(10px,1.55vw,22px)}
  .bmds-site .bmds-nav a{white-space:nowrap}
}
@media(min-width:801px) and (max-width:1100px){
  .bmds-site .bmds-nav{gap:12px}
  .bmds-site .bmds-nav a{font-size:12px;white-space:nowrap}
  .bmds-site .bmds-header-inner{gap:12px}
  .bmds-site .bmds-logo{font-size:clamp(17px,1.7vw,20px);white-space:nowrap}
}
@media(max-width:800px){
  .bmds-examples-home-mobile{display:flex;justify-content:center;align-items:center;padding:0 16px 9px;background:#151f27;}
  .bmds-examples-home-mobile a{display:block;border-top:1px solid rgba(226,211,185,.25);width:min(100%,460px);padding:8px 6px 3px;text-align:center;color:#e8d4b1;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.05em}
  .bmds-examples-home-mobile a span{padding-left:7px;font-size:14px}
  .bmds-site .bmds-subpage-mobile-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
}
@media(min-width:801px){.bmds-examples-home-mobile{display:none}}
/* A dedicated editorial page with colors taken from the existing literary Site */
.bmds-site-blog-examples{--examples-ink:#253937;--examples-sage:#51665e;--examples-gold:#b49a6e;--examples-paper:#f5f2eb;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bmds-site-blog-examples .bmds-header{background:rgba(21,31,39,.97);color:#f5f2eb;border-bottom:1px solid rgba(226,211,185,.2)}
.bmds-site-blog-examples .bmds-header-inner{min-height:78px}
.bmds-site-blog-examples .bmds-nav a{color:#eeeae1;font-size:13px;letter-spacing:.035em}
.bmds-site-blog-examples .bmds-nav a:not(.bmds-login):hover{color:#e8cb98}
.bmds-site-blog-examples .bmds-nav a[aria-current="page"]:not(.bmds-login){color:#e8cb98;text-decoration:underline;text-underline-offset:5px}
.bmds-site-blog-examples .bmds-nav .bmds-login{background:transparent;color:#e8d4b1;border:1px solid #ae9977;border-radius:2px;box-shadow:none;padding:10px 21px}
.bmds-site-blog-examples .bmds-subpage-mobile-nav{background:#1d2a30;border-top-color:rgba(226,211,185,.2)}
.bmds-site-blog-examples .bmds-subpage-mobile-nav a{color:#f0e8d9}
.bmds-site-blog-examples .bmds-examples-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 81% 17%,rgba(182,155,105,.13),transparent 40%),linear-gradient(122deg,#253937 0%,#1b2d2d 63%,#18232c 100%);color:#f5f2eb;border-bottom:1px solid var(--examples-gold);padding:100px 0 106px}
.bmds-site-blog-examples .bmds-examples-hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(226,211,185,.14);transform:rotate(18deg);right:-65px;top:-124px;pointer-events:none}
.bmds-site-blog-examples .bmds-eyebrow{color:#e3bb83;letter-spacing:.18em;font-size:11px;line-height:1.5}
.bmds-site-blog-examples .bmds-eyebrow:before{width:39px;height:1px;background:#c7a875}
.bmds-site-blog-examples .bmds-examples-hero h1{max-width:850px;color:#f9f4ea;font:650 clamp(36px,5.1vw,63px)/1.48 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;letter-spacing:.05em;margin:20px 0 24px}
.bmds-site-blog-examples .bmds-examples-hero p{max-width:750px;color:#cad4cd;font-size:15px;line-height:2.05;letter-spacing:.02em}
.bmds-examples-section{background:linear-gradient(180deg,#e9ebe5 0%,var(--examples-paper) 40%,#f5f2eb 100%);padding:89px 0 95px}
.bmds-examples-intro{max-width:800px;margin:0 0 47px}
.bmds-examples-intro>span,.bmds-examples-ending .bmds-container>span{display:block;font:700 11px Georgia,serif;letter-spacing:.18em;color:#92764d}
.bmds-examples-intro h2{color:var(--examples-ink);font:650 clamp(30px,3.6vw,46px)/1.5 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;letter-spacing:.045em;margin:15px 0}
.bmds-examples-intro p{font-size:14px;color:#53645e;line-height:2}
.bmds-examples-list{display:grid;gap:20px}
.bmds-example-card{display:grid;grid-template-columns:minmax(160px,.28fr) minmax(0,1fr);background:#fbf9f4;border:1px solid #d4d2c7;border-left:3px solid #a78e66;box-shadow:12px 12px 0 rgba(111,122,105,.055);min-width:0}
.bmds-example-label{padding:36px 27px;background:rgba(225,228,217,.37);border-right:1px solid #dcdacf;display:flex;flex-direction:column;gap:14px}
.bmds-example-count{font:400 51px/1 Georgia,serif;color:#9a8c71}
.bmds-example-kind{color:#63746c;font:700 10px/1.7 Georgia,serif;letter-spacing:.095em;word-break:break-word}
.bmds-example-content{padding:32px clamp(24px,4vw,52px) 35px;min-width:0}
.bmds-example-content h3{font:650 clamp(25px,3.4vw,34px)/1.5 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;color:#243d35;margin:0 0 5px}
.bmds-example-tagline{font-size:15px!important;font-weight:700;color:#7c6846!important;margin:0 0 12px!important}
.bmds-example-content p{font-size:14px;color:#4a5b54;line-height:2;margin:0 0 21px;max-width:720px}
.bmds-example-content .bmds-example-note{font-size:12px;color:#718078;margin-top:-3px;margin-bottom:17px}
.bmds-example-content>a{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #907c5b;padding:7px 0 7px;color:#2d4b41;text-decoration:none;font-weight:800;font-size:13px}
.bmds-example-content>a:hover{color:#967246;border-bottom-color:#967246}
.bmds-example-content>a:focus-visible,.bmds-site-blog-examples a:focus-visible{outline:2px solid #b28e52;outline-offset:4px}
.bmds-example-content>a span{font-size:19px;line-height:1;font-weight:400}
.bmds-examples-disclaimer{margin:35px 0 0;padding:17px 20px;border-left:2px solid #b4a47f;color:#5d6a61;font-size:12px;line-height:1.95;background:rgba(251,249,243,.7)}
.bmds-examples-ending{background:#151f27;color:#f5f2eb;padding:77px 0 89px}
.bmds-examples-ending .bmds-container>span{color:#e3bc89}
.bmds-examples-ending h2{font:650 clamp(29px,3.6vw,44px)/1.55 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;letter-spacing:.035em;margin:18px 0}
.bmds-examples-ending p{font-size:14px;line-height:2;color:#c3ceca}
.bmds-examples-ending .bmds-container>div{display:flex;flex-wrap:wrap;gap:13px 35px;margin-top:27px}
.bmds-examples-ending a{color:#ebd0a7;text-decoration:none;border-bottom:1px solid #9a8a70;padding:8px 0;font-size:13px;font-weight:700}
.bmds-examples-ending a span{margin-left:15px}
@media(max-width:1100px) and (min-width:801px){.bmds-site-blog-examples .bmds-nav a{font-size:12px}}
@media(max-width:800px){
  .bmds-site-blog-examples .bmds-header-inner{min-height:66px}
  .bmds-site-blog-examples .bmds-examples-hero{padding:72px 0 77px}
  .bmds-examples-section{padding:62px 0 75px}
  .bmds-example-card{grid-template-columns:1fr}
  .bmds-example-label{padding:18px 21px 13px;border-right:0;border-bottom:1px solid #dcdacf;flex-direction:row;align-items:center;gap:15px}
  .bmds-example-count{font-size:31px}
  .bmds-example-kind{font-size:9px}
  .bmds-example-content{padding:25px 24px 28px}
  .bmds-examples-intro{margin-bottom:32px}
  .bmds-examples-ending{padding:65px 0}
}
@media(max-width:440px){.bmds-site-blog-examples .bmds-examples-hero h1{font-size:31px}.bmds-examples-intro h2{font-size:29px}.bmds-example-content h3{font-size:27px}.bmds-example-content p{font-size:13px}}