/**
* Template Name: MyResume
* Updated: Nov 17 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# details
--------------------------------------------------------------*/
    :root{ --bg:#ffffff; --muted:#6b7280; --accent:#f6c84c; --dark:#0f172a; --card:#f8fafc; --gap:20px; }
    *{box-sizing:border-box}
    body{font-family: -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--dark);line-height:1.6;margin:0;padding:32px}
    .container{max-width:980px;margin:0 auto}
    header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
    .logo{width:80px;height:80px;background:linear-gradient(135deg,var(--accent),#ffd166);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700}
    h1{font-size:1.6rem;margin:0}
    p.lead{color:var(--muted);margin-top:6px}
    .grid{display:grid;grid-template-columns:1fr 320px;gap:var(--gap);align-items:start}
    .card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.06)}
    .section{margin-bottom:18px}

    ul{padding-left:1.1rem}
    .meta{font-size:0.9rem;color:var(--muted)}
    .persona{display:flex;gap:12px;align-items:center}
    .persona .avatar{width:64px;height:64px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--muted)}
    .spec{font-size:0.95rem}
    .images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
    img{width:100%;height:auto;border-radius:8px;object-fit:cover}
    footer{margin-top:26px;color:var(--muted);font-size:0.9rem}
    /* Responsive */
    @media (max-width:1200px){.grid{grid-template-columns:1fr}.container{padding:20px}}
    pre{background:#0b1220;color:#e6eef8;padding:12px;border-radius:8px;overflow:auto;font-size:0.9rem}
    .cta{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:8px;background:var(--dark);color:#fff;text-decoration:none}