.site-help-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:24px auto 8px;padding:16px;max-width:960px;border-top:1px solid #cbbdb5;font-size:14px;line-height:1.7}
.site-help-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.article-finder{margin:24px 0;padding:24px;background:#faf6f2;border:1px solid #cbbdb5;border-radius:12px;color:#39302c}
.article-finder[hidden],#article-catalogue[hidden],#article-results[hidden],#article-empty[hidden]{display:none!important}
.article-finder h2{font-size:22px;margin:0 0 8px}.article-finder p{margin:8px 0;line-height:1.8}
.finder-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:16px 0}
.finder-controls label{display:block;font-size:15px;font-weight:700}
.finder-controls input,.finder-controls select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin-top:8px;padding:10px;border:1px solid #8a7569;border-radius:6px;background:#fff;color:#39302c;font:inherit;font-size:16px}
.article-finder button{min-height:44px;padding:10px 18px;border:1px solid #8a7569;border-radius:6px;background:#fff;color:#39302c;font:inherit;cursor:pointer}
.article-finder :focus-visible,.site-help-nav a:focus-visible,.site-info a:focus-visible{outline:3px solid #825b40;outline-offset:4px}
#article-status{font-weight:700}#article-results{padding:0;list-style:none}#article-results li{padding:18px 0;border-bottom:1px solid #d8cec7}#article-results a{display:block;min-height:44px;line-height:1.8;color:#594033;text-decoration:underline;text-underline-offset:4px}#article-results span{display:block;font-size:13px;color:#64554c}
#article-empty{padding:20px;background:#faf6f2;line-height:1.9}
.site-info{box-sizing:border-box;max-width:840px;margin:0 auto;padding:40px 24px 72px;color:#39302c;line-height:1.9}.site-info h1{font-size:clamp(26px,5vw,36px);line-height:1.6}.site-info h2{font-size:22px;line-height:1.6;margin-top:36px}.site-info a{color:#644631;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.site-info li{margin:12px 0}.site-info .notice{padding:20px;background:#faf6f2;border-left:3px solid #a88468}
.site-info h1{text-wrap:balance}.site-info ul{padding-inline-start:1.4em}
@media(max-width:600px){.finder-controls{grid-template-columns:minmax(0,1fr)}.article-finder{padding:18px}.site-help-nav{gap:4px 16px}.site-info{padding:24px 20px 56px}}

.site-info h1 span{display:inline-block}

/* Priority recruitment: owner-confirmed two hires per store, 2026-09-12. */
.priority-hiring{max-width:1100px;margin:20px auto;padding:22px 20px;background:#fff9f3;border:1px solid #b58a70;border-radius:16px;color:#3d3029;text-align:center}
.priority-hiring .priority-hiring-title{font-size:clamp(20px,2.5vw,28px);line-height:1.6;margin:0 0 8px;letter-spacing:0;border:0;padding:0}
.priority-hiring>p{margin:8px 0 16px;line-height:1.7}.priority-hiring>p span{display:inline-block;margin-left:12px}
.priority-hiring-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.priority-hiring-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;padding:10px 4px;border:1px solid #956b55;border-radius:10px;background:#fff;color:#594032;text-decoration:none;line-height:1.7}
.priority-hiring-links strong{font-size:18px}.priority-hiring-links span{font-size:13px}
.priority-hiring-badge{padding:12px 14px;border-left:4px solid #956b55;background:#fff6e9;font-size:19px;font-weight:700;line-height:1.7}
.priority-hiring-badge span{display:block;font-size:15px;font-weight:400}
.priority-apply-note{margin:14px 0 22px;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.priority-apply-note p{margin:0 0 8px}.priority-apply-note a{display:inline-flex;align-items:center;min-height:44px;color:#694831;text-decoration:underline;text-underline-offset:4px}
.priority-store a[data-recruit-intent="apply"]::after{content:none!important}
.priority-hiring a:focus-visible,.priority-apply-note a:focus-visible{outline:3px solid #965736;outline-offset:4px}
@media(max-width:600px){.priority-hiring{margin:12px 16px;padding:18px 12px}.priority-hiring-links{gap:7px}.priority-hiring-links strong{font-size:16px}.priority-hiring-links span{font-size:12px}}

/* Contextual recruitment and optional LINE message preparation. */
.hiring-context{margin:28px 0;padding:22px 18px;background:#fff9f3;border:1px solid #b58a70;border-radius:14px;color:#3d3029;text-align:center}
.hiring-context h2{font-size:23px;line-height:1.6;margin:0 0 10px;border:0;padding:0;letter-spacing:0}
.hiring-context>p{margin:0 0 14px;font-size:16px;line-height:1.8}.hiring-context>p span{display:inline-block}
.hiring-context-links{display:grid;grid-template-columns:repeat(var(--hiring-columns,3),minmax(0,1fr));gap:8px}
.hiring-context-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;padding:10px 5px;background:#fff;border:1px solid #956b55;border-radius:9px;color:#594032;text-decoration:none;line-height:1.8}
.hiring-context-links strong{font-size:17px}.hiring-context-links span{font-size:13px}
.hiring-card-count{display:block;margin:10px 12px 14px;font-size:14px;line-height:1.8;font-weight:700;color:#68452f}
.application-template{margin:14px 0;border:1px solid #cbb9aa;border-radius:10px;padding:0 12px;background:#fff}
.application-template summary{min-height:48px;padding:12px 0;cursor:pointer;font-size:15px;font-weight:700;line-height:1.7}
.application-template label{display:block;margin:8px 0;font-weight:700}
.application-template textarea{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #ab9786;border-radius:6px;resize:vertical;min-height:165px;font:16px/1.8 sans-serif;color:#332820;background:#fff}
.application-template button{min-height:44px;margin:12px 0;padding:10px 16px;border:1px solid #88634c;border-radius:8px;background:#f9f3ec;color:#4b3223;font:inherit;font-weight:700;cursor:pointer}
.application-template button[hidden]{display:none}.application-template button:disabled{opacity:.65;cursor:wait}
.application-template p{font-size:14px;line-height:1.8}.application-template [role="status"]:empty{display:none}
.application-template :is(summary,button,textarea):focus-visible,.hiring-context a:focus-visible{outline:3px solid #965736;outline-offset:3px}
@media(max-width:600px){.hiring-context{padding:18px 12px}.hiring-context h2{font-size:21px}.hiring-context-links{grid-template-columns:1fr}.hiring-context-links a{min-height:58px;flex-direction:row;gap:12px}}