
:root{--ink:#17212b;--muted:#667085;--line:#e6e9ee;--card:#fff;--bg:#f6f8fb;--accent:#1f8a70;--accent2:#eaf7f3;--shadow:0 10px 30px rgba(25,35,45,.08)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:68px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover}.navlinks{margin-left:auto;display:flex;gap:18px;font-size:14px;color:#475467}.hero{padding:54px 0 30px}.heroGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center}.hero h1{font-size:clamp(34px,6vw,68px);line-height:1.08;margin:0 0 18px;letter-spacing:-.04em}.hero p{font-size:18px;color:var(--muted);max-width:690px}.heroIcon{width:100%;max-width:360px;border-radius:36px;box-shadow:var(--shadow)}.search{display:flex;gap:10px;margin-top:24px}.search input{flex:1;padding:16px 18px;border:1px solid var(--line);border-radius:14px;font-size:16px;background:#fff}.btn{border:0;border-radius:14px;padding:14px 18px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.section{padding:34px 0;scroll-margin-top:120px}.section h2{font-size:28px;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 22px}.world{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.placeCard,.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 4px 18px rgba(24,35,45,.04);transition:.18s transform,.18s box-shadow}.placeCard:hover,.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.placeIcon{font-size:42px}.placeCard h3{margin:8px 0 2px}.small{font-size:13px;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--accent2);color:#146b58;font-size:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.crumbs{font-size:13px;color:var(--muted);padding-top:18px}.detailHead{padding:32px 0 12px}.detailHead h1{font-size:42px;line-height:1.2;margin:0 0 12px}.meta{display:flex;gap:10px;flex-wrap:wrap}.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:18px 0}.list{display:grid;gap:10px}.rowlink{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.rowlink:hover{border-color:#cfd7df}.random{background:linear-gradient(135deg,#17212b,#263645);color:#fff;border-radius:26px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.random p{margin:6px 0;color:#d0d5dd}.footer{padding:50px 0;color:#667085;font-size:13px}.qualStatus{display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:10px;font-size:14px;font-weight:700}.qualStatus-required{background:#fff4e5;color:#9a4b00}.qualStatus-not_required{background:var(--accent2);color:#146b58}.qualStatus-varies{background:#eef2f6;color:#475467}.box .rowlink+.rowlink{margin-top:10px}.box .rowlink{margin-bottom:0}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:900px){.world{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.heroGrid{grid-template-columns:1fr}.heroIcon{max-width:220px}.nav{height:auto;flex-wrap:wrap;gap:4px 16px;padding:10px 0}.navlinks{margin-left:0;width:100%;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.navlinks::-webkit-scrollbar{display:none}.navlinks a{flex:none;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}}@media(max-width:620px){.world,.grid3,.grid2{grid-template-columns:1fr}.hero{padding-top:32px}.hero h1{font-size:42px}.search{flex-direction:column}.detailHead h1{font-size:34px}.random{align-items:flex-start;flex-direction:column}}
