/* FancyTextTool skin — tokens */
:root{--f-bg:#fafbfd;--f-ink:#0f1b3d;--f-ink2:#475069;--f-line:#e3e7ee;--f-blue:#1d62e8;--f-blue-d:#154ec2;--f-blue-s:#eaf1fe;--f-card:#fff;--f-dock-h:68px}
html{-webkit-text-size-adjust:100%}
body{background:var(--f-bg);color:var(--f-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;overflow-x:clip}
body,.entry-content p,.entry-content li,.entry-content td,.entry-content th,.widget p,.widget li{font-size:17px}
a{color:var(--f-blue)}
a:hover,a:focus{color:var(--f-blue-d)}
.entry-content a{text-decoration-thickness:1px;text-underline-offset:2px}

/* header: compact, white, bottom border */
.site-header{background:#fff;border-bottom:1px solid var(--f-line)}
.inside-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px}
.site-logo img,.header-image{width:auto;height:44px;max-width:none}
.header-widget{display:none}
.main-navigation,.main-navigation ul ul{background:#fff}
.main-navigation{border-bottom:1px solid var(--f-line)}
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{color:var(--f-ink2);font-size:15px;font-weight:500;line-height:46px}
.main-navigation .main-nav ul{justify-content:center}
.main-navigation .main-nav ul li a{border-bottom:3px solid transparent;margin:0 6px}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover>a,.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus>a{color:var(--f-blue)}
.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--f-blue);border-bottom-color:var(--f-blue)}
.main-navigation .inside-navigation{justify-content:center}

/* page title block */
.site-content{padding-top:8px}
.inside-article{background:transparent!important;padding:20px 20px 40px!important}
.separate-containers .inside-article,.one-container .site-content{background:transparent}
.entry-header{text-align:center;margin:12px 0 8px}
.entry-title{font-size:clamp(28px,4.4vw,42px);line-height:1.15;color:var(--f-ink);font-weight:800;letter-spacing:-.01em}
.entry-content>p:first-of-type{text-align:center;max-width:760px;margin:0 auto 24px;color:var(--f-ink2)}
.entry-content h2{font-size:clamp(23px,3vw,30px);line-height:1.25;margin:2em 0 .6em;font-weight:800}
.entry-content h3{font-size:20px;font-weight:700;margin:1.4em 0 .5em}
.entry-content .wp-block-image img,.entry-content figure img{border-radius:12px;height:auto}

/* trays + converter */
.ftt-bar{margin-bottom:14px}
.ftt-find,.ftt-conv-in,.ftt-name-in{border:1px solid #cdd5e1;border-radius:10px;background:#fff;font-size:17px;padding:12px 14px;max-width:none;box-shadow:0 1px 2px rgba(15,27,61,.04)}
.ftt-find:focus,.ftt-conv-in:focus,.ftt-name-in:focus{border-color:var(--f-blue);box-shadow:0 0 0 3px rgba(29,98,232,.15);outline:0}
.ftt-count{font-size:14px}
.ftt-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.ftt-g{border-color:var(--f-line);background:#fff;border-radius:10px;min-height:72px}
.ftt-g:hover,.ftt-g:focus-visible{border-color:var(--f-blue);box-shadow:0 0 0 3px rgba(29,98,232,.12)}
.ftt-g.ftt-done{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.ftt-gl{font-size:28px}
.ftt-cp{font-size:14px;color:#5b6577}
.ftt-group{font-size:19px;margin:1.4em 0 .55em}
.ftt-conv,.ftt-namer,.ftt-recent{border-color:var(--f-line);border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(15,27,61,.05)}
.ftt-conv label,.ftt-namer label{font-size:15px;font-weight:600}
.ftt-preset{font-size:15px;padding:6px 14px;border-color:var(--f-line);background:#fff}
.ftt-preset:hover{border-color:var(--f-blue);color:var(--f-blue);background:var(--f-blue-s)}
.ftt-recent-h{font-size:14px}
/* converter rows: name | result | Copy */
.ftt-conv-out{gap:0;border:1px solid var(--f-line);border-radius:12px;overflow:hidden;background:#fff}
.ftt-row{grid-template-columns:minmax(120px,190px) 1fr;gap:12px;padding:0 0 0 16px;border-bottom:1px solid var(--f-line);align-items:center}
.ftt-row:last-child{border-bottom:0}
.ftt-row-l{font-size:15px;color:var(--f-ink2)}
.ftt-row .ftt-g.ftt-row-o{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;border:0;border-radius:0;box-shadow:none;background:transparent;min-height:52px;padding:8px 12px 8px 0;width:100%}
.ftt-row-o .ftt-gl{font-size:19px;flex:1}
.ftt-row-o::after{content:"Copy";flex:none;min-width:74px;text-align:center;font-size:15px;font-weight:600;line-height:1;padding:9px 14px;border:1.5px solid var(--f-blue);border-radius:8px;color:var(--f-blue);background:#fff;transition:background .15s,color .15s}
.ftt-row-o:hover::after{background:var(--f-blue-s)}
.ftt-row-o.ftt-done::after{content:"\2713  Copied!";background:var(--f-blue);color:#fff}
.ftt-row .ftt-g:hover,.ftt-row .ftt-g:focus-visible,.ftt-row .ftt-g.ftt-done{box-shadow:none;border:0}

/* tables */
.entry-content table{border-collapse:collapse;width:100%;background:#fff}
.entry-content th,.entry-content td{border:1px solid var(--f-line);padding:10px 12px}
.entry-content th{background:var(--f-blue-s);text-align:left}
.ftt-scroll{border-color:var(--f-line)}
.ftt-scroll th,.ftt-scroll td{font-size:16px}

/* TOC */
.lwptoc_i{border-radius:12px;background:#fff;border:1px solid var(--f-line)}
.lwptoc_item_label,.lwptoc_header{font-size:16px}

/* footer: brand | links | contact */
.footer-widgets,.site-info{background:#fff}
.footer-widgets{border-top:1px solid var(--f-line);margin-top:20px}
.footer-widgets-container{padding:40px 20px 24px}
.inside-footer-widgets{display:block}
.footer-widget-1{display:grid;grid-template-columns:1.5fr 1fr 1.3fr;grid-template-areas:"logo links info" "tag links info" "social links info";gap:6px 40px;align-content:start;text-align:left}
.footer-widget-1 .widget{margin:0;padding:0;text-align:left;background:transparent}
.footer-widget-1 .has-text-align-center{text-align:left}
.footer-widget-1 .widget_media_image{grid-area:logo}
.footer-widget-1 .widget_media_image figure{margin:0}
.footer-widget-1 .widget_media_image img{height:40px;width:auto;margin:0}
.footer-widget-1 #block-10{grid-area:tag;max-width:340px;color:var(--f-ink2)}
.footer-widget-1 #block-9{grid-area:social;margin-top:10px}
.footer-widget-1 #block-9 .wp-block-social-links{justify-content:flex-start}
.footer-widget-1 #nav_menu-5{grid-area:links}
.footer-widget-1 #nav_menu-5::before{content:"Quick Links";display:block;font-weight:700;margin-bottom:8px}
.footer-widget-1 #menu-footer{display:block!important}
.footer-widget-1 #menu-footer li{display:block;padding:3px 0;text-align:left;text-transform:none;font-size:16px;line-height:1.5;color:var(--f-ink2)}
.footer-widget-1 #menu-footer a{color:var(--f-ink2);text-decoration:none}
.footer-widget-1 #menu-footer a:hover{color:var(--f-blue)}
.footer-widget-1 #block-20,.footer-widget-1 #block-21,.footer-widget-1 #block-15,.footer-widget-1 #block-18{grid-column:3;font-size:15px;color:var(--f-ink2)}
.footer-widget-1 #block-20{grid-row:1}
.footer-widget-1 #block-21{grid-row:2}
.footer-widget-1 #block-15{grid-row:3}
.footer-widget-1 #block-18{grid-row:4}
.footer-widget-1 #block-20 p,.footer-widget-1 #block-21 p,.footer-widget-1 #block-15 p,.footer-widget-1 #block-18 p{font-size:15px;margin:0}
.inside-site-info{padding:14px 20px;border-top:1px solid var(--f-line)}
.copyright-bar{font-size:14px;color:var(--f-ink2);text-align:center}

/* dock: hidden on desktop */
.ftt-dock{display:none}

@media (max-width:768px){
  :root{--f-dock-h:68px}
  body{padding-bottom:calc(var(--f-dock-h) + 30px + env(safe-area-inset-bottom))}
  .site,.grid-container,.site-content,.inside-article,.site-main{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
  .inside-header{padding:8px 14px}
  .main-navigation .menu-toggle{line-height:46px;font-size:16px}
  .inside-article{padding:12px 0 24px!important}
  .entry-header,.entry-content>p,.entry-content>h2,.entry-content>h3,.entry-content>ul,.entry-content>ol,.entry-content>.wp-block-image,.entry-content>.lwptoc,.entry-content>blockquote{padding-left:10px;padding-right:10px}
  .entry-content>p:first-of-type{text-align:left}
  .entry-title{text-align:left;font-size:27px}
  .entry-header{text-align:left}
  /* boxes: no margin/padding, edge to edge, so items get the width */
  .ftt-tray,.ftt-conv,.ftt-namer,.ftt-recent,.ftt-scroll{margin-left:0;margin-right:0;padding:4px;border-left:0;border-right:0;border-radius:0;box-shadow:none}
  .ftt-conv,.ftt-namer{padding:8px 4px}
  .ftt-bar,.ftt-conv label,.ftt-conv-in,.ftt-presets,.ftt-namer label,.ftt-name-in{margin-left:4px;margin-right:4px}
  .ftt-conv-in,.ftt-name-in{width:calc(100% - 8px)}
  .ftt-group{padding:0 6px}
  .ftt-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
  .ftt-g{padding:6px 2px}
  .ftt-conv-out{border-left:0;border-right:0;border-radius:0}
  .ftt-row{grid-template-columns:1fr;gap:0;padding:8px 4px 0 10px}
  .ftt-row .ftt-g.ftt-row-o{padding:4px 6px 8px 0}
  .ftt-row-l{font-size:14px}
  /* tables never push the page wider */
  .entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}
  .entry-content table td,.entry-content table th{min-width:96px}
  .ftt-scroll table{display:table}
  .entry-content .wp-block-table,.entry-content figure.wp-block-table{overflow-x:auto;max-width:100%}
  .footer-widgets-container{padding:28px 14px 12px}
  .footer-widget-1{grid-template-columns:1fr 1fr;grid-template-areas:"logo logo" "tag tag" "links info" "social social"}
  .footer-widget-1 #block-20,.footer-widget-1 #block-21,.footer-widget-1 #block-15,.footer-widget-1 #block-18{grid-column:2;grid-row:auto}
  .footer-widget-1 #block-20{grid-area:info}
  .footer-widget-1 #block-21,.footer-widget-1 #block-15,.footer-widget-1 #block-18{display:none}
  .footer-widget-1 #nav_menu-5{grid-column:1}
  a.generate-back-to-top{bottom:calc(var(--f-dock-h) + 24px + env(safe-area-inset-bottom));right:14px}
  .ftt-toast{bottom:calc(var(--f-dock-h) + 22px + env(safe-area-inset-bottom))}

  /* floating dock */
  .ftt-dock{--i:-1;position:fixed;z-index:9990;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:var(--f-dock-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 4px;border-radius:26px;background:linear-gradient(160deg,#10224f,#0b1633);box-shadow:0 14px 30px -10px rgba(11,22,51,.65),0 0 0 1px rgba(255,255,255,.08) inset}
  .ftt-dock-dot{position:absolute;left:4px;top:7px;bottom:7px;width:calc((100% - 8px)/5);border-radius:20px;background:rgba(255,255,255,.1);transform:translateX(calc(var(--i)*100%));opacity:0;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .2s;pointer-events:none}
  .ftt-dock.has-on .ftt-dock-dot{opacity:1}
  .ftt-dock-i{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;color:#9fb0d6;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .ftt-dock-i em{font-style:normal;font-size:12px;line-height:1;font-weight:600;letter-spacing:.02em}
  .ftt-dock-i.on{color:#fff}
  .ftt-dock-i:active svg{transform:scale(.88)}
  .ftt-dock-mid{color:#fff;justify-content:flex-end;padding-bottom:9px}
  .ftt-dock-mid b{display:grid;place-items:center;width:46px;height:46px;position:absolute;top:-24px;left:calc(50% - 23px);margin:0;border-radius:15px;transform:rotate(45deg);background:linear-gradient(135deg,#3b82f6,#7c3aed);box-shadow:0 8px 18px -4px rgba(59,130,246,.7),0 0 0 4px #0b1633;font:800 0/1 system-ui,sans-serif}
  .ftt-dock-mid b{font-size:0}
  .ftt-dock-mid b::before{content:"Aa";font-size:17px;font-weight:800;transform:rotate(-45deg);font-style:normal}
  .ftt-dock-mid em{margin-top:0}
}
@media (max-width:480px){.ftt-dock{left:6px;right:6px}.footer-widget-1{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ftt-dock-dot{transition:none}}

/* small captions: keep at least 13px */
.ftt-row small,small{font-size:13.5px}