body[data-focus=color-guide]{font-family:'DM Sans',sans-serif;background:#fcfbf7}body[data-focus=color-guide] h1,body[data-focus=color-guide] h2,body[data-focus=color-guide] h3{font-family:'DM Sans',sans-serif}.guide-section{padding:48px 0}.guide-intro{max-width:70ch;margin:18px 0 34px;font-size:16px;line-height:1.6}.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.job-grid>a{display:block;padding:24px;background:#fff;color:#10272b;border-radius:16px;text-decoration:none;box-shadow:0 8px 24px #0713170a}.job-grid h3{font-size:21px;margin:14px 0 10px}.job-grid p{color:#4c625e;font-size:15px;line-height:1.6}.number{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#f0f3ef;color:#007074}.reference-explanation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start;padding:48px 0;scroll-margin-top:24px}.reference-explanation h3{font-size:30px;line-height:1.2;margin:12px 0 22px}.reference-explanation p,.reference-explanation li{font-size:16px;line-height:1.65;margin-bottom:16px}.reference-explanation ul{padding-left:20px}.translation-note{padding-left:18px;border-left:2px solid #02a0a0}.capture{display:block;overflow:hidden;border:1px solid #c8d2ca;border-radius:16px;background:#fff;text-decoration:none;color:#10272b;margin:0}.capture img,.paired-captures img{display:block;width:100%;height:auto}.capture-label,.capture figcaption{display:block;padding:16px;font-size:14px;line-height:1.5;background:#f0f3ef}.source-caption{font-size:12px!important;line-height:1.6!important;color:#4c625e;margin-top:16px}.paired-captures figure{margin:0 0 22px;background:white;border:1px solid #c8d2ca;border-radius:12px;overflow:hidden}.paired-captures figcaption{padding:12px 16px;font-size:14px}.mini-page{border:1px solid #c8d2ca;border-radius:16px;overflow:hidden;margin:24px auto 0;max-width:860px;background:#fcfbf7}.mini-page>header{padding:24px 36px;display:flex;justify-content:space-between;gap:20px;align-items:center}.mini-page>header img{width:150px}.key{font-size:12px;color:#4c625e}.mini-content{padding:28px 36px 44px}.mini-content h3,.mini-close h3{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin:16px 0}.mini-support,.mini-content p{font-size:16px;line-height:1.6;color:#4c625e}.mini-content a{color:#007074;text-decoration:underline;text-underline-offset:4px}.mini-accent{display:inline-block;width:14px;height:14px;background:#02a0a0;border-radius:3px;margin-right:8px}.mini-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0713170a;padding:28px;margin-top:32px}.mini-card h4{font-size:22px;margin:16px 0 10px}.mini-card label{display:block;font-size:14px;margin:20px 0 8px}.mini-card input{display:block;font:inherit;padding:13px 14px;border:1px solid #84998d;border-radius:5px;color:#10272b;width:100%;background:#fff}.mini-card input:focus{outline:3px solid #007074;outline-offset:3px}.mini-inset{display:inline-block;padding:6px 10px;border-radius:4px;background:#f0f3ef;font-size:12px!important}.status-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.status-buttons button{font:inherit;font-size:13px;padding:10px 12px;min-height:44px;color:#10272b;background:white;border:1px solid #84998d;border-radius:5px;cursor:pointer}.status-buttons button[aria-pressed=true]{background:#10272b;color:white}.message-example{padding:18px;margin-top:16px;border-radius:8px}.message-example p{color:inherit;margin:8px 0 0}.message-example.info{color:#007074;background:#edf5f2}.message-example.positive{color:#24644c;background:#edf5ee}.message-example.attention{color:#80501f;background:#fff0d9}.message-example.issue{color:#9f3c33;background:#fceee9}.mini-close{padding:32px 36px;background:#071317;color:#f8f6ee}.mini-close p{color:#c7d6d1;font-size:16px;line-height:1.6}.mini-close .warm-label{display:inline-block;background:#ffbd65;color:#071317;padding:7px 10px;border-radius:4px;font-size:12px}.mini-close a{color:#f8f6ee;display:inline-block;margin-top:16px}.mini-close a:focus-visible{outline-color:#ffbd65}.decision p{max-width:70ch;font-size:16px;line-height:1.65;margin:20px 0}.decision .plain-button{display:inline-block;text-decoration:none;margin-top:14px}a:focus-visible,button:focus-visible{outline:3px solid #007074;outline-offset:4px}@media(max-width:900px){.reference-explanation{grid-template-columns:1fr;gap:24px}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.job-grid{grid-template-columns:1fr}.guide-section{padding:30px 0}.reference-explanation{padding:30px 0}.reference-explanation h3{font-size:28px}.mini-page>header{padding:20px;flex-wrap:wrap}.mini-content{padding:20px}.mini-card{padding:20px}.mini-content h3,.mini-close h3{font-size:28px}.mini-close{padding:24px 20px}body[data-focus=color-guide] h1{font-size:36px;line-height:1.18}.job-grid>a{padding:22px}}