/* ========================================================= Synkyet — Consultant Intelligence Directory Editorial 3D magazine-directory theme ========================================================= */ /* Fonts are loaded via in the page (non-blocking) for performance. */ :root{ --ink:#0E1116; --ink-2:#171C24; --paper:#F7F5F0; --paper-2:#FFFFFF; --signal:#FF5A1F; --signal-d:#E04713; --signal-text:#C2410C; --brass:#C9A227; --slate:#5B6470; --line:#E3DFD6; --line-dk:#2A313C; --shadow-sm:0 2px 6px rgba(14,17,22,.08); --shadow:0 14px 30px -12px rgba(14,17,22,.30); --shadow-lg:0 30px 60px -18px rgba(14,17,22,.45); --radius:14px; --radius-sm:8px; --display:'Fraunces',Georgia,serif; --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --mono:'JetBrains Mono',ui-monospace,Menlo,monospace; --maxw:1180px; } /* Visually hidden but available to screen readers (for heading structure) */ .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} *{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{ margin:0;background:var(--paper);color:var(--ink); font-family:var(--sans);line-height:1.6; -webkit-font-smoothing:antialiased; background-image:radial-gradient(circle at 1px 1px,rgba(14,17,22,.05) 1px,transparent 0); background-size:22px 22px; } a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem} /* ---------- Header ---------- */ .site-header{ position:sticky;top:0;z-index:50; background:rgba(247,245,240,.82);backdrop-filter:saturate(160%) blur(12px); border-bottom:1px solid var(--line); } .site-header .container{display:flex;align-items:center;justify-content:space-between;height:68px} .brand{ font-family:var(--display);font-weight:900;font-size:1.5rem;letter-spacing:-.02em; display:flex;align-items:center;gap:.5rem; } .brand::before{ content:"";width:14px;height:14px;border-radius:3px; background:linear-gradient(135deg,var(--signal),var(--brass)); box-shadow:0 3px 8px rgba(255,90,31,.45);transform:rotate(8deg); } .site-nav{display:flex;gap:.4rem;align-items:center} .site-nav a{ font-weight:600;font-size:.92rem;padding:.5rem .85rem;border-radius:100px; color:var(--slate);transition:.18s; } .site-nav a:hover{color:var(--ink);background:rgba(14,17,22,.06)} .site-nav a.cta{background:var(--ink);color:var(--paper)} .site-nav a.cta:hover{background:var(--signal);color:#fff} .nav-toggle{display:none} main.container{padding-top:2.5rem;padding-bottom:4rem} /* ---------- Eyebrow / shared bits ---------- */ .eyebrow{ font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.18em; text-transform:uppercase;color:var(--signal-text);display:inline-flex;align-items:center;gap:.5rem; } .eyebrow::before{content:"";width:22px;height:2px;background:var(--signal)} .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 1.5rem} .section-head h2{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;margin:.4rem 0 0;letter-spacing:-.02em} .section-head a.more{font-family:var(--mono);font-size:.78rem;color:var(--slate);white-space:nowrap} .section-head a.more:hover{color:var(--signal)} /* ============ HOMEPAGE: Hero + magazine grid ============ */ .hero{ position:relative;margin-bottom:3.5rem; display:grid;grid-template-columns:1.25fr .9fr;gap:2rem;align-items:stretch; } .hero-lead{ position:relative;border-radius:var(--radius);overflow:hidden; min-height:440px;display:flex;align-items:flex-end; background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg); transform:perspective(1400px) rotateX(.4deg); transition:transform .4s ease; } .hero-lead:hover{transform:perspective(1400px) rotateX(0deg) translateY(-4px)} .hero-lead img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; opacity:.62;transition:transform .6s ease,opacity .4s; } .hero-lead:hover img{transform:scale(1.05);opacity:.7} .hero-lead .overlay{ position:relative;z-index:2;padding:2.2rem;width:100%; background:linear-gradient(to top,rgba(14,17,22,.92) 10%,rgba(14,17,22,.35) 70%,transparent); } .hero-lead h1{ font-family:var(--display);font-weight:900;letter-spacing:-.03em;line-height:1.02; font-size:clamp(1.9rem,3.4vw,2.9rem);margin:.6rem 0 .5rem;color:#fff; } .hero-lead p{color:rgba(247,245,240,.82);font-size:1rem;margin:0 0 1rem;max-width:46ch} .hero-lead .read{ font-family:var(--mono);font-size:.78rem;font-weight:600;color:#fff; display:inline-flex;gap:.5rem;align-items:center;border-bottom:2px solid var(--signal);padding-bottom:2px; } .tag-chip{ font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase; background:var(--signal-text);color:#fff;padding:.32rem .6rem;border-radius:100px;display:inline-block; } .tag-chip.brass{background:var(--brass);color:var(--ink)} /* hero side stack */ .hero-side{display:flex;flex-direction:column;gap:1.25rem} .hero-side .mini{ display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center; background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm); padding:.8rem;box-shadow:var(--shadow-sm);transition:.25s; } .hero-side .mini:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--signal)} .hero-side .mini .thumb{width:96px;height:72px;border-radius:6px;overflow:hidden;background:var(--ink-2)} .hero-side .mini .thumb img{width:100%;height:100%;object-fit:cover} .hero-side .mini h3{font-family:var(--display);font-size:1.02rem;font-weight:600;margin:.15rem 0;line-height:1.2} .hero-side .mini .m{font-family:var(--mono);font-size:.68rem;color:var(--slate)} /* magazine grid */ .mag-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; } .card{ position:relative;background:var(--paper-2);border:1px solid var(--line); border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm); transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s; display:flex;flex-direction:column; } .card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent} .card .cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink-2)} .card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} .card:hover .cover img{transform:scale(1.06)} .card .cover .tag-chip{position:absolute;top:.8rem;left:.8rem;z-index:2} .card .body{padding:1.1rem 1.15rem 1.3rem;display:flex;flex-direction:column;flex:1} .card h3{font-family:var(--display);font-size:1.22rem;font-weight:600;line-height:1.22;margin:0 0 .45rem;letter-spacing:-.01em} .card:hover h3{color:var(--signal-d)} .card .excerpt{color:var(--slate);font-size:.9rem;margin:0 0 1rem;flex:1} .card .meta{font-family:var(--mono);font-size:.7rem;color:var(--slate);display:flex;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.7rem} /* ============ DIRECTORY: dense grid ============ */ .dir-hero{ background:var(--ink);color:var(--paper);border-radius:var(--radius); padding:2.4rem 2rem;margin-bottom:2.5rem;position:relative;overflow:hidden; box-shadow:var(--shadow-lg); } .dir-hero::after{ content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%; background:radial-gradient(circle,rgba(255,90,31,.35),transparent 70%); } .dir-hero h1{font-family:var(--display);font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);margin:.6rem 0 .4rem;letter-spacing:-.03em;color:#fff} .dir-hero p{color:rgba(247,245,240,.78);max-width:54ch;margin:0} .dir-stats{display:flex;gap:2rem;margin-top:1.4rem;flex-wrap:wrap} .dir-stats .stat .n{font-family:var(--display);font-size:1.8rem;font-weight:700;color:var(--brass)} .dir-stats .stat .l{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(247,245,240,.6)} .dir-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.75rem} .dir-toolbar .filter{ font-family:var(--mono);font-size:.74rem;font-weight:600;padding:.5rem .9rem;border-radius:100px; border:1px solid var(--line);background:var(--paper-2);color:var(--slate);cursor:pointer;transition:.2s; } .dir-toolbar .filter:hover,.dir-toolbar .filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)} .dir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem} .dir-card{ background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm); overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s; display:flex;flex-direction:column; } .dir-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow);border-color:var(--signal)} .dir-card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--ink-2);position:relative} .dir-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .dir-card:hover .ph img{transform:scale(1.07)} .dir-card .ph .code{ position:absolute;bottom:.5rem;right:.5rem;font-family:var(--mono);font-size:.62rem; background:rgba(14,17,22,.78);color:#fff;padding:.18rem .45rem;border-radius:4px; } .dir-card .info{padding:.8rem .85rem .95rem} .dir-card h3{font-family:var(--display);font-size:1.02rem;font-weight:600;line-height:1.2;margin:0 0 .3rem} .dir-card:hover h3{color:var(--signal-d)} .dir-card .cat{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--signal-text);font-weight:600} .dir-card .ex{font-size:.8rem;color:var(--slate);margin:.4rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* ============ CONTACT: featured row + list ============ */ .contact-featured{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem; } .feat-card{ position:relative;border-radius:var(--radius);overflow:hidden;min-height:280px; display:flex;align-items:flex-end;background:var(--ink);color:#fff; box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s; } .feat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)} .feat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:.5s} .feat-card:hover img{transform:scale(1.05);opacity:.7} .feat-card .fc{position:relative;z-index:2;padding:1.4rem;width:100%;background:linear-gradient(to top,rgba(14,17,22,.92),transparent)} .feat-card h3{font-family:var(--display);font-size:1.3rem;font-weight:700;margin:.4rem 0 .2rem;color:#fff} .feat-card .role{font-family:var(--mono);font-size:.7rem;color:var(--brass)} .contact-list{display:flex;flex-direction:column;gap:.75rem} .list-row{ display:grid;grid-template-columns:64px 1fr auto;gap:1.1rem;align-items:center; background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm); padding:.85rem 1.1rem;box-shadow:var(--shadow-sm);transition:.22s; } .list-row:hover{transform:translateX(4px);border-color:var(--signal);box-shadow:var(--shadow)} .list-row .avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--ink-2);border:2px solid var(--line)} .list-row .avatar img{width:100%;height:100%;object-fit:cover} .list-row h3{font-family:var(--display);font-size:1.1rem;font-weight:600;margin:0 0 .15rem} .list-row .sub{font-family:var(--mono);font-size:.72rem;color:var(--slate)} .list-row .act{ font-family:var(--mono);font-size:.74rem;font-weight:600;padding:.5rem .95rem;border-radius:100px; background:var(--ink);color:var(--paper);transition:.2s;white-space:nowrap; } .list-row .act:hover{background:var(--signal)} /* ============ POST PAGE ============ */ .breadcrumbs{font-family:var(--mono);font-size:.72rem;color:var(--slate);margin:0 0 1.5rem;display:flex;gap:.5rem;flex-wrap:wrap} .breadcrumbs a:hover{color:var(--signal)} .article-head{max-width:760px;margin:0 auto 2rem} .article-head .eyebrow{margin-bottom:.8rem} article h1{font-family:var(--display);font-weight:900;letter-spacing:-.03em;line-height:1.08;font-size:clamp(2rem,4.5vw,3.1rem);margin:.3rem 0 .8rem;max-width:760px;margin-left:auto;margin-right:auto} article .meta{font-family:var(--mono);font-size:.78rem;color:var(--slate);max-width:760px;margin:0 auto 1.5rem;display:flex;gap:.7rem;flex-wrap:wrap} article .cover{ width:100%;max-width:1000px;margin:0 auto 2.5rem;border-radius:var(--radius); box-shadow:var(--shadow-lg);aspect-ratio:16/9;object-fit:cover; } .post-body{max-width:720px;margin:0 auto;font-size:1.1rem;line-height:1.75} .post-body h2{font-family:var(--display);font-size:1.7rem;font-weight:700;margin:2.2rem 0 .8rem;letter-spacing:-.02em} .post-body h3{font-family:var(--display);font-size:1.3rem;font-weight:600;margin:1.6rem 0 .6rem} .post-body p{margin:0 0 1.2rem} .post-body a{color:var(--signal-d);border-bottom:1px solid rgba(255,90,31,.35)} .post-body a:hover{border-color:var(--signal)} .post-body img{border-radius:var(--radius);margin:1.5rem 0;box-shadow:var(--shadow)} .post-body blockquote{ border-left:3px solid var(--signal);margin:1.5rem 0;padding:.4rem 1.4rem; font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--ink-2); } .post-body pre{background:var(--ink);color:#eaeaea;padding:1.2rem;border-radius:var(--radius-sm);overflow-x:auto;font-family:var(--mono);font-size:.85rem} .post-body code{background:rgba(14,17,22,.06);padding:.12em .4em;border-radius:4px;font-family:var(--mono);font-size:.88em} .post-body pre code{background:none;padding:0} .tags{max-width:720px;margin:2.5rem auto 0;display:flex;gap:.5rem;flex-wrap:wrap} .tag{font-family:var(--mono);font-size:.72rem;background:var(--paper-2);border:1px solid var(--line);color:var(--slate);padding:.3rem .75rem;border-radius:100px} .related{max-width:1000px;margin:4rem auto 0;border-top:2px solid var(--ink);padding-top:1.5rem} .related .eyebrow{margin-bottom:1.2rem} .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} /* ---------- Pagination ---------- */ .pagination{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:3rem;font-family:var(--mono);font-size:.8rem} .pagination a{padding:.55rem 1.1rem;border:1px solid var(--line);border-radius:100px;background:var(--paper-2);transition:.2s} .pagination a:hover{background:var(--ink);color:var(--paper)} .pagination span{color:var(--slate)} /* ---------- Footer ---------- */ /* ===== v9-fixes-3: professional responsive footer ===== */ .site-footer{background:var(--ink);color:rgba(247,245,240,.72);margin-top:4rem} .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;padding:3rem 0 2.2rem} .footer-brand .fbrand{font-family:var(--display);font-weight:800;color:#fff;font-size:1.5rem;display:inline-block;margin-bottom:.6rem} .footer-brand .fbrand:hover{color:var(--signal)} .footer-tagline{font-size:.9rem;line-height:1.6;color:rgba(247,245,240,.6);margin:0 0 1.1rem;max-width:34ch} .footer-rss{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:rgba(247,245,240,.7);border:1px solid rgba(247,245,240,.2);padding:.4rem .8rem;border-radius:100px;transition:.15s} .footer-rss:hover{color:#fff;border-color:var(--signal);background:rgba(255,90,31,.12)} .footer-rss svg{color:var(--brass)} .footer-col h4{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brass);margin:0 0 1rem;font-weight:700} .footer-col a{display:block;color:rgba(247,245,240,.72);font-size:.92rem;margin-bottom:.7rem;transition:.15s} .footer-col a:hover{color:#fff;transform:translateX(3px)} .footer-bottom{border-top:1px solid rgba(247,245,240,.1)} .footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.2rem 0;font-size:.82rem;color:rgba(247,245,240,.55)} .footer-bottom-nav{display:flex;gap:1.3rem} .footer-bottom-nav a{color:rgba(247,245,240,.55)} .footer-bottom-nav a:hover{color:#fff} @media(max-width:780px){ .footer-grid{grid-template-columns:1fr 1fr;gap:1.8rem 1.5rem;padding:2.4rem 0 1.8rem} .footer-brand{grid-column:1 / -1} } @media(max-width:480px){ .footer-grid{grid-template-columns:1fr 1fr;gap:1.6rem 1rem} .footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:.7rem} } /* ---------- Empty state ---------- */ .empty{ text-align:center;padding:4rem 1rem;border:2px dashed var(--line);border-radius:var(--radius); font-family:var(--mono);color:var(--slate); } /* ---------- Responsive ---------- */ @media(max-width:980px){ .hero{grid-template-columns:1fr} .hero-side{flex-direction:row;overflow-x:auto} .hero-side .mini{min-width:260px} .mag-grid{grid-template-columns:repeat(2,1fr)} .dir-grid{grid-template-columns:repeat(3,1fr)} .contact-featured{grid-template-columns:1fr 1fr} .related-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ .site-nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;background:var(--paper-2); border-bottom:1px solid var(--line);padding:1rem 1.25rem;gap:.3rem;display:none;box-shadow:var(--shadow)} .site-nav.open{display:flex} .site-nav a{padding:.7rem .85rem;border-radius:var(--radius-sm)} .nav-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:.5rem} .nav-toggle span{width:22px;height:2px;background:var(--ink);display:block;transition:.2s} .mag-grid{grid-template-columns:1fr} .dir-grid{grid-template-columns:repeat(2,1fr)} .contact-featured{grid-template-columns:1fr} .related-grid{grid-template-columns:1fr} .hero-side{flex-direction:column} .hero-side .mini{min-width:0} .list-row{grid-template-columns:48px 1fr;gap:.8rem} .list-row .avatar{width:48px;height:48px} .list-row .act{grid-column:2;justify-self:start;margin-top:.3rem} .dir-stats{gap:1.2rem} } @media(max-width:420px){ .dir-grid{grid-template-columns:1fr 1fr} } @media(prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} .card:hover,.dir-card:hover,.feat-card:hover,.hero-lead:hover{transform:none} } /* ===== Comments (front-end) ===== */ .comments{max-width:760px;margin:3.5rem auto 0;padding-top:2rem;border-top:2px solid var(--ink)} .comments .eyebrow{margin-bottom:.6rem} .comments h2{font-family:var(--display);font-size:1.6rem;font-weight:700;margin:.3rem 0 1.5rem;letter-spacing:-.02em} .comment-list{list-style:none;padding:0;margin:0 0 2.5rem;display:flex;flex-direction:column;gap:1.4rem} .comment{display:grid;grid-template-columns:48px 1fr;gap:1rem} .c-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--brass),var(--signal));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.2rem} .c-content{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem} .c-head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.3rem} .c-head strong{font-family:var(--display);font-size:1.02rem} .c-date{font-family:var(--mono);font-size:.7rem;color:var(--slate)} .c-content p{margin:0;color:#333;overflow-wrap:break-word;word-wrap:break-word} .c-empty{color:var(--slate);font-style:italic;margin-bottom:2rem} .comment-form-wrap{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow-sm)} .comment-form-wrap h3{font-family:var(--display);font-size:1.25rem;margin:0 0 1.1rem} .comment-form label{display:block;font-weight:600;font-size:.85rem;margin-bottom:1rem} .comment-form small{font-weight:400;color:var(--slate)} .comment-form input,.comment-form textarea{width:100%;margin-top:.35rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:.95rem;background:#fff} .comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--signal);border-color:transparent} .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .comment-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .btn-submit{background:var(--ink);color:#fff;border:0;padding:.7rem 1.5rem;border-radius:100px;font-family:var(--sans);font-weight:600;font-size:.95rem;cursor:pointer;transition:.2s} .btn-submit:hover{background:var(--signal)} @media(max-width:560px){.cf-row{grid-template-columns:1fr;gap:0}} /* ===== v5: public company profile ===== */ .company{max-width:1000px;margin:0 auto} .company-cover{border-radius:var(--radius);overflow:hidden;margin-bottom:-50px;height:240px;box-shadow:var(--shadow)} .company-cover img{width:100%;height:100%;object-fit:cover} .company-head{display:flex;gap:1.4rem;align-items:flex-end;position:relative;margin-bottom:2rem;padding:0 .5rem} .company-logo{width:120px;height:120px;border-radius:var(--radius);overflow:hidden;background:#fff;border:3px solid #fff;box-shadow:var(--shadow);flex:none} .company-logo img{width:100%;height:100%;object-fit:cover} .company-headmeta{flex:1;padding-bottom:.3rem} .company-titleline{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap} .company-titleline h1{font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;letter-spacing:-.02em;margin:0} .verif-badge{font-family:var(--mono);font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:100px;background:#e3f6ec;color:var(--green)} .verif-badge.pending{background:#fff4e0;color:#9a6a00} .verif-badge.none{background:#eef0f2;color:var(--slate)} .company-tagline{font-size:1.1rem;color:#333;margin:.5rem 0 .3rem} .company-facts{font-family:var(--mono);font-size:.8rem;color:var(--slate);margin:0 0 1rem} .company-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap} .btn-c{display:inline-block;padding:.55rem 1.1rem;border-radius:100px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:.9rem;color:var(--ink)} .btn-c:hover{border-color:var(--ink);text-decoration:none} .btn-c.primary{background:var(--ink);color:#fff;border-color:var(--ink)} .btn-c.primary:hover{background:var(--signal);border-color:var(--signal)} .hiring-badge{font-family:var(--mono);font-size:.72rem;font-weight:600;background:#e3f6ec;color:var(--green);padding:.35rem .7rem;border-radius:100px} .company-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start} .company-main .c-block{margin-bottom:2rem} .c-block h2{font-family:var(--display);font-size:1.4rem;font-weight:700;margin:0 0 .8rem;letter-spacing:-.01em} .c-desc{font-size:1.02rem;line-height:1.7} .c-desc h2,.c-desc h3{font-family:var(--display)} .c-list{margin:0;padding-left:1.2rem} .c-list li{margin-bottom:.4rem} .c-tags{display:flex;gap:.4rem;flex-wrap:wrap} .c-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem} .c-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm)} .company-side .c-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)} .c-card h3{font-family:var(--display);font-size:1.1rem;margin:0 0 .8rem} .c-row{display:grid;grid-template-columns:90px 1fr;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.88rem} .c-row:last-child{border-bottom:0} .c-k{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate)} .c-socials{display:flex;flex-wrap:wrap;gap:.5rem} .c-socials a{font-size:.82rem;background:var(--soft);padding:.3rem .7rem;border-radius:100px;color:var(--ink)} .c-socials a:hover{background:var(--signal);color:#fff;text-decoration:none} .report-card{text-align:center} .c-report{font-size:.82rem;color:var(--slate)} .c-report:hover{color:var(--red)} @media(max-width:820px){ .company-grid{grid-template-columns:1fr} .company-head{flex-direction:column;align-items:flex-start;gap:.8rem} .company-cover{margin-bottom:1rem;height:180px} .c-gallery{grid-template-columns:repeat(2,1fr)} } /* ===== v6a: ad slots + AI widget ===== */ .ad-slot{max-width:970px;margin:1.5rem auto;display:flex;justify-content:center;align-items:center;text-align:center} .ad-slot img,.ad-slot iframe{max-width:100%;height:auto} .ad-empty{min-height:90px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.015) 10px,rgba(0,0,0,.015) 20px);color:var(--slate);font-family:var(--mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;width:100%} .ad-slot.ad-empty span{padding:1rem} /* ===== v8-p3: redesigned AI assistant widget ===== */ .ai-fab{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%; background:linear-gradient(140deg,var(--ink),#1e2530);color:#fff;display:flex;align-items:center;justify-content:center; cursor:pointer;box-shadow:0 14px 34px -10px rgba(14,17,22,.55);z-index:9998;transition:transform .25s,box-shadow .25s} .ai-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 40px -10px rgba(255,90,31,.5)} .ai-fab-icon{display:flex} .ai-fab-spark{position:absolute;top:-2px;right:-2px;width:22px;height:22px;background:var(--brass);color:var(--ink); border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--paper,#fafafa)} .ai-fab.bounce{animation:aiBounce 1.6s ease} @keyframes aiBounce{0%,100%{transform:translateY(0)}15%{transform:translateY(-12px)}30%{transform:translateY(0)}45%{transform:translateY(-7px)}60%{transform:translateY(0)}75%{transform:translateY(-3px)}} /* teaser bubble */ .ai-teaser{position:fixed;right:92px;bottom:30px;max-width:250px;background:#fff;color:var(--ink); padding:.7rem .9rem;border-radius:14px;font-size:.85rem;line-height:1.4;box-shadow:0 12px 30px -10px rgba(0,0,0,.3); border:1px solid var(--line);z-index:9998;cursor:pointer;opacity:0;transform:translateY(6px) scale(.96); transition:opacity .45s ease,transform .45s ease;pointer-events:auto} .ai-teaser.show{opacity:1;transform:translateY(0) scale(1)} .ai-teaser-tail{position:absolute;right:-7px;bottom:18px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(-45deg)} @media(max-width:480px){ /* keep the teaser visible on mobile, repositioned above the FAB so it fits */ .ai-teaser{right:14px;left:auto;bottom:84px;max-width:min(78vw,260px)} .ai-teaser-tail{right:18px;bottom:-7px;border-right:none;border-bottom:none;border-left:1px solid var(--line);border-top:1px solid var(--line)} } /* panel */ .ai-panel2{position:fixed;right:22px;bottom:94px;width:min(390px,calc(100vw - 32px));height:560px;max-height:calc(100vh - 130px); background:var(--paper,#fafafa);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -18px rgba(0,0,0,.4); display:flex;flex-direction:column;overflow:hidden;z-index:9999;animation:aiPanelIn .25s ease} @keyframes aiPanelIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}} .ai-panel2[hidden]{display:none} .ai-panel2-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem; background:linear-gradient(135deg,var(--ink),#1c222c);color:#fff} .ai-head-id{display:flex;align-items:center;gap:.7rem} .ai-head-orb{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--signal),var(--brass));display:flex;align-items:center;justify-content:center;color:#fff;flex:none} .ai-head-id strong{font-family:var(--display);font-size:1.02rem;display:block;line-height:1.1} .ai-head-sub{font-size:.72rem;color:rgba(255,255,255,.6)} .ai-panel2-head button{background:none;border:0;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1;opacity:.8} .ai-panel2-head button:hover{opacity:1} .ai-quick2{display:flex;gap:.4rem;padding:.7rem .8rem;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#fff} .ai-quick2 button{font-size:.76rem;padding:.4rem .8rem;border:1px solid var(--line);background:var(--paper,#fafafa);border-radius:100px;cursor:pointer;font-family:var(--sans);font-weight:500;transition:.15s} .ai-quick2 button:hover{background:var(--signal);color:#fff;border-color:var(--signal)} .ai-msgs2{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:.7rem;background:var(--paper,#fafafa)} .ai-msg2{padding:.65rem .9rem;border-radius:14px;font-size:.9rem;line-height:1.55;max-width:86%;white-space:pre-wrap;word-wrap:break-word} .ai-msg2.user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px} .ai-msg2.bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px} .ai-typing{display:inline-flex;gap:3px;align-items:center} .ai-typing i{width:6px;height:6px;border-radius:50%;background:var(--slate);animation:aiTyping 1.2s infinite} .ai-typing i:nth-child(2){animation-delay:.2s}.ai-typing i:nth-child(3){animation-delay:.4s} @keyframes aiTyping{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}} .ai-choices{display:flex;flex-direction:column;gap:.4rem;align-self:flex-start;max-width:86%} .ai-choices button{text-align:left;font-size:.86rem;padding:.55rem .85rem;border:1px solid var(--brass);background:#fff;color:var(--ink);border-radius:12px;cursor:pointer;font-family:var(--sans);font-weight:500;transition:.15s} .ai-choices button:hover{background:var(--signal);color:#fff;border-color:var(--signal)} .ai-doc-actions{display:flex;gap:.6rem;align-self:flex-start;margin-top:-.2rem} .ai-doc-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--ink);color:#fff;padding:.55rem 1.1rem;border-radius:100px;font-size:.85rem;font-weight:600;text-decoration:none} .ai-doc-btn:hover{background:var(--signal)} .ai-export2{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--slate);background:#fff} .ai-export2 button{font-size:.76rem;padding:.3rem .75rem;border:1px solid var(--line);background:#fff;border-radius:100px;cursor:pointer;font-family:var(--sans)} .ai-export2 button:hover{background:var(--ink);color:#fff;border-color:var(--ink)} .ai-export2[hidden]{display:none} .ai-form2{display:flex;gap:.5rem;padding:.7rem .8rem;border-top:1px solid var(--line);background:#fff} .ai-form2 input{flex:1;border:1px solid var(--line);border-radius:100px;padding:.6rem .95rem;font:inherit;font-size:.9rem;outline:none} .ai-form2 input:focus{border-color:var(--signal)} .ai-form2 button{background:var(--ink);color:#fff;border:0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none} .ai-form2 button:hover{background:var(--signal)} @media(max-width:480px){.ai-panel2{right:10px;left:10px;width:auto;bottom:84px}.ai-fab{right:14px;bottom:14px}} /* ===== 7a: public jobs board ===== */ .jobsearch{margin-bottom:1.5rem} .jobsearch h1{font-family:var(--display);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;margin:.4rem 0 .3rem} .jobsearch-sub{color:var(--slate);margin:0 0 1.3rem} .jobbar{display:flex;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:100px;padding:.5rem .5rem .5rem 1.2rem;box-shadow:0 8px 30px -12px rgba(0,0,0,.25);align-items:center;position:relative;max-width:860px} .jb-field{display:flex;align-items:center;gap:.5rem;color:var(--slate)} .jb-kw{flex:1;position:relative} .jb-kw input{border:0;outline:0;font:inherit;font-size:1rem;width:100%;background:none;color:var(--ink);padding:.5rem 0} .jb-loc{border-left:1px solid var(--line);padding-left:.9rem} .jb-loc select{border:0;outline:0;font:inherit;font-size:.95rem;background:none;color:var(--ink);cursor:pointer;max-width:160px} .jb-btn{flex:none;background:var(--signal);color:#fff;border:0;border-radius:100px;padding:.7rem 1.5rem;font-weight:700;font-size:.95rem;cursor:pointer} .jb-btn:hover{background:var(--ink)} .jb-suggest{position:absolute;top:calc(100% + 14px);left:-1.2rem;width:min(420px,90vw);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px -14px rgba(0,0,0,.3);padding:.6rem;z-index:50} .jb-suggest[hidden]{display:none} .jb-sg-label{display:block;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--slate);padding:.6rem .7rem .3rem} .jb-sg{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:10px;color:var(--ink)} .jb-sg:hover{background:var(--paper-2,#f3f1ec);text-decoration:none} .jb-sg svg{color:var(--slate);flex:none} .jb-sg strong{font-weight:600;font-size:.92rem} .jb-sg em{display:block;font-style:normal;font-size:.78rem;color:var(--slate)} .jb-recent:empty{display:none} /* logo strip */ .logo-strip{overflow:hidden;margin:1.5rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .logo-track{display:flex;gap:1.5rem;width:max-content;animation:logoscroll 40s linear infinite} .logo-strip:hover .logo-track{animation-play-state:paused} @keyframes logoscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} .logo-chip{flex:none;width:120px;height:64px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:.8rem;transition:.15s} .logo-chip:hover{border-color:var(--signal);box-shadow:0 6px 18px -8px rgba(0,0,0,.25);transform:translateY(-2px)} .logo-chip img{max-width:100%;max-height:100%;object-fit:contain} /* job list */ .joblist{display:flex;flex-direction:column;gap:.7rem} .jobrow{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;transition:.15s} .jobrow:hover{border-color:var(--signal);box-shadow:0 8px 24px -12px rgba(0,0,0,.2);text-decoration:none;transform:translateY(-1px)} .job-logo{width:52px;height:52px;border-radius:10px;overflow:hidden;flex:none;background:var(--paper-2)} .job-logo img{width:100%;height:100%;object-fit:cover} .job-main{flex:1;min-width:0} .job-top{display:flex;align-items:center;gap:.6rem} .job-top h3{font-family:var(--display);font-size:1.15rem;margin:0;font-weight:700;color:var(--ink)} .job-feat{font-family:var(--mono);font-size:.62rem;font-weight:700;background:#fbe7c6;color:#8a6d1a;padding:.15rem .5rem;border-radius:100px;text-transform:uppercase} .job-company-line{color:var(--slate);font-size:.9rem;margin:.15rem 0 .4rem} .job-meta{display:flex;flex-wrap:wrap;gap:.4rem} .jm{font-size:.76rem;background:var(--paper-2,#f1efea);color:#444;padding:.2rem .6rem;border-radius:100px} .jm-sal{background:#e3f6ec;color:#1f7a45} .job-go{flex:none;font-family:var(--mono);font-size:.8rem;color:var(--signal);font-weight:600} @media(max-width:600px){.jobbar{flex-wrap:wrap;border-radius:18px;padding:.8rem}.jb-btn{width:100%}.job-go{display:none}} /* job detail */ .job-detail{max-width:960px;margin:0 auto} .job-back{font-family:var(--mono);font-size:.8rem;color:var(--slate)} .jd-head{display:flex;gap:1.3rem;margin:1rem 0 2rem} .jd-logo{width:88px;height:88px;border-radius:16px;overflow:hidden;flex:none;border:1px solid var(--line);background:#fff} .jd-logo img{width:100%;height:100%;object-fit:cover} .jd-logo-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-weight:700;font-size:2rem} .jd-titleline{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap} .jd-titleline h1{font-family:var(--display);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:900;margin:0;letter-spacing:-.02em} .jd-company{margin:.4rem 0 .6rem;font-size:1.05rem} .jd-tagline{color:var(--slate)} .jd-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem} .jd-actions{display:flex;gap:.6rem;flex-wrap:wrap} .jd-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start} .jd-block{margin-bottom:1.8rem} .jd-block h2{font-family:var(--display);font-size:1.3rem;margin:0 0 .7rem} .jd-rich{line-height:1.7} .jd-rich ul{padding-left:1.2rem} @media(max-width:820px){.jd-grid{grid-template-columns:1fr}.jd-head{flex-direction:column;gap:1rem}} /* 7a-state: state field in job search bar */ .jb-state{border-left:1px solid var(--line);padding-left:.9rem;display:flex;align-items:center;gap:.5rem;color:var(--slate)} .jb-state select,.jb-state input{border:0;outline:0;font:inherit;font-size:.95rem;background:none;color:var(--ink);cursor:pointer;max-width:150px} .jb-state input{cursor:text} /* Mobile: keyword full width on its own row; country + state share the next row, side by side */ @media(max-width:600px){ .jb-kw{flex:1 1 100%;order:1} .jb-loc{flex:1 1 0;min-width:0;order:2;border-left:0;padding-left:0} .jb-state{flex:1 1 0;min-width:0;order:3;padding-left:.6rem} .jb-loc select,.jb-state select,.jb-state input{max-width:100%;width:100%} .jb-btn{flex:1 1 100%;order:4} } /* ===== v7c-part2: redesigned company profile header ===== */ .cprofile{margin-bottom:2rem;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 40px -20px rgba(0,0,0,.25)} .cprofile-banner{height:180px;position:relative;overflow:hidden} .cprofile-cover{width:100%;height:100%;object-fit:cover;display:block} .cprofile-cover-gradient{width:100%;height:100%} .cprofile-body{display:flex;gap:1.5rem;padding:0 2rem 1.8rem;margin-top:-50px;position:relative} .cprofile-logo{width:120px;height:120px;border-radius:20px;overflow:hidden;flex:none;background:#fff;border:4px solid #fff;box-shadow:0 6px 20px -8px rgba(0,0,0,.3)} .cprofile-logo img{width:100%;height:100%;object-fit:cover} .cprofile-logo-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-weight:800;font-size:3rem} .cprofile-info{flex:1;min-width:0;padding-top:58px} .cprofile-titlerow{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap} .cprofile-titlerow h1{font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:900;letter-spacing:-.02em;margin:0} .cv-badge{font-family:var(--mono);font-size:.68rem;font-weight:700;padding:.25rem .6rem;border-radius:100px;white-space:nowrap} .cv-verified{background:#e3f6ec;color:#1f9d55} .cv-pending{background:#fff4e0;color:#9a6a00} .cv-featured{background:#fbe7c6;color:#8a6d1a} .cprofile-tagline{font-size:1.1rem;color:var(--ink);margin:.5rem 0 .8rem;line-height:1.5} .cprofile-facts{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-bottom:1.1rem} .cfact{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--slate)} .cfact svg{color:var(--brass)} .cfact-link{color:var(--signal);font-weight:600} .cfact-link:hover{text-decoration:underline} .cprofile-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center} .btn-jobs{background:var(--ink);color:#fff;border-color:var(--ink)} .btn-jobs:hover{background:var(--signal);border-color:var(--signal)} .hiring-badge{font-size:.8rem;color:#1f9d55;font-weight:600;font-family:var(--mono)} @media(max-width:680px){ .cprofile-body{flex-direction:column;gap:.8rem;margin-top:-44px;padding:0 1.2rem 1.4rem} .cprofile-logo{width:88px;height:88px} .cprofile-info{padding-top:0} } /* company jobs section on profile */ .c-jobs-head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.9rem} .c-jobs-head h2{margin:0} .c-jobs-count{font-family:var(--mono);font-size:.75rem;color:var(--slate)} .c-joblist{display:flex;flex-direction:column;gap:.6rem} .c-jobrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:12px;transition:.15s;background:#fff} .c-jobrow:hover{border-color:var(--signal);box-shadow:0 6px 18px -10px rgba(0,0,0,.2);text-decoration:none;transform:translateY(-1px)} .c-jobrow-main h3{font-family:var(--display);font-size:1.05rem;margin:0 0 .25rem;color:var(--ink)} .c-jobrow-meta{display:flex;flex-wrap:wrap;gap:.4rem} .c-jobrow-meta span{font-size:.76rem;background:var(--paper-2,#f1efea);color:#444;padding:.18rem .55rem;border-radius:100px} .c-jobrow-sal{background:#e3f6ec!important;color:#1f7a45!important} .c-jobrow-go{flex:none;font-family:var(--mono);font-size:.78rem;color:var(--signal);font-weight:600} .c-jobs-all{display:inline-block;margin-top:.9rem;font-family:var(--mono);font-size:.82rem;color:var(--signal);font-weight:600} @media(max-width:560px){.c-jobrow-go{display:none}} /* ===== v8-p2: threaded comments, avatars, replies ===== */ .c-avatar{flex:none} .c-avatar-img{object-fit:cover} .comment-children{margin:1.2rem 0 0;padding-left:1.2rem;border-left:2px solid var(--line);gap:1.2rem} .comment.is-author > .c-content{background:var(--paper-2,#f6f4ef);border-radius:12px;padding:.9rem 1.1rem;border:1px solid var(--line)} .c-author-badge{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--signal);color:#fff;padding:.12rem .5rem;border-radius:100px;margin-left:.1rem} .c-reply-btn{background:none;border:0;color:var(--signal);font-weight:600;font-size:.82rem;cursor:pointer;padding:.2rem 0;margin-top:.3rem} .c-reply-btn:hover{text-decoration:underline} .c-replying{font-size:.85rem;color:var(--slate);background:var(--paper-2,#f6f4ef);padding:.5rem .8rem;border-radius:8px;margin-bottom:.8rem} .c-replying button{background:none;border:0;color:var(--signal);cursor:pointer;font-size:.85rem;text-decoration:underline} @media(max-width:560px){.comment-children{padding-left:.7rem}} /* v8-p3 fixes: markdown inside chat bubbles */ .ai-msg2 h3,.ai-msg2 h4,.ai-msg2 h5,.ai-msg2 h6{margin:.5rem 0 .3rem;font-size:.95rem;font-family:var(--display)} .ai-msg2 p{margin:0 0 .55rem}.ai-msg2 p:last-child{margin-bottom:0} .ai-msg2 ul,.ai-msg2 ol{margin:.3rem 0 .6rem;padding-left:1.2rem} .ai-msg2 li{margin-bottom:.25rem} .ai-msg2 code{background:rgba(0,0,0,.06);padding:.05rem .35rem;border-radius:5px;font-family:var(--mono,monospace);font-size:.82em} .ai-msg2.user code{background:rgba(255,255,255,.2)} .ai-msg2 strong{font-weight:700} .ai-msg2 a{color:var(--signal-text);text-decoration:underline} .ai-msg2.user a{color:#fff} /* logged-in comment note */ .c-loggedin{background:var(--paper-2,#f6f4ef);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font-size:.85rem;color:var(--slate);margin-bottom:.8rem} /* v8-p3: hide comment avatars on mobile + collapse the grid so text isn't squeezed */ @media(max-width:560px){ .comment .c-avatar,.comment .c-avatar-img{display:none} /* the grid still reserved a 48px avatar column even when hidden — collapse to one column */ .comment{grid-template-columns:1fr;gap:0} .c-content{padding:.85rem 1rem} .comment-children{padding-left:.6rem} } /* ===== v8-p3: author profile page ===== */ .author-head{display:flex;align-items:center;gap:1.4rem;margin-bottom:2rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line)} .author-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 20px -8px rgba(0,0,0,.3);flex:none;background:var(--paper-2,#f3f1ec)} .author-headmeta{flex:1;min-width:0} .author-headmeta h1{font-family:var(--display);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;letter-spacing:-.02em;margin:.3rem 0 .4rem} .author-bio{color:var(--ink);font-size:1.02rem;line-height:1.6;margin:0 0 .5rem;max-width:60ch} .author-count{color:var(--slate);font-family:var(--mono);font-size:.82rem;margin:0} .author-section{margin-bottom:2.5rem} .author-h2{font-family:var(--display);font-size:1.4rem;font-weight:800;margin:0 0 1.1rem;padding-bottom:.5rem;border-bottom:2px solid var(--ink);display:inline-block} /* jobs list on author page */ .author-joblist{display:flex;flex-direction:column;gap:.7rem} .author-jobrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.15s;text-decoration:none} .author-jobrow:hover{border-color:var(--signal);box-shadow:0 6px 18px -10px rgba(0,0,0,.2);transform:translateY(-1px)} .author-jobmain h3{font-family:var(--display);font-size:1.08rem;margin:0 0 .3rem;color:var(--ink)} .author-jobmeta{display:flex;flex-wrap:wrap;gap:.4rem} .author-jobmeta span{font-size:.76rem;background:var(--paper-2,#f3f1ec);color:#444;padding:.18rem .55rem;border-radius:100px} .author-jobgo{flex:none;font-family:var(--mono);font-size:.78rem;color:var(--signal);font-weight:600} @media(max-width:560px){ .author-head{flex-direction:column;text-align:center;gap:.9rem} .author-avatar{width:80px;height:80px} .author-bio{margin-left:auto;margin-right:auto} .author-jobgo{display:none} } /* v9-fixes-3: AI post-recommendation links */ .ai-msg2 li a{font-weight:600} .ai-msg2 ul li{margin-bottom:.5rem;line-height:1.45} /* ===== v9-fixes-8: related jobs & companies ===== */ .related-jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem} .rjob-card{position:relative;background:var(--paper-2,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;transition:.18s;display:block} .rjob-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--signal)} .rjob-card .tag-chip{margin-bottom:.7rem} .rjob-card h3{font-family:var(--display);font-size:1.08rem;margin:.2rem 0 .3rem;line-height:1.25} .rjob-company{color:var(--slate);font-size:.88rem;margin:0 0 .7rem} .rjob-meta{display:flex;flex-wrap:wrap;gap:.4rem} .rjob-meta span{font-size:.72rem;background:var(--paper,#f3f1ec);color:#444;padding:.2rem .6rem;border-radius:100px} .related-companies{margin-top:2.5rem} .related-jobs{margin-top:2.5rem} @media(max-width:860px){.related-jobs-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.related-jobs-grid{grid-template-columns:1fr}}