.hf{--o:#e07b39;--od:#b4531a;--g:#1f7a4d;margin:8px 0 40px}.hf-hero{color:#fff;background:radial-gradient(120% 140% at 90% -20%, #f0a04b 0%, var(--o) 40%, var(--od) 100%);border-radius:20px;padding:22px 18px}.hf-kicker{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:12px}.hf-title{font-family:var(--font-display), Georgia, serif;margin-top:6px;font-size:clamp(26px,5.5vw,42px);font-weight:800;line-height:1.1}.hf-sub{opacity:.92;max-width:52ch;margin-top:8px;font-size:15px;line-height:1.5}.hf-bar{border:1px solid var(--color-line);background:#fff;border-radius:16px;margin-top:16px;padding:14px}.hf-row{gap:10px;display:grid}.hf-search{display:block;position:relative}.hf-search svg{color:#7a8398;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.hf-search input{border:1px solid var(--color-line);background:#fafafa;border-radius:999px;width:100%;min-height:46px;padding:0 14px 0 42px;font-size:16px}.hf-search input:focus-visible{outline:3px solid var(--o);outline-offset:1px;background:#fff}.hf-seg{background:#f0f1f4;border-radius:999px;grid-template-columns:repeat(4,1fr);padding:3px;display:grid}.hf-seg button{min-height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:14px;font-weight:600}.hf-seg .is-on{color:var(--od);background:#fff;box-shadow:0 1px 3px #0000001f}.hf-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.hf-chips-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:700}.hf-chip{border:1px solid var(--color-line);cursor:pointer;background:#fff;border-radius:999px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600}.hf-chip:hover{border-color:var(--o)}.hf-chip.is-on{border-color:var(--od);background:var(--od);color:#fff}.hf-status{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.hf-clear{min-height:36px;color:var(--od);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:600;text-decoration:underline}.hf-az{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-line);scrollbar-width:none;background:#fffffff0;gap:6px;margin:14px -16px 0;padding:8px 16px;display:flex;position:static;overflow-x:auto}.hf-az::-webkit-scrollbar{display:none}.hf-az button{cursor:pointer;width:36px;height:36px;color:var(--od);background:#fdf0e6;border:0;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.hf-az button:hover:not(:disabled),.hf-az .is-on{background:var(--od);color:#fff}.hf-az button:disabled{opacity:.35;cursor:not-allowed}.hf-sec{margin-top:28px;scroll-margin-top:64px}.hf-sec-head{align-items:center;gap:12px;display:flex}.hf-letter{background:var(--od);color:#fff;width:46px;height:46px;font-family:var(--font-display), Georgia, serif;border-radius:14px;place-items:center;font-size:26px;font-weight:800;display:grid}.hf-sec-head p{color:var(--color-muted);font-size:15px;font-style:italic}.hf-grid{grid-template-columns:1fr;gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.hf-card{border:1px solid var(--color-line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;width:100%;height:100%;padding:0;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.hf-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.hf-card:focus-visible{outline:3px solid var(--o);outline-offset:2px}.hf-card-img{aspect-ratio:16/10;object-fit:cover;background:#f3ece4;width:100%}.hf-ph{color:#fff;font-family:var(--font-display), Georgia, serif;background:linear-gradient(135deg,#f6d9bf,#e9a36a);place-items:center;font-size:54px;font-weight:800;display:grid}.hf-card-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.hf-region{letter-spacing:.06em;text-transform:uppercase;color:var(--od);font-size:12px;font-weight:700}.hf-card-title{color:var(--color-ink);font-size:18px;font-weight:700}.hf-card-desc{-webkit-line-clamp:3;color:var(--color-muted);-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.hf-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:6px;font-size:13px;display:flex}.hf-meta span{align-items:center;gap:5px;display:inline-flex}.hf-meta svg{width:14px;height:14px}.hf-lvl{border-radius:999px;padding:2px 10px;font-weight:700}.hf-lvl--easy{color:#17613c;background:#e3f4ea}.hf-lvl--medium{color:#8a5a00;background:#fdf0d2}.hf-lvl--hard{color:#a3231a;background:#fde3e1}.hf-empty{border:1px dashed var(--color-line);text-align:center;color:var(--color-muted);border-radius:16px;margin-top:24px;padding:32px 16px}.hf-overlay{z-index:100;background:#0f141e99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hf-modal{background:#fff;border-radius:20px 20px 0 0;outline:none;width:100%;max-height:92dvh;position:relative;overflow-y:auto}.hf-close{z-index:2;cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #00000040}.hf-close svg{width:20px;height:20px}.hf-modal-img{aspect-ratio:16/10;object-fit:cover;background:#f3ece4;width:100%;max-height:300px}.hf-modal-body{padding:18px 16px 24px}.hf-modal-title{font-family:var(--font-display), Georgia, serif;margin-top:4px;font-size:28px;font-weight:800;line-height:1.15}.hf-desc{margin-top:8px;font-size:15px;line-height:1.6}.hf-modal .hf-meta{margin-top:12px;padding:0}.hf-cols{gap:20px;margin-top:20px;display:grid}.hf-cols h4{color:var(--od);margin-bottom:8px;font-size:16px;font-weight:800}.hf-ing,.hf-steps{margin:0;padding-left:20px;font-size:15px;line-height:1.55}.hf-ing{list-style:outside}.hf-steps{list-style:decimal}.hf-ing li,.hf-steps li{margin-top:5px}.hf-ing li::marker{color:var(--o)}.hf-steps li::marker{color:var(--od);font-weight:700}.hf-video{color:#fff;background:#c4302b;border-radius:999px;align-items:center;gap:8px;min-height:46px;margin-top:22px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.hf-video svg{width:16px;height:16px}@media (min-width:520px){.hf-grid{grid-template-columns:repeat(2,1fr)}.hf-az{margin-inline:0;padding-inline:0}}@media (min-width:768px){.hf-hero{padding:32px 36px}.hf-bar{padding:18px}.hf-row{grid-template-columns:1fr auto;align-items:center}.hf-seg{min-width:300px}.hf-grid{grid-template-columns:repeat(3,1fr);gap:18px}.hf-overlay{align-items:center;padding:24px}.hf-modal{border-radius:20px;max-width:860px;max-height:88dvh}.hf-modal-img{aspect-ratio:auto;height:300px}.hf-modal-body{padding:24px 28px 30px}.hf-cols{grid-template-columns:1fr 1.3fr;gap:28px}}@media (min-width:1100px){.hf-grid{grid-template-columns:repeat(4,1fr)}}.hf-seg--5{grid-template-columns:repeat(5,1fr)}.hf-seg--5 button{padding:0 4px;font-size:13px}.hf-zone-head{border-bottom:2px solid var(--od);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.hf-zone-head h3{font-family:var(--font-display), Georgia, serif;font-size:24px;font-weight:800}.hf-zone-head span{color:var(--color-muted);font-size:14px}@media (min-width:768px){.hf-seg--5{min-width:380px}}
.ht{margin-bottom:40px}.ht-grid{grid-template-columns:1fr;gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.ht-card{color:inherit;text-decoration:none}.ht-img{aspect-ratio:auto;height:200px}.ht-ph{background:linear-gradient(135deg,#fde8d3,#f6f7f9);place-items:center;font-size:56px;display:grid}.ht-more{color:var(--od);margin-top:auto;padding-top:4px;font-size:14px;font-weight:600}.ht-detail{max-width:900px;margin-inline:auto}.ht-back{min-height:40px;color:var(--od);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.ht-back svg{width:16px;height:16px}.ht-h1{font-family:var(--font-display), Georgia, serif;margin-top:6px;font-size:clamp(26px,5vw,40px);font-weight:800;line-height:1.15}.ht-lead{color:var(--color-muted);margin:10px 0 18px;font-size:16px;line-height:1.6}.ht-card-box{border:1px solid var(--color-line);background:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000d}.ht-card-box h2{margin-bottom:8px;font-size:18px;font-weight:700}.ht-card-box p{color:#3b4048;font-size:15px;line-height:1.7}.ht-two{grid-template-columns:1fr;gap:14px;margin-bottom:14px;display:grid}.ht-photo{object-fit:cover;background:#f3ece4;border-radius:16px;width:100%;min-height:220px;max-height:380px}.ht-two .ht-card-box{margin-bottom:0}.ht-steps ol{color:#3b4048;margin:0;padding-left:20px;font-size:15px;line-height:1.6;list-style:decimal}.ht-steps li{margin-top:8px;padding-left:2px}.ht-steps li::marker{color:var(--od);font-weight:700}.ht-tips{background:#fff8f1;border-color:#f3d3b6}.ht-note{color:var(--color-muted);margin:8px 0 24px;font-size:13px}.ht-h2{margin-bottom:10px;font-size:18px;font-weight:700}.ht-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ht-chips a{border:1px solid var(--color-line);background:#fff;border-radius:999px;align-items:center;min-height:40px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.ht-chips a:hover{border-color:var(--o);color:var(--od)}@media (min-width:640px){.ht-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.ht-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ht-two{grid-template-columns:1fr 1fr;align-items:stretch}.ht-card-box{padding:22px 24px}}