/* v7. Anonymous job examples, styled as practical sheets in the field guide.
   No external fonts, image requests, animation, or additional JavaScript. */
#recruitment .lp-job-examples { background:#eee5ce; border-bottom:1px solid #c9bd9c; }
#recruitment .lp-job-examples .lp-section-heading { margin-bottom:32px; }
#recruitment .lp-example-catalogue { display:flex; justify-content:space-between; gap:22px; align-items:center; padding:14px 0; border-block:1px solid #aa9873; margin-bottom:28px; color:#62563b; }
#recruitment .lp-example-catalogue > span { flex-shrink:0; font:600 10px/1.8 ui-monospace,monospace; letter-spacing:.12em; }
#recruitment .lp-example-catalogue p { font-size:11px; text-align:right; }
#recruitment .lp-example-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:28px 24px; }
#recruitment .lp-example-card { min-width:0; background:#fffaf0; border:1px solid #a69c7b; box-shadow:4px 4px 0 #d6c9a9; display:flex; flex-direction:column; position:relative; }
#recruitment .lp-example-header { padding:19px 24px 20px; min-height:202px; background:#1c423f; border-bottom:5px double #d6b87d; position:relative; color:#fff2d2; }
#recruitment .lp-example-index { font:10px/1.8 ui-monospace,monospace; letter-spacing:.1em; color:#cbbd92; display:block; margin-bottom:22px; }
#recruitment .lp-example-header svg { position:absolute; top:15px; right:21px; width:43px; height:43px; fill:none; stroke:#cdb479; stroke-width:1.6; stroke-linejoin:round; stroke-linecap:round; }
#recruitment .lp-example-header > p { font-size:12px; color:#dbc392; margin-bottom:4px; letter-spacing:.07em; }
#recruitment .lp-example-header h3 { color:#fff4d9; font-size:21px; line-height:1.6; letter-spacing:-.025em; margin-right:0; }
#recruitment .lp-example-location { display:inline-block; color:#dce0ce; font-size:12px; margin-top:12px; padding:1px 0 1px 11px; border-left:2px solid #b89b63; }
#recruitment .lp-example-body { padding:24px; display:flex; flex-direction:column; flex:1; min-width:0; }
#recruitment .lp-example-work { font-size:13px; color:#465d53; line-height:1.95; margin-bottom:22px; }
#recruitment .lp-example-pay { background:#eee5ce; border-block:1px solid #cfc09b; padding:14px 15px; margin:0 -7px 22px; }
#recruitment .lp-example-base { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:5px 14px; padding-bottom:11px; border-bottom:1px solid #d2c4a5; }
#recruitment .lp-example-base > span { font-size:12px; color:#57614d; }
#recruitment .lp-example-base > strong { font-size:18px; color:#26463c; font-weight:700; }
#recruitment .lp-example-income { display:flex; flex-direction:column; gap:2px; padding-top:12px; }
#recruitment .lp-example-income > span { font-size:12px; font-weight:700; color:#7b542e; }
#recruitment .lp-example-income > strong { font-size:clamp(25px,2.5vw,31px); line-height:1.5; letter-spacing:-.045em; color:#173c3e; font-variant-numeric:tabular-nums; }
#recruitment .lp-example-calculation { font-size:12px; color:#4e594b; line-height:1.9; margin-top:8px; }
#recruitment .lp-example-pay-note { font-size:11px; color:#655a44; margin-top:8px; line-height:1.8; }
#recruitment .lp-example-facts { margin-top:auto; }
#recruitment .lp-example-facts > div { padding:12px 0; border-bottom:1px solid #d8cfb8; }
#recruitment .lp-example-facts > div:first-child { border-top:1px solid #d8cfb8; }
#recruitment .lp-example-facts dt { font-size:11px; font-weight:700; color:#80613a; margin:0 0 4px; }
#recruitment .lp-example-facts dd { font-size:12px; color:#3f554a; line-height:1.9; }
#recruitment .lp-example-status { font-size:11px; line-height:1.9; color:#626953; margin-top:15px; }
#recruitment .lp-example-footer { display:flex; justify-content:space-between; align-items:center; gap:34px; padding-top:36px; margin-top:36px; border-top:1px solid #b2a584; }
#recruitment .lp-example-footer > div { max-width:620px; }
#recruitment .lp-example-footer > div > p:first-child { font-size:20px; font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif; font-weight:700; margin-bottom:12px; }
#recruitment .lp-example-footer .lp-small { font-size:12px; color:#52614f; }
#recruitment .lp-example-footer > a { flex-shrink:0; font-size:13px; }
#recruitment .lp-example-draft { padding:15px; border:2px solid #926024; margin-bottom:22px; background:#fff1bd; color:#4b3824; }
@media(max-width:1000px) {
 #recruitment .lp-example-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #recruitment .lp-example-footer { align-items:flex-start; }
}
@media(max-width:640px) {
 #recruitment .lp-example-catalogue { flex-direction:column; align-items:flex-start; gap:6px; margin-bottom:24px; }
 #recruitment .lp-example-catalogue p { text-align:left; font-size:11px; }
 #recruitment .lp-example-grid { grid-template-columns:minmax(0,1fr); gap:27px; }
 #recruitment .lp-example-header { min-height:0; padding:18px 22px 20px; }
 #recruitment .lp-example-index { margin-bottom:19px; }
 #recruitment .lp-example-header h3 { font-size:23px; }
 #recruitment .lp-example-header svg { width:40px; height:40px; }
 #recruitment .lp-example-body { padding:22px; }
 #recruitment .lp-example-work { font-size:14px; }
 #recruitment .lp-example-income > strong { font-size:30px; }
 #recruitment .lp-example-facts dd,#recruitment .lp-example-calculation { font-size:13px; }
 #recruitment .lp-example-base > span,#recruitment .lp-example-facts dt { font-size:12px; }
 #recruitment .lp-example-pay-note,#recruitment .lp-example-status { font-size:12px; }
 #recruitment .lp-example-footer { display:block; padding-top:26px; margin-top:32px; }
 #recruitment .lp-example-footer > a { display:flex; margin-top:23px; width:100%; min-height:58px; font-size:14px; }
}
@media(max-width:359px) {
 #recruitment .lp-example-header,#recruitment .lp-example-body { padding-inline:20px; }
 #recruitment .lp-example-header h3 { font-size:21px; }
}
#recruitment .lp-example-conditions { margin-top:15px; color:#4e594b; font-size:12px; line-height:1.9; }
#recruitment .lp-example-status { padding-top:10px; border-top:1px dashed #c4baa0; }
#recruitment .lp-example-requirement { padding:8px 11px; margin-bottom:15px; border-left:3px solid #a26939; background:#f1e4ca; color:#6c452b; font-size:12px; font-weight:700; line-height:1.8; }
#recruitment .lp-example-pay-base-only .lp-example-base { padding-bottom:0; border:0; }
#recruitment .lp-example-pay-base-only .lp-example-base > strong { font-size:30px; line-height:1.5; letter-spacing:-.045em; }