#ta-finder{--navy:#10256B;--navy-d:#0B1A4D;--cyan:#17A9D6;--cyan-d:#1190BA;--ink:#1B2540;--muted:#5A667F;--pale:#F2F5F8;--pale-2:#E8EEF3;--line:#DDE4EC;--r:10px;--pill:999px;--shadow:0 10px 30px rgba(16,37,107,.08);--head:'Oswald',Impact,'Arial Narrow',sans-serif;--font:'DM Sans',system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.6}
#ta-finder *,#ta-finder *::before,#ta-finder *::after{box-sizing:border-box}
#ta-finder h2,#ta-finder h3{font-family:var(--head);text-transform:uppercase;letter-spacing:.01em;line-height:1.1;margin:0;color:var(--navy);font-weight:600}
#ta-finder p{margin:0}
#ta-finder a{color:var(--cyan-d);text-decoration:none}
#ta-finder .fintro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
#ta-finder .fintro h2{font-size:clamp(30px,3.2vw,42px)}
#ta-finder .fintro h2::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--cyan);margin-top:12px}
#ta-finder .fintro p{margin:10px 0 0;color:var(--muted);font-size:16px}
#ta-finder .fintro .cnt{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:10px 18px}
#ta-finder .fintro .cnt b{color:var(--navy);font-family:var(--head);font-size:24px;line-height:1}
#ta-finder .fbar{position:relative;display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:14px}
#ta-finder .fbar>div{min-width:0}
#ta-finder .fbar label{display:block;font-size:12px;color:var(--navy);margin-bottom:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#ta-finder .fbar select{width:100%;height:54px;border:1px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310256B' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>") right 14px center no-repeat;padding:0 40px 0 16px;font:inherit;font-size:15.5px;font-weight:600;color:var(--navy);appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis;box-shadow:inset 0 0 0 2px transparent;transition:.15s;margin:0}
#ta-finder .fbar select:hover{box-shadow:inset 0 0 0 2px var(--cyan)}
#ta-finder .fbar select:focus{outline:0;box-shadow:inset 0 0 0 2px var(--cyan),0 0 0 4px rgba(23,169,214,.35)}
#ta-finder .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;line-height:1;padding:15px 28px;border-radius:var(--pill);border:2px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;font-family:var(--font);text-decoration:none}
#ta-finder .btn-cyan{background:var(--cyan);color:#fff;border-color:var(--cyan)}
#ta-finder .btn-cyan:hover{background:var(--cyan-d);border-color:var(--cyan-d);color:#fff}
#ta-finder .btn-out{background:transparent;color:var(--cyan-d);border-color:var(--cyan)}
#ta-finder .btn-out:hover{background:var(--cyan);color:#fff}
#ta-finder .fbar .btn{height:54px;padding:0 30px;border-radius:10px;font-size:16px;gap:10px}
#ta-finder .fbar .btn svg{width:20px;height:20px;fill:currentColor}
#ta-finder .fquick{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:13px;color:var(--muted);row-gap:8px}
#ta-finder .fquick span{margin-right:4px;font-weight:600}
#ta-finder .fquick button{border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:7px 13px;font:inherit;font-size:13px;flex:none;font-weight:600;color:var(--navy);cursor:pointer;transition:.15s;margin:0}
#ta-finder .fquick button:hover{border-color:var(--cyan);background:var(--cyan);color:#fff}
#ta-finder .fres{margin-top:38px}
#ta-finder .fres[hidden]{display:none}
#ta-finder .fres .fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}
#ta-finder .fres .fh strong{font-size:17px;color:var(--navy)}
#ta-finder .fres .fh a{font-weight:600;font-size:14.5px}
#ta-finder .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#ta-finder .empty{background:#fff;border:1px dashed var(--line);border-radius:var(--r);padding:34px;text-align:center;color:var(--muted);grid-column:1/-1}
#ta-finder .tcard{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;border:1px solid var(--line);transition:.2s}
#ta-finder .tcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,37,107,.14)}
#ta-finder .tcard .ph{position:relative;aspect-ratio:16/10;background:var(--pale-2) center/cover no-repeat}
#ta-finder .tcard .tag{position:absolute;top:14px;left:14px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:4px}
#ta-finder .tcard .tag.new{background:var(--cyan)}
#ta-finder .tcard .len{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.95);color:var(--navy);font-weight:700;font-size:12.5px;padding:5px 10px;border-radius:4px}
#ta-finder .tcard .bd{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
#ta-finder .tcard h3{font-size:21px;line-height:1.15;text-transform:none;letter-spacing:0;font-family:var(--head);font-weight:600}
#ta-finder .tcard .disc{font-size:13px;color:var(--cyan-d);font-weight:600;display:inline-flex;align-items:center;gap:6px}
#ta-finder .tcard .disc svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
#ta-finder .tcard .when{font-size:14.5px;color:var(--ink);line-height:1.5;display:flex;gap:8px;align-items:flex-start}
#ta-finder .tcard .when svg{width:16px;height:16px;flex:none;margin-top:3px;stroke:var(--cyan);fill:none;stroke-width:2}
#ta-finder .pgprice{display:flex;align-items:baseline;gap:8px;padding-top:6px;border-top:1px solid var(--line);margin-top:4px}
#ta-finder .pgprice b{font-family:var(--head);font-size:26px;color:var(--navy);font-weight:700;letter-spacing:.01em}
#ta-finder .pgprice span{font-size:13px;color:var(--muted)}
#ta-finder .tcard .act{margin-top:auto;display:flex;gap:10px;padding-top:8px}
#ta-finder .tcard .act .btn{flex:1;padding:12px 14px;font-size:14px}
@media (max-width:1100px){#ta-finder .fbar{grid-template-columns:repeat(2,1fr)}#ta-finder .fbar .btn{grid-column:1/-1;justify-self:stretch}#ta-finder .rgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){#ta-finder .rgrid{grid-template-columns:1fr}#ta-finder .fbar{grid-template-columns:1fr}#ta-finder .tcard .act{flex-direction:column}}
#ta-finder .tcard .ph{display:block}
#ta-finder .tcard h3 a{color:inherit;text-decoration:none}
#ta-finder .tcard h3 a:hover{color:var(--cyan-d)}