*{box-sizing:border-box}body{margin:0;background:#f2efe7;color:#17221d;font-family:"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.95}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid #ce3f2b;outline-offset:5px}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.preview{background:#17221d;color:#f2efe7;text-align:center;font-size:12px;padding:7px 15px}main{padding:60px 0 80px}.eyebrow{color:#a93b2b;font:600 12px monospace;letter-spacing:.1em}h1{font-size:clamp(30px,4.2vw,56px);line-height:1.45;letter-spacing:.01em;font-weight:600;margin:20px 0 24px}.intro{max-width:620px;color:#566059}.feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:48px 0;border-top:1px solid #aaa;margin-top:52px}.feature img{width:100%;max-height:570px;object-fit:cover}.feature h2{font-size:30px;line-height:1.5}.tag{font-size:12px;color:#566059}.button{display:inline-block;background:#17221d;color:#f2efe7;padding:12px 22px;text-decoration:none;margin-top:16px}.secondary{display:inline-block;margin:20px 0;font-size:14px}.article-head{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.article-head img{width:100%;max-height:680px;object-fit:cover}.article-head h1{font-size:clamp(30px,3.4vw,44px)}.prose{max-width:700px;margin:64px auto 0;font-size:16px}.prose h2{font-size:26px;line-height:1.6;margin:55px 0 20px}.prose p{margin:22px 0}.prose img{display:block;width:100%;max-height:580px;object-fit:cover;margin:36px 0 12px}.prose em{font-style:normal;font-size:13px;color:#566059}.prose li{padding:8px 0}.source{border-top:1px solid #aaa;margin-top:55px;padding:28px 0}.source a{display:inline-block;margin:8px 0}footer{border-top:1px solid #aaa;padding:24px 0 40px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.trail{font-size:13px;margin-bottom:28px}.note{font-size:13px;color:#566059;margin-top:50px}@media(max-width:650px){.wrap{width:calc(100% - 36px)}main{padding-top:32px}.feature,.article-head{grid-template-columns:1fr;gap:24px}.feature{padding-top:28px;margin-top:32px}.feature h2{font-size:26px}.article-head img{max-height:540px}.prose{margin-top:30px}.prose h2{font-size:23px}footer{flex-wrap:wrap}}
button.button{font:inherit;border:0;cursor:pointer}button:focus-visible{outline:3px solid #ce3f2b;outline-offset:5px}button:disabled{opacity:.65;cursor:default}.source{margin-bottom:48px}.source h2{margin-top:8px}#instagram-embed{max-width:540px;margin:24px auto;overflow:hidden}#instagram-embed iframe{max-width:100%!important;min-width:0!important}#instagram-status{font-size:13px;color:#566059}

button[hidden]{display:none}#instagram-embed .instagram-media{width:100%!important;max-width:540px!important;min-width:0!important;margin:0!important}

/* Article typography revision, 2026-09-24. Uses the site's paper, ink and Mincho headings. */
h1,h2,.feature h2{font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho",Georgia,serif;font-weight:500}
.article-head{display:block;max-width:920px;margin:0 auto}.article-head>div{max-width:710px;margin:0 auto 48px}.article-head h1{font-size:clamp(30px,4.5vw,48px);line-height:1.65;letter-spacing:.04em}.deck{color:#5f6862;font-size:17px;line-height:2.1}
figure{margin:0}img,.feature img{border-radius:22px}.article-head figure{max-width:640px;margin:0 auto}.article-head img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}figcaption,.caption{font-family:"Hiragino Sans","Yu Gothic",sans-serif;font-size:12px!important;color:#5f6862;line-height:1.8!important;margin-top:12px!important}
.prose{max-width:650px;font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho",Georgia,serif;font-size:17px;line-height:2.2;letter-spacing:.025em}.prose p{margin:0 0 1.8em}.prose h2{font-size:27px;line-height:1.7;margin:3em 0 1.2em}.prose img{max-height:none;height:auto;margin:48px 0 12px}.eyebrow{font-family:"Hiragino Sans","Yu Gothic",sans-serif;color:#5f6862;font-size:11px;letter-spacing:.14em}.source,.related{font-family:"Hiragino Sans","Yu Gothic",sans-serif;font-size:14px;line-height:1.95;letter-spacing:0;margin-top:64px;border-top:1px solid rgba(23,34,29,.16);padding-top:28px}.source h2,.related h2{font-size:22px;margin:12px 0 20px}.source .button{background:transparent;color:#17221d;border:1px solid #a7aaa0;border-radius:999px;padding:10px 20px;font-size:13px;margin:0 0 16px}.source p,.related p{margin-bottom:18px}.related summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.related details p{margin-top:16px}.related a{font-size:13px}#instagram-embed{border-radius:18px;overflow:hidden}.button{border-radius:999px}button[hidden]{display:none}
@media(max-width:650px){.article-head>div{margin-bottom:32px}.prose{font-size:16px;line-height:2.15}.prose h2{font-size:23px}.article-head img{max-height:none}img,.feature img{border-radius:16px}.deck{font-size:15px}.prose{margin-top:44px}}

.feature img{height:auto;max-height:none;object-fit:contain}

/* Photo-led index; full uncropped photographs remain in the articles. */
.guide-index { padding-top: 44px; }
.guide-index > h1 { font-size: clamp(30px, 3.3vw, 46px); line-height: 1.5; margin: 16px 0; }
.guide-index > h1 br { display: none; }
.guide-index > .intro { font-size: 15px; margin-bottom: 42px; }
.guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 28px; }
.guide-index .feature { display: flex; flex-direction: column; gap: 0; align-items: stretch; padding: 0; margin: 0; border: 0; min-width: 0; }
.guide-thumb { display: block; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 18px; }
.guide-index .guide-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; border-radius: 0; transition: transform .25s ease; }
.guide-thumb:hover img { transform: scale(1.025); }
.guide-heading { padding-top: 18px; }
.guide-heading .eyebrow { margin: 0 0 8px; font-size: 10px; letter-spacing: .08em; }
.guide-index .feature h2 { margin: 0; font-size: 23px; line-height: 1.6; text-wrap: pretty; }
.guide-heading h2 a { text-decoration: none; }
.guide-heading h2 a:hover { text-decoration: underline; }
.guide-summary { margin: 12px 0 0; font-size: 14px; line-height: 1.9; color: #5f6862; }
.guide-links { margin-top: auto; padding-top: 18px; font-size: 12px; line-height: 1.8; }
.guide-links .secondary { display: inline; font: inherit; margin: 0; }
@media (max-width: 1000px) { .guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) {
 .guide-index { padding-top: 28px; }
 .guide-index > h1 br { display: initial; }
 .guide-index > .intro { font-size: 14px; margin-bottom: 30px; }
 .guide-grid { grid-template-columns: minmax(0,1fr); gap: 38px; }
 .guide-thumb { aspect-ratio: 16 / 9; border-radius: 16px; }
 .guide-heading { padding-top: 14px; }
 .guide-index .feature h2 { font-size: 22px; line-height: 1.55; }
 .guide-summary { margin-top: 8px; line-height: 1.85; }
 .guide-links { padding-top: 12px; }
}
@media (prefers-reduced-motion: reduce) { .guide-index .guide-thumb img { transition: none; } }

.guide-index .guide-thumb[href="/guides/heel"] img { object-position: center 42%; }

.guide-index .guide-thumb[href="/guides/rib-bindoff"] img { object-position: center 40%; }

/* Quiet, wrapping tags; the static article list also works without JavaScript. */
.guide-filter { margin: 0 0 32px; padding: 22px 0 0; border-top: 1px solid rgba(23,34,29,.16); }
.guide-filter[hidden], .guide-index .feature[hidden] { display: none; }
.guide-filter h2 { font-family: inherit; font-size: 13px; font-weight: 500; margin: 0 0 14px; }
.guide-filter-options { display: flex; flex-wrap: wrap; gap: 8px; }
.guide-filter-options button { font: inherit; font-size: 13px; min-height: 44px; padding: 7px 16px; border: 1px solid #a7aaa0; border-radius: 999px; background: transparent; color: #17221d; cursor: pointer; }
.guide-filter-options button:hover { background: #e6e3da; }
.guide-filter-options button[aria-pressed="true"] { background: #17221d; border-color: #17221d; color: #f2efe7; }
.guide-filter-status { font-size: 12px; color: #5f6862; margin: 16px 0 0; }
.guide-tags { display: flex; flex-wrap: wrap; gap: 0 14px; list-style: none; padding: 0; margin: 12px 0 0; font: 12px/1.8 "Hiragino Sans","Yu Gothic",sans-serif; color: #5f6862; }
.guide-tags li { padding: 0; }
.guide-tags a { display: inline-flex; align-items: center; min-height: 32px; text-decoration: none; }
.guide-tags a::before { content: "#"; margin-right: 3px; opacity: .65; }
.guide-tags a:hover { text-decoration: underline; }
.article-head .guide-tags { margin: 0 0 24px; }
@media (max-width: 600px) { .guide-filter-options { gap: 6px; } .guide-filter-options button { padding: 7px 12px; } }