/* =====================================================================
   Inner pages: hero, content, company / about / contact / post / 404
   ===================================================================== */

/* ---------------- shared bits ---------------- */
.pill{display:inline-flex;align-items:center;padding:6px 16px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:800;font-size:.88rem;transition:background .3s,color .3s,border-color .3s,transform .3s}
.pill:hover{transform:translateY(-3px);border-color:var(--cat,var(--c-accent))}
.pill.is-active{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}
.notice{padding:11px 16px;margin-bottom:16px;border-radius:12px;font-weight:700}
.notice.ok{background:#e6f4ea;color:#1e6b34}
.notice.bad{background:#fdeaea;color:#a12626}
html[data-theme="dark"] .notice.ok{background:#12351f;color:#8fe0a8}
html[data-theme="dark"] .notice.bad{background:#3b1717;color:#ffaaaa}
.search-form{display:flex;gap:8px;max-width:460px;margin:16px auto}
.search-field,.f input,.f textarea{display:block;width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;transition:border-color .3s,box-shadow .3s}
.search-field:focus,.f input:focus,.f textarea:focus{outline:0;border-color:var(--c-accent);box-shadow:0 0 0 4px rgba(201,162,75,.22)}
.search-submit{padding:0 22px;border:0;border-radius:14px;background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-weight:800;cursor:pointer;transition:background .3s,color .3s}
.search-submit:hover{background:var(--c-accent);color:#0b1730}
.search-box{margin-bottom:26px}
.empty-state{padding:50px 20px;text-align:center}
.empty-ico{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 14px;border-radius:50%;border:2px dashed var(--c-accent);font-size:2.2rem;color:var(--accent-ink);animation:spin 18s linear infinite}

/* ---------------- hero ---------------- */
.page-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(54px,8vw,104px) 0 clamp(72px,9vw,124px);color:#fff;background:linear-gradient(135deg,var(--c-menu),var(--c-dark) 78%)}
.page-hero.has-img{background:var(--c-dark)}
.ph-bg{position:absolute;inset:-8% 0;z-index:-3;background-size:cover;background-position:center;will-change:transform}
.page-hero.has-img::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,14,30,.72),rgba(7,14,30,.88))}
.ph-fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ph-fx i{position:absolute;display:block}
.ph-fx i:nth-child(1){width:56vmin;height:56vmin;inset-block-start:-26vmin;inset-inline-end:-10vmin;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.42),transparent 66%);animation:float 12s ease-in-out infinite}
.ph-fx i:nth-child(2){width:22vmin;height:22vmin;inset-block-end:16%;inset-inline-start:7%;border:2px solid rgba(201,162,75,.45);animation:spin45 40s linear infinite}
.ph-fx i:nth-child(3){width:30vmin;height:30vmin;inset-block-start:8%;inset-inline-start:34%;background-image:radial-gradient(rgba(255,255,255,.3) 1.4px,transparent 1.7px);background-size:20px 20px;-webkit-mask-image:radial-gradient(circle,#000,transparent 70%);mask-image:radial-gradient(circle,#000,transparent 70%);animation:float 15s ease-in-out infinite reverse}
.ph-fx i:nth-child(4){width:12px;height:12px;inset-block-start:30%;inset-inline-end:22%;background:var(--c-accent);transform:rotate(45deg);animation:floaty 5s ease-in-out infinite}
.ph-mark{position:absolute;inset-inline:0;bottom:8%;z-index:-1;overflow:hidden;text-align:center;white-space:nowrap;text-transform:uppercase;font-size:clamp(4.5rem,17vw,15rem);font-weight:900;line-height:.9;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.12);pointer-events:none;animation:markDrift 24s ease-in-out infinite alternate}
.ph-inner{position:relative}
.ph-title{margin:0 0 10px;color:#fff;font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1.25;text-shadow:0 4px 22px rgba(0,0,0,.35)}
.ph-title::after{content:'';display:block;width:90px;height:5px;margin-top:16px;border-radius:5px;background:var(--c-accent);transform:scaleX(0);transform-origin:0 50%;animation:barIn 1s var(--ease) .6s forwards}
html[dir="rtl"] .ph-title::after{transform-origin:100% 50%}
.ph-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.ph-title .w>span{display:inline-block;transform:translateY(115%);animation:wordUp .85s var(--ease) both;animation-delay:calc(var(--w)*.09s + .15s)}
.ph-lead{max-width:700px;margin:18px 0 0;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.95;opacity:.92}
.ph-badge{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ph-badge .pill{background:var(--c-accent);border-color:var(--c-accent);color:#0b1730}
.ph-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:.92rem;opacity:.9}
.ph-meta span{display:inline-flex;align-items:center;gap:8px}
.ph-meta span+span::before{content:'';width:6px;height:6px;background:var(--c-accent);transform:rotate(45deg)}
.ph-edge{position:absolute;inset-inline:0;bottom:-1px;display:block;width:100%;height:clamp(28px,5vw,70px)}
.ph-edge path{fill:var(--bg-alt)}

.breadcrumbs{display:inline-flex;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding:6px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);font-size:.86rem}
.breadcrumbs a{opacity:.85;transition:color .3s,opacity .3s}
.breadcrumbs a:hover{color:var(--c-accent);opacity:1}
.breadcrumbs .sep{font-style:normal;margin:0 9px;opacity:.5}

/* ---------------- layout + article ---------------- */
.inner-wrap{background:var(--bg-alt);padding:12px 0 clamp(50px,7vw,90px)}
.inner-layout{display:flex;gap:30px;align-items:flex-start}
.grow{flex:1;min-width:0}
.sidebar{flex:0 0 290px;position:sticky;top:calc(var(--header-h) + 20px)}
.sidebar-nav{overflow:hidden;border-radius:18px;background:linear-gradient(160deg,var(--c-primary),var(--c-dark));box-shadow:var(--shadow)}
.sidebar-nav li{border-bottom:1px solid rgba(255,255,255,.1)}
.sidebar-nav li:last-child{border-bottom:0}
.sidebar-nav li a{display:block;padding:13px 18px;color:#fff;font-weight:700;transition:padding .35s var(--ease),background .3s}
.sidebar-nav li:not(.sidebar-title):hover a{padding-inline-start:26px;background:rgba(255,255,255,.08)}
.sidebar-nav .sidebar-title a{padding:18px;font-size:1.15rem;font-weight:900;background:rgba(0,0,0,.2)}
.sidebar-nav li.active{background:var(--surface);box-shadow:inset 5px 0 0 var(--c-accent)}
html[dir="rtl"] .sidebar-nav li.active{box-shadow:inset -5px 0 0 var(--c-accent)}
.sidebar-nav li.active a{color:var(--heading)}

.article{flex:1;min-width:0;padding:clamp(22px,4vw,46px);border-radius:22px;background:var(--surface);font-size:1.05rem;box-shadow:0 2px 18px rgba(11,23,48,.06)}
.article.full{flex-basis:100%}
.intro-box{margin-bottom:26px}

.entry>*:first-child{margin-top:0}
.entry>*:last-child{margin-bottom:0}
.entry p{margin:0 0 1.1em;line-height:2.05}
.entry h2{position:relative;margin:1.7em 0 .6em;padding-inline-start:20px;font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:900}
.entry h2::before{content:'';position:absolute;inset-inline-start:0;top:.2em;bottom:.2em;width:6px;border-radius:6px;background:linear-gradient(var(--c-accent),color-mix(in srgb,var(--c-accent) 25%,transparent))}
.entry h3{margin:1.5em 0 .5em;font-size:1.3rem;font-weight:800}
.entry h4{margin:1.3em 0 .4em;font-size:1.1rem;font-weight:800}
.entry ul,.entry ol{margin:0 0 1.2em;padding-inline-start:0}
.entry ul{list-style:none}
.entry ol{padding-inline-start:26px}
.entry ul li{position:relative;padding-inline-start:28px;margin-bottom:.35em;line-height:1.95}
.entry ul li::before{content:'';position:absolute;inset-inline-start:5px;top:.95em;width:8px;height:8px;background:var(--c-accent);transform:rotate(45deg)}
.entry ol li{margin-bottom:.35em;line-height:1.95}
.entry ol li::marker{color:var(--accent-ink);font-weight:900}
.entry a:not(.btn):not(.wp-block-button__link){color:var(--accent-ink);text-decoration:underline;text-decoration-color:var(--c-accent);text-underline-offset:4px}
.entry a:not(.btn):not(.wp-block-button__link):hover{color:var(--c-accent)}
.entry img{border-radius:16px}
.entry figure{margin:1.6em 0}
.entry figcaption{margin-top:8px;font-size:.88rem;text-align:center;opacity:.75}
.entry blockquote{margin:1.6em 0;padding:20px 26px;border-inline-start:5px solid var(--c-accent);border-radius:0 16px 16px 0;background:var(--bg-alt);font-size:1.12rem}
html[dir="rtl"] .entry blockquote{border-radius:16px 0 0 16px}
.entry blockquote p:last-child{margin-bottom:0}
.entry hr{height:2px;margin:2.2em 0;border:0;background:linear-gradient(90deg,transparent,var(--c-accent),transparent)}
.entry table{width:100%;margin:0 0 1.4em;border-collapse:collapse;overflow:hidden;border-radius:12px;font-size:.96rem}
.entry th{padding:12px 14px;background:var(--c-primary);color:#fff;text-align:start}
.entry td{padding:11px 14px;border:1px solid var(--border)}
.entry tbody tr:nth-child(even){background:var(--bg-alt)}
.entry .wp-block-table,.entry .wp-block-table table{overflow-x:auto}
.entry .wp-block-button__link{display:inline-block;padding:12px 30px;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-weight:800;text-decoration:none;transition:background .3s,color .3s,transform .3s}
.entry .wp-block-button__link:hover{background:var(--c-accent);color:#0b1730;transform:translateY(-3px)}
.entry pre,.entry code{border-radius:8px;background:var(--bg-alt);font-size:.9em}
.entry code{padding:2px 7px}
.entry pre{padding:16px;overflow:auto}

/* editor block styles */
.entry .is-style-lead{padding-inline-start:20px;border-inline-start:4px solid var(--c-accent);color:var(--heading);font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;line-height:2}
.entry .wp-block-group.is-style-card{padding:28px;border:1px solid var(--border);border-top:5px solid var(--c-accent);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);transition:transform .4s var(--ease)}
.entry .wp-block-group.is-style-card:hover{transform:translateY(-6px)}
.entry .wp-block-group.is-style-band{padding:clamp(24px,4vw,40px);border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--c-primary),var(--c-dark))}
.entry .wp-block-group.is-style-band :is(h1,h2,h3,h4,p,li){color:#fff}
.entry .wp-block-columns.is-style-cards{gap:20px}
.entry .wp-block-columns.is-style-cards>.wp-block-column{padding:24px;border:1px solid var(--border);border-bottom:5px solid var(--c-accent);border-radius:18px;background:var(--surface);transition:transform .4s var(--ease),box-shadow .4s}
.entry .wp-block-columns.is-style-cards>.wp-block-column:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.entry .wp-block-image.is-style-framed img{border:6px solid var(--surface);outline:2px solid var(--c-accent);outline-offset:6px;box-shadow:var(--shadow)}
.entry .wp-block-quote.is-style-accent{position:relative;padding:34px 30px 26px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--c-primary),var(--c-dark));color:#fff;font-weight:700}
.entry .wp-block-quote.is-style-accent p{color:#fff}

/* full-width template */
.fw-page{overflow-x:clip}
.fw-page>*{max-width:var(--wrap);margin-inline:auto;padding-inline:15px}
.fw-page>.alignfull{max-width:none;padding-inline:0}
.fw-page>.alignwide{max-width:calc(var(--wrap) + 160px)}

/* auto-reveal of editor content (added by JS) */
.entry>.reveal{will-change:opacity,translate}

/* ---------------- CTA band ---------------- */
.cta-band{position:relative;overflow:hidden;padding:clamp(40px,6vw,64px) 0;color:#fff;background:linear-gradient(120deg,var(--c-primary),var(--c-dark) 70%)}
.cta-band-fx i{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.4),transparent 66%)}
.cta-band-fx i:nth-child(1){width:46vmin;height:46vmin;inset-block-start:-24vmin;inset-inline-start:-8vmin;animation:float 13s ease-in-out infinite}
.cta-band-fx i:nth-child(2){width:30vmin;height:30vmin;inset-block-end:-16vmin;inset-inline-end:8%;animation:float 10s ease-in-out infinite reverse}
.cta-band-in{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 40px}
.cta-band h2{margin:0 0 4px;color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900}
.cta-band p{margin:0;opacity:.9}
.cta-band-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------------- cards / archive ---------------- */
.cat-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 28px}
.feature{display:grid;grid-template-columns:1.1fr 1fr;margin-bottom:26px;overflow:hidden;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);transition:border-color .3s}
.feature:hover{border-color:var(--c-accent)}
.feature-thumb{position:relative;min-height:320px;overflow:hidden;background:linear-gradient(135deg,var(--c-primary),var(--c-dark))}
.feature-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.feature:hover .feature-thumb img{transform:scale(1.07)}
.feature-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:clamp(24px,4vw,46px)}
.feature-body h2{margin:6px 0 0;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:900}
.feature-body p{margin:0;line-height:1.95}
.feature .card-meta,.feature .card-more{padding:0}
.pagination{margin-top:34px}
.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-weight:800;transition:background .3s,color .3s,transform .3s}
.pagination .current,.pagination a.page-numbers:hover{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg);transform:translateY(-3px)}

/* ---------------- single post ---------------- */
.post-layout{display:grid;grid-template-columns:150px minmax(0,800px);justify-content:center;gap:28px;align-items:start}
.share-rail{position:sticky;top:calc(var(--header-h) + 20px)}
.share{display:flex;flex-direction:column;gap:8px}
.share-label{font-weight:900;color:var(--heading)}
.share a,.share button{padding:8px 14px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;font-size:.82rem;text-align:center;cursor:pointer;transition:background .3s,color .3s,transform .3s,border-color .3s}
.share a:hover,.share button:hover{background:var(--c-accent);color:#0b1730;border-color:var(--c-accent);transform:translateY(-3px)}
.share .t-done{display:none}
.share button.copied .t-ar,.share button.copied .t-en{display:none!important}
.share button.copied .t-done{display:inline}
.post-body{font-size:1.1rem}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}
.post-tags a{padding:4px 14px;border-radius:999px;background:var(--bg-alt);font-size:.86rem;font-weight:700;text-decoration:none!important}
.pn-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.pn-card{display:flex;flex-direction:column;gap:4px;padding:20px 24px;border:1px solid var(--border);border-radius:18px;background:var(--surface);transition:border-color .3s,transform .4s var(--ease),box-shadow .3s}
.pn-card:hover{border-color:var(--c-accent);transform:translateY(-5px);box-shadow:var(--shadow)}
.pn-card.next{text-align:end}
.pn-card small{color:var(--accent-ink);font-weight:800}
.pn-card span{font-weight:800;color:var(--heading)}
.related{margin-top:clamp(40px,6vw,70px)}

/* ---------------- company tiles ---------------- */
.tile-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.tile{flex:0 1 calc((100% - 44px)/3);min-width:min(100%,310px);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:6px;min-height:380px;padding:32px 28px 26px;border-radius:26px;color:#fff;background:linear-gradient(150deg,var(--cat),color-mix(in srgb,var(--cat) 50%,#050a18));box-shadow:var(--shadow)}
.tile-bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.28;transition:transform .9s var(--ease),opacity .4s}
.tile:hover .tile-bg{transform:scale(1.1);opacity:.42}
.tile::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.24),transparent 70%)}
.tile:hover::after{opacity:1}
.tile-no{position:absolute;inset-block-start:10px;inset-inline-end:22px;font-size:5rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35)}
.tile-ico{display:grid;place-items:center;width:58px;height:58px;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.14);font-size:1.5rem;font-weight:900}
.tile-ico img{width:30px;height:30px;object-fit:contain}
.tile h3{margin:12px 0 0;color:#fff;font-size:1.7rem;font-weight:900}
.tile-en{color:var(--c-accent);font-weight:800;letter-spacing:.05em}
.tile p{margin:6px 0 0;line-height:1.9;opacity:.95}
.tile-chips-label{display:block;margin:12px 0 0;font-size:.8rem;font-weight:900;color:var(--c-accent);letter-spacing:.03em}
.tile-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.tile-chips li{padding:3px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.1);font-size:.82rem;font-weight:700}
.tile-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-weight:800}
.tile:hover .tile-more .ico-arrow{transform:scaleX(var(--f)) translateX(7px)}

/* ---------------- about ---------------- */
.ab-intro{background:var(--bg-alt);padding:clamp(20px,4vw,50px) 0 clamp(50px,7vw,90px)}
.ab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,80px);align-items:center}
.ab-text{font-size:1.12rem;line-height:2.1}
.ab-companies{background:var(--bg-alt)}

/* ---------------- contact ---------------- */
.ct-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,50px);align-items:start}
.ct-info{display:grid;gap:18px}
.ct-intro{padding:clamp(20px,3vw,32px)}
.ct-cards{display:grid;gap:14px}
.ct-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);transition:box-shadow .3s,border-color .3s}
a.ct-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow)}
.ct-ico{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent),#e4c877);color:#0b1730}
.ct-ico .ico{width:24px;height:24px}
.ct-card small{display:block;color:var(--accent-ink);font-weight:800;font-size:.8rem}
.ct-card strong{display:block;color:var(--heading);font-size:1.05rem;word-break:break-word}
.ct-social a{border-color:var(--border);color:var(--heading)}
.ct-form{padding:clamp(24px,4vw,42px);border-top:5px solid var(--c-accent);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.ct-form h2{margin:0 0 18px;font-size:1.6rem;font-weight:900}
.f{display:block;margin-bottom:16px}
.f>span{display:block;margin-bottom:6px;color:var(--heading);font-weight:800;font-size:.92rem}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}

/* ---------------- 404 ---------------- */
.nf{padding-block:20px;text-align:center}
.nf-digits{display:flex;justify-content:center;align-items:center;gap:clamp(6px,2vw,22px);font-size:clamp(6rem,24vw,14rem);font-weight:900;line-height:1}
.nf-digits b{color:transparent;-webkit-text-stroke:3px var(--c-accent);animation:floaty 3.4s ease-in-out infinite}
.nf-digits b:last-child{animation-delay:.7s}
.nf-digits .mid i{display:block;width:.78em;height:.78em;border:.09em dashed var(--c-accent);border-radius:50%;animation:spin 14s linear infinite}
.nf-text{max-width:560px;margin:0 auto 6px;font-size:1.15rem}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}

/* ---------------- keyframes ---------------- */
@keyframes wordUp{to{transform:none}}
@keyframes barIn{to{transform:scaleX(1)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes markDrift{from{transform:translateX(-3%)}to{transform:translateX(3%)}}

/* ---------------- responsive ---------------- */
@media (max-width:1100px){
	.post-layout{grid-template-columns:minmax(0,1fr)}
	.share-rail{position:static}
	.share{flex-direction:row;flex-wrap:wrap;align-items:center}
}
@media (max-width:1024px){
	.inner-layout{flex-direction:column}
	.sidebar{position:static;flex-basis:auto;width:100%}
}
@media (max-width:900px){
	.ab-grid,.ct-grid,.feature{grid-template-columns:1fr}
	.ab-grid .about-visual{order:-1}
	.about-card{max-width:340px}
	.feature-thumb{min-height:220px}
}
@media (max-width:600px){
	.f-row,.pn-wrap{grid-template-columns:1fr}
	.article{padding:22px 16px}
	.cta-band-in{flex-direction:column;align-items:flex-start}
	.search-form{flex-direction:column}
	.search-submit{padding:12px}
	.tile{min-height:0}
	.ph-fx i:nth-child(3){display:none}
}
@media (prefers-reduced-motion:reduce){
	.ph-title::after{transform:scaleX(1)}
	.ph-title .w>span{transform:none}
}